:root{--bg:#0f0f0f;--bg-elev:#212121;--fill:#ffffff1a;--fill-hover:#fff3;--hover:#ffffff1a;--line:#ffffff1f;--line-strong:#303030;--text:#f1f1f1;--text-2:#aaa;--text-3:#8a8a8a;--brand:#ff61ab;--brand-strong:#d92178;--brand-ink:#b81b66;--brand-soft:#ff61ab1f;--on-brand:#1c0712;--snack:#f1f1f1;--font:"Roboto", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--mh:56px;--guide:240px;--mini:72px;--offset:0px;--pad:24px;--r-thumb:12px;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--mh) + 64px);background:var(--bg)}html.lock{overflow:hidden}body{background:var(--bg);color:var(--text);font:400 14px/20px var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}input{font:inherit;color:inherit;caret-color:var(--brand)}::selection{color:#fff;background:#ff61ab59}:focus-visible{outline:2px solid var(--text);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#3f3f3f transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3f3f3f;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.skip{z-index:200;background:var(--text);color:var(--bg);border-radius:8px;padding:8px 14px;font-weight:500;position:fixed;top:8px;left:-999px}.skip:focus{left:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-btn{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:background .15s;display:inline-grid}.icon-btn:hover{background:var(--hover)}.icon-btn:active{background:var(--fill-hover)}.icon-btn-sm{width:36px;height:36px}.pill{background:var(--fill);white-space:nowrap;border-radius:18px;flex:none;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.pill:hover{background:var(--fill-hover)}.pill[aria-pressed=true]{color:var(--brand)}.pill-light{background:var(--text);color:var(--bg)}.pill-light:hover{background:#d9d9d9}.pill-quiet{color:var(--text);background:0 0}.pill-quiet:hover{background:var(--hover)}.chip{background:var(--fill);white-space:nowrap;border-radius:8px;flex:none;align-items:center;height:32px;padding:0 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.chip:hover{background:var(--fill-hover)}.chip[aria-pressed=true]{background:var(--text);color:var(--bg)}.chip-sm{height:28px;padding:0 10px;font-size:13px;font-weight:400}.chip-wrap{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.link-btn{color:var(--brand);font-weight:500}.hashtag{color:#3ea6ff;margin-left:8px;font-weight:400}.hashtag:hover{text-decoration:underline}.masthead{z-index:40;height:var(--mh);padding:0 16px 0 max(16px, env(safe-area-inset-left,0px));background:var(--bg);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.mh-start{align-items:center;gap:8px;min-width:0;display:flex}.mh-center{flex:0 732px;justify-content:center;min-width:0;display:flex}.mh-end{align-items:center;gap:8px;display:flex}.mh-search,.mh-msearch{display:none}.logo{flex:none;align-items:center;gap:4px;height:40px;padding:0 8px;display:inline-flex}.logo-mark{flex:none;width:26px;height:26px}.logo-word{letter-spacing:-.04em;font-size:20px;font-weight:500;line-height:1}.logo-word b{color:var(--brand);font-weight:700}.logo-sup{color:var(--text-2);letter-spacing:.04em;align-self:flex-start;margin:6px 0 0 2px;font-size:10px;line-height:1}.sb{width:100%;max-width:732px;display:flex}.sb-field{border:1px solid var(--line-strong);background:#121212;border-right:0;border-radius:20px 0 0 20px;flex:1;align-items:center;min-width:0;height:40px;margin-left:32px;padding:0 4px 0 16px;transition:border-color .15s;display:flex;position:relative}.sb-field:focus-within{border-color:#717171}.sb-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:16px}.sb-field input::placeholder{color:var(--text-3)}.sb-field input::-webkit-search-cancel-button{display:none}.sb-clear{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.sb-clear:hover{background:var(--hover)}.sb-btn{border:1px solid var(--line-strong);background:#222;border-radius:0 20px 20px 0;flex:none;place-items:center;width:64px;height:40px;display:grid}.sb-btn:hover{background:#303030}.sb-pop{z-index:60;background:var(--bg-elev);border-radius:12px;padding:16px 0;position:absolute;top:calc(100% + 4px);left:0;right:-64px;box-shadow:0 8px 24px #00000080}.sb-opt{cursor:pointer;align-items:center;gap:16px;height:32px;padding:0 16px;font-size:16px;font-weight:500;display:flex}.sb-opt[aria-selected=true],.sb-opt:hover{background:var(--hover)}.sb-opt svg{color:var(--text-2);flex:none}.sb-opt>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-recent{color:#c66cff}.sb-kind{color:var(--text-2);font-size:12px;font-weight:400}.sb-del{color:var(--text-2);border-radius:6px;padding:4px 6px;font-size:12px;font-weight:400}.sb-del:hover{color:var(--text);text-decoration:underline}.guide,.mini-guide{top:var(--mh);z-index:30;background:var(--bg);display:none;position:fixed;bottom:0;left:0}.guide{width:var(--guide)}.g-scroll{scrollbar-color:transparent transparent;flex-direction:column;height:100%;padding:12px;display:flex;overflow-y:auto}.g-scroll>*{flex:none}.g-scroll:hover{scrollbar-color:#717171 transparent}.g-sec{padding-bottom:12px;display:grid}.g-sec+.g-sec{border-top:1px solid var(--line);padding-top:12px}.g-head{border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:16px;font-weight:700;display:flex}.g-item{text-align:left;border-radius:10px;align-items:center;gap:24px;width:100%;height:40px;padding:0 12px;font-size:14px;transition:background .12s;display:flex}.g-item:hover{background:var(--hover)}.g-item:active{background:var(--fill-hover)}.g-item[aria-current=page]{background:var(--fill);font-weight:500}.g-icon{flex:none;place-items:center;width:24px;display:grid}.g-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.g-ava{object-fit:cover;background:var(--fill);border-radius:50%;flex:none;width:24px;height:24px}.g-more{display:grid;overflow:hidden}.g-foot{color:var(--text-3);border-top:1px solid var(--line);gap:8px;padding:16px 12px 24px;font-size:12px;line-height:18px;display:grid}.mini-guide{width:var(--mini);scrollbar-color:transparent transparent;flex-direction:column;gap:0;padding:4px;overflow-y:auto}.mini-guide>*{flex:none}.mini-guide:hover{scrollbar-color:#717171 transparent}.mg-item{text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:16px 0 14px;font-size:10px;line-height:14px;display:flex}.mg-item:hover{background:var(--hover)}.mg-item[aria-current=page]{font-weight:500}.drawer{z-index:80;position:fixed;inset:0}.drawer-scrim{background:#00000080;position:absolute;inset:0}.drawer-panel{width:var(--guide);background:var(--bg);padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:absolute;inset:0 auto 0 0}.drawer-head{height:var(--mh);flex:none;align-items:center;gap:8px;padding:0 16px;display:flex}.drawer-panel .g-scroll{flex:1;min-height:0}.page{min-height:100vh;padding:var(--mh) var(--pad) 48px calc(var(--offset) + var(--pad))}@media (width>=1313px){html:not([data-guide=mini]) .app:not([data-watch]) .guide{display:block}html:not([data-guide=mini]) .app:not([data-watch]){--offset:var(--guide)}html[data-guide=mini] .app:not([data-watch]) .mini-guide{display:flex}html[data-guide=mini] .app:not([data-watch]){--offset:var(--mini)}}@media (width>=808px) and (width<=1312px){.app:not([data-watch]) .mini-guide{display:flex}.app:not([data-watch]){--offset:var(--mini)}}.bottom-nav{display:none}.chip-dock{top:var(--mh);z-index:20;margin:0 calc(-1 * var(--pad));padding:12px var(--pad);background:var(--bg);position:sticky}.chip-dock-flat{margin:0 0 8px;padding:12px 0;position:static}.chipbar{align-items:center;min-width:0;display:flex;position:relative}.chip-row{scrollbar-width:none;scroll-behavior:smooth;gap:12px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chipbar[data-left] .chip-row{-webkit-mask-image:linear-gradient(90deg,#0000 44px,#000 96px);mask-image:linear-gradient(90deg,#0000 44px,#000 96px)}.chipbar[data-right] .chip-row{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 96px),#0000 calc(100% - 44px));mask-image:linear-gradient(90deg,#000 calc(100% - 96px),#0000 calc(100% - 44px))}.chipbar[data-left][data-right] .chip-row{-webkit-mask-image:linear-gradient(90deg,#0000 44px,#000 96px calc(100% - 96px),#0000 calc(100% - 44px));mask-image:linear-gradient(90deg,#0000 44px,#000 96px calc(100% - 96px),#0000 calc(100% - 44px))}.chip-arrow{z-index:2;background:var(--bg);position:absolute;top:50%;translate:0 -50%}.chip-arrow-l{left:-4px}.chip-arrow-r{right:-4px}.vgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:40px 16px;padding-top:12px;display:grid}.vgrid+.vgrid{padding-top:40px}.vgrid-tail{pointer-events:none}.vc{min-width:0;position:relative}.vc-media{position:relative}.vc-thumb{aspect-ratio:16/9;border-radius:var(--r-thumb);background:#272727;display:block;overflow:hidden}.vc-thumb img{object-fit:cover;width:100%;height:100%}.vc-thumb,.ct-cover{transition:scale .1s var(--ease)}.vc-thumb:active,.ct:active .ct-cover{scale:.98}.vc-dur{pointer-events:none;font-variant-numeric:tabular-nums;background:#000c;border-radius:4px;padding:1px 4px;font-size:12px;font-weight:500;line-height:18px;position:absolute;bottom:8px;right:8px}.vc-seen{background:var(--brand);border-radius:0 0 var(--r-thumb) var(--r-thumb);pointer-events:none;height:4px;position:absolute;bottom:0;left:0;right:0}:is(.vc-seen+.vc-quick,.vc-media:has(.vc-seen) .vc-dur){bottom:12px}.vc:has(.vc-seen) .vc-title{color:var(--text-2)}.vc-quick{opacity:0;gap:4px;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.quick{background:#000c;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.quick:hover{background:#000}.quick[data-on]{color:var(--brand)}.vc-body{gap:12px;min-width:0;padding-top:12px;display:flex}.ava{object-fit:cover;background:#272727;border-radius:50%;flex:none}.ava-fallback{color:var(--text-2);place-items:center;font-size:14px;font-weight:500;display:inline-grid}.vc-text{flex:1;align-content:start;min-width:0;display:grid}.vc-title{font-size:16px;font-weight:500;line-height:22px}.vc-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vc-channel{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.vc-channel:hover{color:var(--text)}.vc-stats{color:var(--text-2)}.vc-reason{background:var(--fill);max-width:100%;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;justify-self:start;align-items:baseline;gap:6px;margin-top:6px;padding:1px 6px;font-size:12px;line-height:18px;display:inline-flex;overflow:hidden}.vc-reason b{color:var(--brand);font-weight:500}.vc-menu{flex:none;margin:-8px -12px 0 0;position:relative}.vc-kebab{opacity:0;transition:opacity .15s}.vc-menu:has([aria-expanded=true]) .vc-kebab{opacity:1;background:var(--fill-hover)}@media (hover:hover){.vc:hover .vc-quick,.vc:focus-within .vc-quick,.vc:hover .vc-kebab,.vc:focus-within .vc-kebab{opacity:1}}@media (hover:none){.vc-kebab{opacity:1}.vc-quick,.chip-arrow{display:none}.chip-row{-webkit-mask-image:none!important;mask-image:none!important}}.menu{z-index:50;background:var(--bg-elev);transform-origin:100% 0;border-radius:12px;width:max-content;min-width:220px;padding:8px 0;position:absolute;top:36px;right:8px;box-shadow:0 4px 32px #0009}.menu button,.menu a{text-align:left;align-items:center;gap:16px;width:100%;height:36px;padding:0 24px 0 16px;font-size:14px;display:flex}.menu button:hover,.menu a:hover,.menu button:focus-visible,.menu a:focus-visible{background:var(--hover);outline:none}.menu svg{flex:none}.menu-sep{background:var(--line);height:1px;margin:8px 0}.menu-scrim{z-index:60;background:#00000080;position:fixed;inset:0}.menu.menu-sheet{z-index:61;width:auto;min-width:0;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));border-radius:12px 12px 0 0;position:fixed;inset:auto 0 0}.menu-sheet:before{content:"";background:var(--line-strong);border-radius:2px;width:36px;height:4px;margin:0 auto 8px;display:block}.menu-sheet button,.menu-sheet a{height:48px;padding:0 24px;font-size:16px}.vc-gone{text-align:center;aspect-ratio:16/9;border-radius:var(--r-thumb);color:var(--text-2);background:#1a1a1a;place-content:center;justify-items:center;gap:8px;padding:16px;display:grid}.vlist{gap:16px;max-width:1096px;padding-top:8px;display:grid}.vc-list{grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:16px;display:grid}.vc-list .vc-body{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;padding-top:0;display:grid}.vc-list .vc-text{grid-row:1}.vc-list .vc-title{font-size:18px;font-weight:400;line-height:26px}.vc-list .vc-channel{margin-top:0}.vc-list .vc-stats{order:-1;font-size:12px;line-height:18px}.vc-list .ava{display:none}.vcompact{gap:8px;display:grid}.vc-compact{grid-template-columns:168px minmax(0,1fr);gap:8px;display:grid}.vc-compact .vc-thumb{border-radius:8px}.vc-compact .vc-seen{border-radius:0 0 8px 8px}.vc-compact .vc-dur{bottom:4px;right:4px}.vc-compact .vc-body{gap:4px;padding-top:0}.vc-compact .vc-title{font-size:14px;line-height:20px}.vc-compact .vc-channel{margin-top:4px;font-size:12px;line-height:18px}.vc-compact .vc-stats{font-size:12px;line-height:18px}.vc-compact .vc-menu{margin:-6px -10px 0 0}.sk{background:#272727;border-radius:8px;display:block;position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.4s infinite sheen;position:absolute;inset:0}@keyframes sheen{0%{translate:-100%}to{translate:100%}}.skel .vc-thumb{border-radius:var(--r-thumb)}.skel .ava{width:36px;height:36px}.sk-line{width:90%;height:18px;margin-bottom:8px}.sk-short{width:60%}.ad-tag{color:var(--text);justify-self:start;font-size:12px;font-weight:500;line-height:18px}.ad-cta{background:var(--brand-soft);color:var(--brand);justify-content:center}.ad-cta:hover{background:#ff61ab38}.ad-card{align-content:start;display:grid}.ad-card .ad-cta{margin:12px 0 0 48px}.ad-ava{background:var(--brand);width:36px;height:36px;color:var(--on-brand);place-items:center;display:grid}.ad-thumb{background:#24101b;flex-direction:column;justify-content:center;gap:8px;padding:0 9%;display:flex}.ad-bubble{max-width:78%;animation:ad-in .3s var(--ease) both;padding:7px 12px;font-size:15px;line-height:20px}.ad-her{background:var(--bg-elev);border-radius:18px 18px 18px 4px;align-self:flex-start}.ad-you{background:var(--brand);color:var(--on-brand);border-radius:18px 18px 4px;align-self:flex-end;font-weight:500}@keyframes ad-in{0%{opacity:0;translate:0 8px}}.ad-slot{border-radius:var(--r-thumb);background:#24101b;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px;margin-bottom:12px;padding:12px 16px;display:grid}.ad-orb{background:var(--brand);width:40px;height:40px;color:var(--on-brand);border-radius:50%;place-items:center;display:grid}.ad-copy{gap:4px;min-width:0;display:grid}.ad-title{text-wrap:pretty;font-size:16px;font-weight:500;line-height:22px}.ad-slot .ad-cta{grid-column:1/-1}.g-ad-dock{background:linear-gradient(transparent, var(--bg) 16px);pointer-events:none;margin:auto -12px -12px;padding-top:16px;position:sticky;bottom:0}.g-ad{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:auto;background:#24101b;border-radius:16px 16px 0 0;gap:12px;display:grid}.g-ad:focus-visible{outline-offset:-4px}.g-ad-thread{justify-items:start;gap:4px;display:grid;position:relative}.g-ad-msg{background:var(--bg-elev);text-wrap:pretty;max-width:100%;animation:ad-in .25s var(--ease) both;border-radius:16px 16px 16px 4px;padding:6px 12px;font-size:16px;font-weight:500;line-height:22px}.g-ad-follow{border-radius:4px 16px 16px;font-size:14px;font-weight:400;line-height:20px;animation-delay:1.5s}.g-ad-typing{background:var(--bg-elev);opacity:0;border-radius:4px 16px 16px;align-items:center;gap:4px;height:32px;padding:0 12px;animation:1.2s .35s g-ad-typing;display:flex;position:absolute;bottom:0;left:0}.g-ad-typing i{background:var(--text-2);border-radius:50%;width:6px;height:6px;animation:.4s ease-in-out .35s 3 alternate g-ad-dot}.g-ad-typing i:nth-child(2){animation-delay:.47s}.g-ad-typing i:nth-child(3){animation-delay:.59s}@keyframes g-ad-typing{0%,to{opacity:0}12%,88%{opacity:1}}@keyframes g-ad-dot{to{translate:0 -4px}}.g-ad-reply{height:44px;color:var(--text-2);transition:background .12s, color .12s, scale .1s var(--ease);background:#0006;border-radius:22px;justify-content:space-between;align-items:center;padding:0 6px 0 16px;font-size:14px;display:flex}.g-ad:hover .g-ad-reply{color:var(--text);background:#0009}.g-ad:active .g-ad-reply{scale:.98}.g-ad-send{background:var(--brand);width:32px;height:32px;color:var(--on-brand);transition:translate .15s var(--ease);border-radius:50%;place-items:center;display:grid}.g-ad:hover .g-ad-send{translate:2px}.g-ad .ad-tag{margin-top:-6px}@media (height<=859px){.g-ad-follow,.g-ad-typing{display:none}}@media (height<=787px){.g-ad-thread{display:none}}.sgrid{grid-template-columns:repeat(auto-fill,minmax(min(46%,180px),1fr));gap:24px 12px;padding-top:12px;display:grid}.vc-short .vc-thumb{aspect-ratio:9/16}.vc-short .vc-body{gap:4px;padding-top:8px}.vc-short .vc-title{font-size:14px;line-height:20px}.vc-short .vc-channel,.vc-short .vc-stats{font-size:12px;line-height:18px}.vc-short .vc-dur,.vc-short .ava{display:none}.sh-feed{top:var(--mh);bottom:0;right:0;left:var(--offset);z-index:10;overscroll-behavior:contain;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;background:var(--bg);position:fixed;overflow-y:auto}.sh-feed::-webkit-scrollbar{display:none}.sh-slide{scroll-snap-align:start;scroll-snap-stop:always;height:100%}.sh-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,320px);justify-content:center;gap:16px 24px;height:100%;padding:16px 88px 16px 24px;display:grid}.sh-frame{aspect-ratio:9/16;border-radius:var(--r-thumb);background:#000;grid-area:1/1/-1;height:100%;position:relative;overflow:hidden}.sh-frame img{object-fit:cover;width:100%;height:100%}.sh-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.sh-info{grid-area:1/2;align-self:end;gap:8px;display:grid}.sh-title{text-wrap:pretty;font-size:16px;font-weight:500;line-height:22px}.sh-title a{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sh-channel{min-width:0;color:var(--text-2);align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.sh-stats{color:var(--text-2);font-size:12px;line-height:18px}.sh-actions{grid-area:2/2;gap:12px;padding-bottom:4px;display:flex}.sh-act{color:var(--text-2);justify-items:center;gap:4px;font-size:12px;line-height:18px;display:grid}.sh-act span{background:var(--fill);width:48px;height:48px;color:var(--text);border-radius:50%;place-items:center;transition:background .12s;display:grid}.sh-act:hover span{background:var(--fill-hover)}.sh-act[aria-pressed=true] span{color:var(--brand)}.sh-back{display:none}.sh-nav{right:24px;top:calc(50% + var(--mh) / 2);z-index:11;gap:12px;display:grid;position:fixed;translate:0 -50%}.sh-nav .icon-btn{background:var(--fill);width:48px;height:48px}.sh-nav .icon-btn:hover{background:var(--fill-hover)}.sh-nav .icon-btn:disabled{opacity:.35;pointer-events:none}.sh-empty{color:var(--text-2);place-content:center;justify-items:center;gap:16px;display:grid}@media (width<=807px){.sh-feed{z-index:45;inset:0}.sh-stage{padding:0 0 calc(8px + env(safe-area-inset-bottom,0px));grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:8px}.sh-frame{border-radius:0;grid-row:1;place-self:start center;width:min(100vw,56.25dvh - 63px);height:auto}.sh-info{grid-area:2/1;gap:2px;padding:0 12px}.sh-title{font-size:14px;line-height:20px}.sh-title a{-webkit-line-clamp:1}.sh-channel{font-size:12px;line-height:18px}.sh-channel .ava,.sh-stats{display:none}.sh-actions{grid-area:3/1;gap:4px;padding:0 8px}.sh-act{gap:0;font-size:0;line-height:0}.sh-act span{width:40px;height:40px}.sh-back{display:grid}.sh-nav{top:auto;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:46;grid-auto-flow:column;gap:4px;translate:none}.sh-nav .icon-btn{width:40px;height:40px}}.see-all{background:var(--fill);border-radius:24px;justify-content:center;align-items:center;gap:8px;height:48px;margin-top:40px;font-weight:500;display:flex}.see-all:hover{background:var(--fill-hover)}.shelf{border-bottom:1px solid var(--line);margin-bottom:0;padding:40px 0 8px}.shelf-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.shelf-head h2{align-items:center;gap:10px;font-size:20px;font-weight:700;line-height:28px;display:flex}.shelf-body{position:relative}.shelf-row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(220px,calc(20% - 12.8px));grid-auto-flow:column;gap:16px;padding-bottom:24px;display:grid;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-row>*{scroll-snap-align:start}.shelf-arrow{z-index:3;background:var(--bg-elev);position:absolute;top:calc(28% - 6.72px);box-shadow:0 4px 12px #00000080}.shelf-arrow:hover{background:#3f3f3f}.shelf-arrow-l{left:-20px}.shelf-arrow-r{right:-20px}.shelf-item{min-width:0}.shelf-empty{color:var(--text-2);grid-column:1/-1;padding:8px 0 16px}.me .shelf-row{grid-auto-columns:minmax(240px,calc(25% - 12px))}.ct{gap:12px;min-width:0;display:grid}.ct-cover{aspect-ratio:16/9;border-radius:var(--r-thumb);background:#272727;grid-template-columns:1fr 1fr;gap:2px;display:grid;position:relative;overflow:hidden}.ct-cover img{object-fit:cover;aspect-ratio:16/9;width:100%;height:100%}.ct-badge{background:#000c;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex;position:absolute;bottom:8px;left:8px}.ct-text h3{font-size:16px;font-weight:500;line-height:22px}.ct-text p{color:var(--text-2)}.ct-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:40px 16px;display:grid}.page-head{gap:8px;padding:24px 0;display:grid}.page-head h1{letter-spacing:-.01em;align-items:center;gap:12px;font-size:36px;font-weight:700;line-height:50px;display:flex}.page-head p{color:var(--text-2)}.count{font:400 14px/20px var(--font);color:var(--text-2);padding:4px 0 0}.cat-head{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;gap:24px;padding:24px 0 16px;display:grid}.cat-cover{aspect-ratio:16/9;background:#272727;border-radius:16px;grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.cat-cover img{object-fit:cover;aspect-ratio:16/9;width:100%;height:100%}.cat-info{justify-items:start;gap:8px;display:grid}.cat-info h1{letter-spacing:-.01em;align-items:center;gap:12px;font-size:36px;font-weight:700;line-height:50px;display:flex}.cat-info h1 svg{color:var(--brand)}.cat-meta,.cat-blurb{color:var(--text-2)}.cat-info .pill{margin-top:8px}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:8px;margin:8px 0 4px;display:flex;overflow-x:auto}.tab{height:48px;color:var(--text-2);padding:0 12px;font-size:16px;font-weight:500;transition:color .15s;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab-ink{background:var(--text);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.app[data-watch] .page{padding-left:var(--pad)}.watch{grid-template-columns:minmax(0,1fr) 402px;gap:24px;max-width:1754px;margin:0 auto;padding-top:24px;display:grid}.w-primary{min-width:0}.w-player{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.w-player iframe{border:0;width:100%;height:100%;display:block}.w-title{overflow-wrap:anywhere;margin-top:12px;font-size:20px;font-weight:700;line-height:28px}.w-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:12px;display:flex}.w-owner{align-items:center;gap:12px;min-width:0;display:flex}.w-ch{font-size:16px;font-weight:500;line-height:22px}.w-sub{color:var(--text-2);font-size:12px;line-height:18px}.w-actions{flex-wrap:wrap;gap:8px;display:flex}.w-actions .pill{position:relative}.like-ico{display:inline-grid}.burst{border:2px solid var(--brand);pointer-events:none;width:28px;height:28px;animation:burst .5s var(--ease) forwards;border-radius:50%;margin-top:-14px;position:absolute;top:50%;left:14px}@keyframes burst{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.w-desc{background:var(--fill);border-radius:12px;gap:8px;margin-top:12px;padding:12px;display:grid}.w-stats b{font-weight:500}.w-orig{color:var(--text-2);overflow-wrap:anywhere}.w-orig span{color:var(--text);margin-right:8px;font-weight:500}.w-tags{flex-wrap:wrap;gap:8px;display:flex}.w-note{color:var(--text-2);font-size:12px}.w-secondary{min-width:0}.upnext .chipbar{margin-bottom:12px}.me-head{align-items:center;gap:16px;padding:24px 0 8px;display:flex}.me-ava{background:var(--fill);width:96px;height:96px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;display:grid}.me-head h1{font-size:36px;font-weight:700;line-height:50px}.me-head p{color:var(--text-2);align-items:center;gap:6px;display:flex}.empty-state{text-align:center;color:var(--text-2);justify-items:center;gap:12px;padding:72px 16px;display:grid}.empty-state svg{color:var(--text-2)}.empty-state h1,.empty-state h2{color:var(--text);font-size:20px;font-weight:500;line-height:28px}.empty-state p{max-width:28rem}.toast-zone{z-index:100;pointer-events:none;position:fixed;bottom:24px;left:24px}.toast{pointer-events:auto;background:var(--snack);max-width:min(560px,100vw - 32px);min-height:48px;color:var(--bg);border-radius:8px;align-items:center;gap:24px;padding:0 8px 0 16px;font-size:14px;display:flex;box-shadow:0 4px 16px #0006}.toast span{padding:14px 0}.toast button{height:36px;color:var(--brand-ink);border-radius:18px;padding:0 12px;font-weight:500}.toast button:hover{background:#b91b661a}@media (width<=1100px){.watch{grid-template-columns:minmax(0,1fr)}.w-secondary{max-width:900px}.shelf-row{grid-auto-columns:minmax(220px,calc(33.3333% - 10.6667px))}}@media (width<=807px){:root{--pad:16px}.mh-start .icon-btn{margin-left:-8px}.bottom-nav{z-index:40;height:calc(48px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--line);display:flex;position:fixed;inset:auto 0 0}.bottom-nav a{color:var(--text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;line-height:12px;display:flex}.bottom-nav a[aria-current=page]{font-weight:500}.page{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.toast-zone{left:16px;bottom:calc(64px + env(safe-area-inset-bottom,0px))}.mh-me{display:none}.cat-head{grid-template-columns:minmax(0,1fr)}}@media (width<=655px){.masthead{padding:0 8px 0 max(8px, env(safe-area-inset-left,0px));gap:4px}.mh-start .icon-btn{margin-left:0}.logo{padding:0 4px}.mh-center{display:none}.mh-search{display:inline-grid}.mh-end{gap:4px}.mh-msearch{z-index:2;background:var(--bg);align-items:center;gap:4px;padding:0 8px;display:flex;position:absolute;inset:0}.mh-msearch .sb-field{margin-left:0;padding-left:16px}.mh-msearch .sb-btn{width:48px}.sb-pop{top:var(--mh);border-radius:0;position:fixed;left:0;right:0}.vgrid{margin:0 calc(-1 * var(--pad));grid-template-columns:minmax(0,1fr);gap:24px}.vgrid .vc-thumb,.vgrid .vc-gone,.vgrid .vc-seen{border-radius:0}.vgrid .vc-body{padding:12px var(--pad) 0}.vgrid .ad-card .ad-cta{margin:12px var(--pad) 0 calc(var(--pad) + 48px)}.vc-list{grid-template-columns:minmax(0,1fr)}.vc-list .vc-body{display:flex}.vc-list .ava{display:block}.vc-list .vc-title{font-size:16px;font-weight:500;line-height:22px}.vc-list .vc-stats{order:0}.shelf-row,.me .shelf-row{grid-auto-columns:72%}.shelf-arrow{display:none}.page-head h1,.cat-info h1,.me-head h1{font-size:28px;line-height:38px}.me-ava{width:72px;height:72px}.w-player{margin:0 calc(-1 * var(--pad));border-radius:0}.app[data-watch] .page{padding-top:var(--mh)}.watch{gap:16px;padding-top:0}.w-title{font-size:18px;line-height:26px}.w-actions{scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad);flex-wrap:nowrap;overflow-x:auto}.vc-compact{grid-template-columns:160px minmax(0,1fr)}.toast{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.flip{scale:-1 1}
