:root{--ink:#2a2320;--cream:#f2e4ce;--stone:#d9c4a8;--shadow:#4a3f3a;--sandstone:#a84b32;--saffron:#f93;--brass:#c9a227;--shell:#241d1a;--shell-hi:#3a2f2a;--dock-w:min(420px, calc(100vw - 2rem))}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--cream);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Devanagari,Noto Sans,sans-serif}main{min-height:100dvh;position:relative;overflow:hidden}.scene{z-index:0;position:fixed;inset:0}.scene-img{background-image:var(--scene);will-change:transform;background-position:62%;background-size:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.04)}.grain{opacity:.09;mix-blend-mode:multiply;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 45%,#2a23206b 100%),linear-gradient(#0000 68%,#2a232080 100%),linear-gradient(#2a23209e 0%,#2a23204d 11%,#0000 28%);position:absolute;inset:0}.hud{z-index:2;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #2a2320d9,0 0 18px #2a232080;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.75rem;display:flex;position:relative}.clock,.weather{letter-spacing:.06em;align-items:baseline;gap:.45rem;min-height:1.4rem;font-size:.9rem;display:flex}.clock .hhmm{letter-spacing:.14em;font-size:1.05rem}.clock .meridiem,.weather .desc{opacity:.72;letter-spacing:.1em;font-size:.78rem}.presence{letter-spacing:.1em;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.presence .muted{opacity:.68}.presence .dot{background:#6bbf59;border-radius:50%;width:6px;height:6px;animation:2.6s ease-out infinite pulse;box-shadow:0 0 #6bbf5999}@keyframes pulse{70%{box-shadow:0 0 0 7px #6bbf5900}to{box-shadow:0 0 #6bbf5900}}.links{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.links a,.hud .back{color:var(--cream);letter-spacing:.1em;opacity:.78;font-size:.78rem;text-decoration:none;transition:opacity .16s}.links a:hover{opacity:1}.weather{flex-direction:row-reverse}.weather .temp{letter-spacing:.08em;font-size:1.05rem}.wordmark{z-index:2;left:var(--anchor-x,50%);text-align:center;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 10px #2a23208c,0 4px 40px #2a232073;max-width:min(14ch,100vw - 3rem);margin:0;font-size:clamp(2.75rem,9vw,7rem);font-weight:700;line-height:.98;position:absolute;top:clamp(3.5rem,11vh,8rem);transform:translate(-50%)}.dock{z-index:3;width:var(--dock-w);margin-inline:auto;position:fixed;bottom:clamp(1.5rem,6vh,3.5rem);left:0;right:0}.cassette{position:relative}.pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#241d1ad1;border:1px solid #f2e4ce24;border-radius:999px;align-items:center;gap:.7rem;padding:.5rem .9rem .5rem .5rem;display:flex;box-shadow:0 14px 38px #140f0c73}.reel{background:#4a3327;border:1px solid #f2e4ce29;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.reel .hub{border:1.5px solid #f2e4ce80;border-radius:50%;width:15px;height:15px;display:block}.reel.spinning{animation:2.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.meta{flex:1;min-width:0}.title{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.sub{opacity:.58;font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;margin-top:1px;font-size:.68rem;display:flex}.artist{white-space:nowrap;text-overflow:ellipsis;max-width:14ch;overflow:hidden}.dot-sep{opacity:.5}.scrub{cursor:pointer;background:#f2e4ce2e;border-radius:2px;height:2px;margin-top:6px;position:relative}.scrub:after{content:"";position:absolute;inset:-10px 0}.scrub:focus-visible{outline:2px solid var(--saffron);outline-offset:5px}.scrub-fill{background:var(--saffron);border-radius:2px;height:100%;transition:width .22s linear}.transport{flex:none;align-items:center;gap:.3rem;display:flex}.transport button{appearance:none;color:var(--cream);cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .16s,transform 60ms;display:grid}.transport button:hover:not(:disabled){opacity:1}.transport button:active:not(:disabled){transform:translateY(1px)}.transport button:disabled{opacity:.3;cursor:default}.transport button:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.transport .play{background:var(--cream);width:34px;height:34px;color:var(--shell);opacity:1}.transport .play.buffering{animation:1.1s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.45}}.transport svg{fill:currentColor;width:15px;height:15px}.transport .play svg{width:14px;height:14px}.yt-frame{width:200px;position:fixed;bottom:1rem;right:1rem}.yt-frame.hidden{opacity:0;pointer-events:none}.yt-screen{background:#14100e;border:6px solid #3a2f2a;border-radius:3px;width:200px;height:200px;overflow:hidden;box-shadow:0 10px 30px #140f0c80,inset 0 0 0 1px #f2e4ce1a}.yt-screen iframe{border:0;width:100%;height:100%}.yt-shelf{background:linear-gradient(#4a3f3a,#2a2320);border-radius:0 0 3px 3px;height:7px;margin:0 -10px;box-shadow:0 6px 14px #140f0c73}@media (orientation:portrait) and (max-width:900px){.scene-img{background-image:var(--scene-mobile);background-position:50%}}@media (max-width:760px){.yt-frame{transform-origin:100% 0;top:5rem;bottom:auto;right:.6rem;transform:scale(.5)}.hud{padding:1rem 1.1rem}.wordmark{top:clamp(4.5rem,10vh,6rem)}.pill{gap:.55rem;padding:.45rem .7rem .45rem .45rem}.transport button{width:40px;height:40px}.transport .play{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.hub,.presence .dot,.transport .play.buffering{animation:none}.scene-img,.scrub-fill{transition:none}}.hub-page{background:radial-gradient(80% 60% at 50% 0%, #3a2f2a 0%, transparent 70%), var(--ink);min-height:100dvh;overflow:visible}.hub-inner{max-width:1040px;margin:0 auto;padding:clamp(3rem,12vh,7rem) 1.5rem 4rem}.hub-head h1{letter-spacing:-.01em;color:#fff;margin:0 0 .6rem;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1}.hub-head p{opacity:.66;max-width:46ch;margin:0 0 clamp(2rem,6vh,3.5rem);font-size:.98rem;line-height:1.55}.room-grid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.room-card a,.room-card>div{color:inherit;background:#f2e4ce0a;border:1px solid #f2e4ce1f;border-radius:12px;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s;display:block;overflow:hidden}.room-card.live a:hover{border-color:#f2e4ce47;transform:translateY(-3px)}.room-card.live a:focus-visible{outline:2px solid var(--saffron);outline-offset:3px}.room-art{aspect-ratio:16/9;background-color:#2f2724;background-position:62%;background-size:cover;place-items:center;display:grid}.room-card.soon .room-art{background-color:#f2e4ce0d}.soon-badge{letter-spacing:.18em;text-transform:uppercase;opacity:.55;border:1px solid #f2e4ce38;border-radius:999px;padding:.3rem .6rem;font-size:.66rem}.room-card.soon>div{cursor:default;opacity:.55}.room-meta{padding:.9rem 1rem 1rem}.room-title{align-items:baseline;gap:.55rem;display:flex}.room-name{color:#fff;font-size:1.25rem;line-height:1.2}.room-latin{letter-spacing:.14em;text-transform:uppercase;opacity:.5;font-size:.72rem}.room-tagline{opacity:.62;margin:.3rem 0 .7rem;font-size:.85rem}.room-foot{opacity:.7;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.74rem;display:flex}.room-foot .clock{gap:.3rem;font-size:.74rem;display:inline-flex}.room-foot .clock .hhmm{letter-spacing:.08em;font-size:.74rem}.room-foot .clock .meridiem{opacity:1;font-size:.74rem}.room-foot .sep{opacity:.4}.room-foot .here{align-items:center;gap:.35rem;display:inline-flex}.room-foot .dot{background:#6bbf59;border-radius:50%;width:5px;height:5px}.hub-foot{letter-spacing:.1em;opacity:.45;margin-top:clamp(2.5rem,8vh,4rem);font-size:.78rem}.hub-foot a{color:inherit;text-decoration:none}.hub-foot a:hover{opacity:1;text-decoration:underline}