html{background:var(--theme-night-bg)}body{background:radial-gradient(1200px 720px at 84% 18%, rgb(var(--accent-2-rgb) / .11), transparent 58%), radial-gradient(980px 640px at 16% 86%, rgb(var(--accent-rgb) / .13), transparent 62%), var(--bg);height:100dvh;overflow:hidden}button{font:inherit}.studio-bar{z-index:82;pointer-events:none;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr);align-items:center;gap:16px;padding:18px clamp(16px,3.5vw,48px);display:grid;position:fixed;top:0;left:0;right:0}.studio-bar:before{content:"";z-index:-1;background:linear-gradient(#0a0706e6,#0a07068a 42%,#0a070600);position:absolute;inset:0 0 -58px}.studio-bar>*{pointer-events:auto}.back{width:max-content;color:var(--ink-2);transition:color .25s var(--ease-out);justify-self:start;align-items:center;gap:10px;font-size:13px;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.back-mark{border:1px solid var(--line);width:31px;height:31px;color:var(--accent);background:rgb(var(--bg-raised-rgb) / .66);backdrop-filter:blur(16px);border-radius:50%;place-items:center;display:grid}.back b{color:var(--accent);font-weight:600}.room-switch{border:1px solid rgb(var(--ink-rgb) / .1);border-radius:var(--radius-pill);background:rgb(var(--bg-raised-rgb) / .68);backdrop-filter:blur(18px);grid-template-columns:repeat(3,minmax(92px,1fr));justify-self:center;gap:3px;width:min(430px,42vw);padding:4px;display:grid;box-shadow:0 16px 60px #0000003d}.room-switch button{border-radius:var(--radius-pill);min-width:0;color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .25s var(--ease-out), color .25s var(--ease-out), box-shadow .25s var(--ease-out);background:0 0;border:0;padding:8px 14px;font-size:12px;font-weight:600}.room-switch button:hover{color:var(--ink)}.room-switch button.on{color:var(--on-accent);background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 0 34px rgb(var(--accent-rgb) / .18)}.bar-actions{justify-self:end;align-items:center;gap:9px;display:flex}.icon-btn{border:1px solid rgb(var(--ink-rgb) / .1);background:rgb(var(--bg-raised-rgb) / .68);width:36px;height:36px;color:var(--ink-2);cursor:pointer;backdrop-filter:blur(14px);transition:color .25s var(--ease-out), border-color .25s var(--ease-out), background .25s var(--ease-out);border-radius:50%;place-items:center;display:grid}.icon-btn:hover,.icon-btn.on{color:var(--accent);border-color:rgb(var(--accent-rgb) / .48)}.icon-btn.on{background:rgb(var(--accent-rgb) / .12)}.rooms{will-change:transform;width:300vw;height:100dvh;transition:transform .82s cubic-bezier(.16,1,.3,1);display:flex}.room{background:var(--bg);flex-shrink:0;width:100vw;height:100dvh;position:relative;overflow:hidden}.room:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0a07066b,#0000 24% 72%,#0a070659),radial-gradient(at 50% 48%,#0000 52%,#0000006b 100%);position:absolute;inset:0}.room iframe{background:var(--bg);border:0;width:100%;height:100%;position:absolute;inset:0}#room-visualizer iframe{background:#060608}.room-loading{z-index:2;color:var(--ink-2);letter-spacing:.2em;text-transform:uppercase;transition:opacity .6s var(--ease-out);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.room.loaded .room-loading{opacity:0;pointer-events:none}.studio-deck{z-index:78;border:1px solid rgb(var(--ink-rgb) / .12);background:linear-gradient(180deg, rgb(var(--bg-raised-rgb) / .78), rgb(var(--bg-rgb) / .56));width:min(332px,100vw - 28px);max-height:min(72dvh,720px);box-shadow:0 26px 100px #00000061, inset 0 1px 0 rgb(var(--ink-rgb) / .06);backdrop-filter:blur(22px)saturate(1.12);pointer-events:auto;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);border-radius:8px;flex-direction:column;display:flex;position:fixed;top:50%;left:clamp(14px,3vw,34px);overflow:hidden;transform:translateY(-50%)}body.deck-hidden .studio-deck{opacity:0;pointer-events:none;transform:translate(calc(-100% - 24px),-50%)}.deck-head{border-bottom:1px solid rgb(var(--ink-rgb) / .08);grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:18px 18px 14px;display:grid}.deck-kicker{color:var(--accent-2);letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.deck-title{color:var(--ink);font-family:var(--font-display);margin:0;font-size:clamp(24px,2.5vw,34px);font-weight:400;line-height:1}.deck-subtitle{color:var(--ink-2);margin-top:8px;font-size:13px;line-height:1.45}.deck-toggle{border:1px solid rgb(var(--ink-rgb) / .1);background:rgb(var(--ink-rgb) / .04);width:38px;height:38px;color:var(--ink);cursor:pointer;transition:color .25s var(--ease-out), border-color .25s var(--ease-out), background .25s var(--ease-out);border-radius:50%;place-items:center;display:grid}.deck-toggle:hover{color:var(--accent);border-color:rgb(var(--accent-rgb) / .42)}.deck-stepper{align-self:center;gap:7px;display:grid}.deck-stepper .icon-btn{background:rgb(var(--bg-rgb) / .42);width:34px;height:34px}.menu-peek{z-index:79;border:1px solid rgb(var(--ink-rgb) / .12);border-radius:var(--radius-pill);background:rgb(var(--bg-raised-rgb) / .7);min-height:44px;color:var(--ink);backdrop-filter:blur(18px);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), border-color .25s var(--ease-out);align-items:center;gap:10px;padding:8px 14px 8px 10px;display:inline-flex;position:fixed;bottom:clamp(16px,3vw,34px);left:clamp(14px,3vw,34px);transform:translateY(10px);box-shadow:0 20px 70px #00000057}.menu-peek:hover{border-color:rgb(var(--accent-rgb) / .42)}body.deck-hidden .menu-peek{opacity:1;pointer-events:auto;transform:none}.menu-peek-mark{border:1px solid rgb(var(--ink-rgb) / .1);width:30px;height:30px;color:var(--accent);background:rgb(var(--ink-rgb) / .045);border-radius:50%;place-items:center;display:grid}.menu-peek-text{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.reveal-zone{z-index:75;pointer-events:none;position:fixed}.top-reveal-zone{height:clamp(72px,14vh,132px);top:0;left:0;right:0}.bottom-reveal-zone{width:clamp(72px,9vw,150px);top:clamp(72px,14vh,132px);bottom:0;left:0}@media (width<=720px){.bottom-reveal-zone{width:auto;height:clamp(110px,24vh,240px);inset:auto 0 0}}body.room-visualizer.chrome-sleep .reveal-zone{pointer-events:auto}.context-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--accent-rgb) / .42) transparent;gap:5px;min-height:0;padding:10px;display:grid;position:relative;overflow:auto}.context-item{min-height:54px;color:var(--ink-2);text-align:left;cursor:pointer;transition:background .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out), transform .25s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;padding:9px 10px;display:grid;position:relative}.context-item:hover{color:var(--ink);background:rgb(var(--ink-rgb) / .045)}.context-item.on{color:var(--ink);border-color:rgb(var(--accent-rgb) / .32);background:linear-gradient(90deg, rgb(var(--accent-rgb) / .18), rgb(var(--accent-2-rgb) / .08)), rgb(var(--ink-rgb) / .035);box-shadow:inset 3px 0 0 var(--accent)}.context-num{width:28px;height:28px;color:var(--ink-2);border:1px solid rgb(var(--ink-rgb) / .1);letter-spacing:.08em;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.context-item.on .context-num{color:var(--on-accent);background:var(--accent);border-color:#0000}.context-name{color:inherit;letter-spacing:.01em;font-size:14px;font-weight:600;line-height:1.1;display:block}.context-meta{color:var(--ink-2);margin-top:5px;font-size:11.5px;line-height:1.25;display:block}.deck-tools{border-top:1px solid rgb(var(--ink-rgb) / .08);gap:10px;padding:11px 12px 12px;display:grid}.tool-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tool-label{min-width:48px;color:var(--ink-2);letter-spacing:.18em;text-transform:uppercase;font-size:10.5px;font-weight:700}.tool-chip{border:1px solid rgb(var(--ink-rgb) / .1);border-radius:var(--radius-pill);background:rgb(var(--ink-rgb) / .04);color:var(--ink-2);cursor:pointer;transition:background .25s var(--ease-out), color .25s var(--ease-out), border-color .25s var(--ease-out);padding:7px 10px;font-size:11.5px;font-weight:600}.tool-chip:hover,.tool-chip.on{color:var(--ink);border-color:rgb(var(--accent-rgb) / .38)}.tool-chip.on{color:var(--on-accent);background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:#0000}.tool-row[data-room-only]{display:none}body.room-visualizer .tool-row[data-room-only=visualizer]{display:flex}.studio-status{z-index:76;border:1px solid rgb(var(--ink-rgb) / .1);border-radius:var(--radius-pill);background:rgb(var(--bg-raised-rgb) / .72);min-width:190px;color:var(--ink);text-align:center;letter-spacing:.03em;opacity:0;pointer-events:none;backdrop-filter:blur(14px);transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);padding:9px 14px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px)}.studio-status.show{opacity:1;transform:translate(-50%)}.museum{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 clamp(20px,6vw,96px);display:flex;position:absolute;inset:0}.museum h1{font-family:var(--font-display);max-width:16ch;font-size:clamp(34px,5vw,64px);font-weight:400;line-height:1.08}.museum h1 em{color:var(--accent);font-style:italic}.museum p{max-width:460px;color:var(--ink-2);margin-top:22px;font-size:15px;font-weight:300;line-height:1.7}.wall{align-items:flex-end;gap:clamp(14px,3vw,34px);margin-bottom:52px;display:flex}.frame{border:1px solid var(--line);background:linear-gradient(160deg, rgb(var(--accent-rgb) / .05), rgb(var(--accent-2-rgb) / .03) 60%, transparent);animation:frame-breathe 5s infinite var(--ease-out);border-radius:2px;position:relative;overflow:hidden}.frame:after{content:"";background:linear-gradient(110deg,#0000 30%,#e9ede90f 48%,#0000 62%);animation:4.2s infinite sheen;position:absolute;inset:0;transform:translate(-100%)}.frame:first-child{width:clamp(60px,8vw,120px);height:clamp(80px,11vw,160px)}.frame:nth-child(2){width:clamp(90px,12vw,180px);height:clamp(70px,9vw,130px);animation-delay:.7s}.frame:nth-child(3){width:clamp(70px,9vw,130px);height:clamp(90px,12vw,180px);animation-delay:1.4s}.frame:nth-child(4){width:clamp(56px,7vw,104px);height:clamp(76px,10vw,140px);animation-delay:2.1s}.frame:nth-child(2):after{animation-delay:1.2s}.frame:nth-child(3):after{animation-delay:2.2s}.frame:nth-child(4):after{animation-delay:3s}@keyframes frame-breathe{0%,to{border-color:var(--line)}50%{border-color:rgb(var(--accent-rgb) / .35)}}@keyframes sheen{0%,55%{transform:translate(-100%)}85%,to{transform:translate(100%)}}#grain,.room:after{transition:opacity .6s var(--ease-out)}body.room-visualizer.chrome-sleep #grain,body.room-visualizer.chrome-sleep #room-visualizer:after,#cursor{opacity:0}body.cursor-live #cursor{opacity:1}body.room-visualizer.chrome-sleep:not(.header-awake) .studio-bar{opacity:0;pointer-events:none;transform:translateY(-18px)}body.room-visualizer.chrome-sleep.header-awake .studio-bar{opacity:1;pointer-events:auto;transform:none}body.room-visualizer.chrome-sleep:not(.footer-awake) .studio-deck{opacity:0;pointer-events:none;transform:translate(calc(-100% - 24px),-50%)}body.room-visualizer.chrome-sleep.footer-awake .studio-deck{opacity:1;pointer-events:auto;transform:translateY(-50%)}body.room-visualizer.chrome-sleep .menu-peek{opacity:0;pointer-events:none;transform:translateY(10px)}body.room-visualizer .context-list{max-height:min(46dvh,470px)}body.room-visualizer.chrome-sleep:has(.top-reveal-zone:hover) .studio-bar,body.room-visualizer.chrome-sleep:has(.studio-bar:hover) .studio-bar{opacity:1;pointer-events:auto;transform:none}body.room-visualizer.chrome-sleep:has(.bottom-reveal-zone:hover) .studio-deck,body.room-visualizer.chrome-sleep:has(.studio-deck:hover) .studio-deck{opacity:1;pointer-events:auto;transform:translateY(-50%)}@media (width<=920px){.room-switch{width:min(370px,54vw)}.studio-deck{width:300px}}@media (width<=720px){.studio-bar{padding:12px 12px calc(12px + env(safe-area-inset-top));grid-template-columns:auto 1fr auto;gap:10px}.back span:not(.back-mark){display:none}.back-mark{width:35px;height:35px}.room-switch{grid-template-columns:repeat(3,1fr);gap:2px;width:100%;padding:3px}.room-switch button{letter-spacing:.05em;padding:8px 6px;font-size:10.5px}.bar-actions{gap:6px}.bar-actions .icon-btn{width:35px;height:35px}.studio-deck{top:auto;left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));border-radius:8px;width:auto;max-height:min(70dvh,560px);transform:translateY(calc(100% - 92px))}body.deck-hidden .studio-deck{transform:translateY(calc(100% + 24px))}.studio-deck.is-open{transform:none}body.room-visualizer .studio-deck{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));max-height:min(70dvh,560px);transform:translateY(calc(100% - 92px))}body.room-visualizer .studio-deck.is-open{transform:none}body.room-visualizer .context-list{grid-template-columns:1fr;max-height:calc(70dvh - 164px)}body.room-visualizer.chrome-sleep:not(.footer-awake) .studio-deck{opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px))}body.room-visualizer.chrome-sleep.footer-awake .studio-deck{opacity:1;pointer-events:auto;transform:translateY(calc(100% - 92px))}body.room-visualizer.chrome-sleep.footer-awake .studio-deck.is-open{transform:none}.deck-head{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:82px;padding:12px}.deck-kicker{margin-bottom:5px;font-size:9.5px}.deck-title{font-size:22px}.deck-subtitle{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;display:-webkit-box;overflow:hidden}.deck-stepper{grid-template-columns:repeat(2,36px);gap:6px}.deck-stepper .icon-btn{width:36px;height:36px}.studio-deck:not(.is-open) .context-list,.studio-deck:not(.is-open) .deck-tools{display:none}.context-list{max-height:calc(70dvh - 164px);padding:8px}.context-item{min-height:50px}.menu-peek{left:10px;bottom:max(10px, env(safe-area-inset-bottom))}.studio-status{max-width:calc(100vw - 28px);bottom:108px}}@media (width<=420px){.room-switch button{font-size:9.8px}.bar-actions .icon-btn[data-secondary]{display:none}.tool-row{align-items:flex-start}.tool-label{width:100%;min-width:0}.tool-chip{padding:7px 9px}}@media (prefers-reduced-motion:reduce){.rooms,.studio-bar,.studio-deck,.menu-peek,.studio-status{transition:none}.frame,.frame:after{animation:none}}