:root{color-scheme:dark;--bg:#0b0b10;--panel:#14141d;--text:#f3f3f8;--muted:#8d8d9f;--line:#262631;--pink:#ff416e;--cyan:#4ee7e3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}a{color:inherit;text-decoration:none}kbd{font-family:inherit;font-size:10px;border:1px solid #343442;border-radius:4px;line-height:18px;padding:0 5px;color:#a3a3b2}.sidebar{width:226px;height:100dvh;position:fixed;left:0;top:0;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;gap:13px;align-items:center;margin:0 10px 35px}.brand-mark{position:relative;font-weight:900;font-size:36px;letter-spacing:-3px;text-shadow:-2px 0 var(--cyan),2px 1px var(--pink)}.brand-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);right:-10px;top:7px}.brand-sub{font-size:11px;letter-spacing:3px;font-weight:600;margin:6px 0 0 4px;color:#b4b4c2}.search-launch{display:flex;align-items:center;gap:9px;background:#191921;border:1px solid #242430;border-radius:10px;height:42px;color:#9999ab;padding:10px;margin-bottom:28px;font-size:12px}.search-launch svg{width:17px}.search-launch kbd{margin-left:auto}nav{display:grid;gap:7px}.nav-item{position:relative;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 12px;border-radius:9px;color:#a0a0b3;font-weight:600}.nav-item.selected{color:var(--pink);background:#ff416e0d}.nav-item:hover{background:#ffffff07}.nav-dot{width:5px;height:5px;background:var(--pink);border-radius:50%;margin-left:auto}.count{margin-left:auto;font-size:10px;padding:2px 6px;border:1px solid #34343f;border-radius:5px;color:#8d8d9f}.sidebar-note{display:flex;gap:8px;align-items:center;font-size:11px;color:#77778c;margin:26px 12px;padding-top:24px;border-top:1px solid var(--line)}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px #4ee7e344;display:inline-block;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding:0 12px}.eyebrow{color:#77778b;font-size:9px;font-weight:700;letter-spacing:2px}.sidebar-bottom p{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.5px;margin:16px 0 25px}.small{font-size:10px;line-height:1.8;color:#6e6e83}.small a{color:#a2a2b6}main{margin-left:226px;padding:0 38px;max-width:1680px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c1c28}.topbar>div:first-child{display:flex;align-items:baseline;gap:20px}h1{font-size:23px;letter-spacing:-.6px;font-weight:700;margin:0}.top-sub{font-size:11px;color:#77778c}.top-actions{display:flex;align-items:center;gap:20px}.local-pill{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;color:#aaaabc;border:1px solid #2a2a36;border-radius:99px;padding:9px 13px}.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#aaaaBC}.icon-button:hover{background:#ffffff10;color:white}.icon-button svg{width:19px;height:19px}.mobile-brand,.mobile-only{display:none}.feed-layout{display:flex;justify-content:center;align-items:flex-start;gap:48px;padding:27px 0 20px;position:relative}.watch-column{flex-shrink:0;width:min(535px,calc((100dvh - 168px)*.66 + 88px))}.watch-row{display:flex;align-items:flex-end;gap:16px}.stage{position:relative;width:calc(100% - 80px);height:calc(100dvh - 168px);min-height:380px;max-height:900px;overflow:hidden;background:#050509;border:1px solid #262632;border-radius:17px;box-shadow:0 18px 60px #0004;isolation:isolate;touch-action:none}#canvas,.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster{opacity:.24;filter:blur(5px);transform:scale(1.06)}#canvas{transition:opacity .3s;opacity:0;cursor:grab;touch-action:none}#canvas.ready{opacity:1}#canvas:active{cursor:grabbing}.stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 18%,transparent 50%,#0008 73%,#000e);pointer-events:none;z-index:1}.stage-top{position:absolute;top:16px;left:16px;right:16px;z-index:3;display:flex;justify-content:space-between;align-items:center}.spatial-badge{font-size:9px;font-weight:600;letter-spacing:1.4px;display:flex;align-items:center;gap:6px;background:#08081175;backdrop-filter:blur(10px);border:1px solid #ffffff27;border-radius:6px;padding:6px 8px}.spatial-badge svg{width:14px;height:14px;color:var(--cyan)}.glass-button{width:30px;height:30px;background:#08081165;backdrop-filter:blur(10px);border:1px solid #ffffff27;border-radius:50%;display:grid;place-items:center}.glass-button svg{width:14px;height:14px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:#05050968;backdrop-filter:blur(3px);z-index:5;text-align:center;padding:25px}.loading strong{font-size:15px;max-width:100%;overflow-wrap:anywhere}.loading>span{font-size:11px;color:#adadbf;max-width:280px;line-height:1.6}.loading button{padding:9px 22px;background:var(--pink);border-radius:8px;margin-top:10px}.spinner{width:30px;height:30px;border:2px solid #ffffff20;border-top-color:var(--cyan);border-right-color:var(--pink);border-radius:50%;animation:spin .9s linear infinite;margin-bottom:7px}@keyframes spin{to{transform:rotate(360deg)}}.center-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#12121c88;border:1px solid #ffffff30;backdrop-filter:blur(10px);z-index:3}.center-play svg{width:27px;fill:white;stroke:white}.orbit-hint{position:absolute;top:62px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:6px;color:#c5c5d4;font-size:9px;white-space:nowrap;border:1px solid #ffffff16;border-radius:99px;background:#08081055;padding:6px 10px;transition:opacity .4s}.orbit-hint svg{width:13px;height:13px;color:#c7c7db}.caption{position:absolute;bottom:88px;left:22px;right:22px;z-index:2;pointer-events:none}.creator{display:flex;align-items:center;gap:7px;font-weight:600;font-size:11px;margin-bottom:13px}.avatar{display:grid;place-items:center;background:linear-gradient(135deg,#ff416e,#752e53);border:1px solid #ffffff30;width:25px;height:25px;font-size:14px;font-weight:900;border-radius:50%;margin-right:1px}.verified{background:var(--cyan);color:#082323;width:11px;height:11px;display:grid;place-items:center;border-radius:50%;font-size:8px}.source-label{font-size:7px;font-weight:500;letter-spacing:1.3px;color:#b8b8c8;margin-left:auto}.caption h2{font-size:26px;line-height:1.2;letter-spacing:-.9px;margin:0 0 9px;font-weight:700;max-width:340px}.caption p{font-size:11px;color:#c7c7d3;margin:0 0 13px}.caption-tags{display:flex;gap:10px;color:#b6b6c6;font-size:10px}.caption-tags span:last-child{margin-left:auto;color:#8f8f9f}.transport{position:absolute;bottom:10px;left:16px;right:16px;z-index:4}.timeline-wrap{position:relative;height:24px;display:flex;align-items:center}input[type=range]{--progress:0%;appearance:none;-webkit-appearance:none;position:relative;z-index:2;height:3px;width:100%;margin:0;background:linear-gradient(to right,var(--pink) var(--progress),#ffffff32 var(--progress));border-radius:20px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:white;box-shadow:0 0 0 2px #ffffff20}input[type=range]::-moz-range-thumb{border:0;width:9px;height:9px;border-radius:50%;background:white}.buffer-marks{position:absolute;height:3px;left:0;right:0;pointer-events:none}.buffer-marks span{position:absolute;height:3px;background:#ffffff24}.transport-row{display:flex;align-items:center;gap:6px;height:30px}.transport-row .icon-button{color:#e1e1ec; width:26px;height:26px}.transport-row .icon-button svg{width:14px;height:14px}.time{font-size:9px;letter-spacing:.3px;color:#ceceda;font-variant-numeric:tabular-nums}.transport-spacer{flex:1}.buffering{font-size:8px;color:var(--cyan)}select{border:1px solid #ffffff1c;background:#171720ba;color:#bebed0;border-radius:5px;font-size:8px;padding:4px 5px;cursor:pointer}.action-rail{width:64px;display:flex;flex-direction:column;gap:24px;align-items:center;padding-bottom:22px}.rail-button{display:flex;flex-direction:column;align-items:center;gap:7px;width:70px;color:#d8d8e4}.rail-button>span{display:grid;place-items:center;width:46px;height:46px;background:#1c1c26;border:1px solid #2a2a37;border-radius:50%;transition:background .2s,transform .2s}.rail-button:hover>span{background:#2b2b39;transform:translateY(-2px)}.rail-button svg{width:21px;height:21px}.rail-button small{font-size:9px;color:#8d8d9f}.rail-button[aria-pressed=true]#save{color:var(--pink)}.rail-button[aria-pressed=true]#save svg{fill:var(--pink)}.rail-button[aria-pressed=true]#orbit{color:var(--cyan)}.watch-footer{display:flex;justify-content:space-between;margin:12px 80px 0 2px;font-size:8px;color:#686880;letter-spacing:.3px}.watch-footer>span:first-child{display:flex;align-items:center;gap:7px}.watch-footer .live-dot{width:4px;height:4px}.details{margin:15px 80px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;font-size:11px;color:#9595aa;background:#14141d}.details strong{color:#e5e5ef}.details p{line-height:1.7}.details>span{font-size:9px;color:#707089}.discovery{width:256px;padding:11px 0 0;flex-shrink:0}.discovery-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}.discovery-heading h2{margin:0;font-size:14px;letter-spacing:-.2px}.discovery-heading>span{font-size:9px;color:#717187}.next-list{display:flex;flex-direction:column;gap:17px;max-height:calc(100dvh - 334px);overflow:auto;scrollbar-width:thin;scrollbar-color:#242433 transparent;padding-right:6px}.next-card{display:flex;align-items:center;text-align:left;gap:13px;padding:0;min-height:82px}.next-card img{width:68px;height:82px;object-fit:cover;border:1px solid #2c2c39;border-radius:9px;background:#1d1d27}.next-card:hover img{border-color:var(--cyan)}.next-card>div{flex:1}.next-card strong{display:block;font-size:11px;font-weight:600;line-height:1.5;margin-bottom:6px}.next-card span{display:block;font-size:8px;color:#85859b;line-height:1.6}.next-card .next-time{font-size:8px;letter-spacing:.3px;color:#54546c;margin-top:6px}.key-hints{display:flex;align-items:center;gap:5px;margin-top:24px;flex-wrap:wrap}.key-hints span{font-size:8px;color:#74748a;margin:0 8px 0 2px}.discovery-note{border-top:1px solid #20202d;margin-top:27px;padding-top:20px;font-size:11px;line-height:1.8;color:#65657e}.feed-arrows{position:absolute;right:0;top:40%;display:flex;flex-direction:column;gap:12px}.feed-arrows .icon-button{border:1px solid #323242;width:36px;height:36px;border-radius:50%}.feed-arrows svg{width:17px;height:17px}.wide .watch-column{width:calc(100% - 60px)}.wide .discovery{display:none}.wide .stage{width:calc(100% - 80px);height:calc(100dvh - 168px)}.wide .caption h2{max-width:none}.wide .feed-layout{padding-right:50px}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,15px);background:#242432;border:1px solid #434358;border-radius:10px;padding:12px 18px;font-size:12px;z-index:20;box-shadow:0 8px 32px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #30303f;border-radius:20px;background:#111119;color:var(--text);width:min(850px,calc(100vw - 32px));max-height:86dvh;padding:30px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head h2{font-size:25px;letter-spacing:-.7px;margin:8px 0 22px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid #333344;background:#1c1c27;border-radius:10px;padding:10px 13px}.search-field svg{width:17px;height:17px;color:#8787a0}.search-field input{background:none;border:0;color:var(--text);outline:none;flex:1;min-width:0;font-size:13px}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.grid-card{text-align:left;padding:0;min-width:0}.grid-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;border:1px solid #2d2d3c;background:#1d1d28}.grid-card:hover img{border-color:var(--cyan)}.grid-card strong{display:block;font-size:12px;line-height:1.5;margin-top:9px}.grid-card span{display:block;color:#84849b;font-size:10px;margin-top:4px}.error .spinner{display:none}#empty{font-size:13px;line-height:2;color:#9999ae;margin:25px 0}.stage:fullscreen{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.stage:fullscreen .caption{bottom:90px}.stage:fullscreen .transport{left:28px;right:28px}
@media(min-width:1600px){.feed-layout{gap:70px}.discovery{width:290px}}@media(max-width:1250px){.sidebar{width:190px;padding-left:16px;padding-right:16px}main{margin-left:190px;padding:0 25px}.feed-layout{gap:25px;padding-right:40px}.discovery{width:215px}.top-sub{display:none}.feed-arrows{right:0}.next-card img{width:57px;height:71px}.next-list{gap:15px}.watch-column{width:min(505px,calc((100dvh - 168px)*.64 + 80px))}}@media(max-width:1050px){.discovery{display:none}.feed-layout{gap:0;padding-right:0}.feed-arrows{right:5px}.watch-column{width:min(560px,calc((100dvh - 168px)*.67 + 80px))}}@media(max-width:760px){.sidebar{display:none}main{margin:0;padding:0 16px}.topbar{height:66px}.topbar>div:first-child{gap:8px}h1{font-size:18px}.mobile-brand{display:inline;font-size:20px;font-weight:900;letter-spacing:-1px}.mobile-brand span{color:var(--pink)}.local-pill{display:none}.top-actions{gap:8px}.mobile-only{display:flex}.feed-layout{padding:14px 0}.watch-column{width:min(550px,calc((100dvh - 114px)*.66 + 72px))}.stage{height:calc(100dvh - 114px);min-height:330px;width:calc(100% - 64px);border-radius:12px}.watch-row{gap:8px}.action-rail{width:56px;gap:20px;padding-bottom:20px}.rail-button{width:56px}.rail-button>span{width:39px;height:39px}.rail-button svg{width:19px;height:19px}.rail-button small{font-size:8px}.feed-arrows{right:-4px;top:12px}.feed-arrows .icon-button{width:28px;height:28px}.watch-footer{margin-right:65px;font-size:7px}.caption{left:17px;right:17px}.caption h2{font-size:22px}.caption-tags{font-size:8px;gap:8px}.source-label{display:none}.details{margin-right:64px}.stage-top{top:12px;left:12px;right:12px}.orbit-hint{font-size:8px;top:55px;padding:5px 7px}.wide .watch-column{width:100%}.wide .feed-layout{padding-right:0}.wide .stage{width:calc(100% - 64px);height:calc(100dvh - 114px)}dialog{padding:22px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dialog-head h2{font-size:22px}.toast{bottom:18px;width:max-content;max-width:90vw}.buffering{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none;border-color:var(--cyan)}}
@media(max-width:760px){.watch-column{width:min(100%,550px,calc((100dvh - 114px)*.66 + 72px))}}