@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-cyrillic-ext-500-normal-DcrB4vVx.woff2) format("woff2"),url(/assets/caveat-cyrillic-ext-500-normal-DqTXtm5N.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-cyrillic-500-normal-DpMZbbjM.woff2) format("woff2"),url(/assets/caveat-cyrillic-500-normal-DLSfp5IU.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-latin-ext-500-normal-jKqJW7bC.woff2) format("woff2"),url(/assets/caveat-latin-ext-500-normal-wUUXxlbS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-latin-500-normal-B9SDL8cy.woff2) format("woff2"),url(/assets/caveat-latin-500-normal-Do9veZfZ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--room-black: #0b0b0c;--wash-1: #141416;--wash-2: #1d1d21;--graphite: #2c2c31;--chalk: #ece8df;--chalk-dim: #8e8a82;--chalk-85: rgba(236, 232, 223, .85);--screen: #f2ecdf;--ink: #121212;--lamp: #f4cf5e;--alert: #e07a5f;--alert-ink: #b5462b;--tape-dark: rgba(236, 232, 223, .22);--tape-paper: rgba(18, 18, 18, .18);--tile-border: 1px solid rgba(236, 232, 223, .16);--shadow: 0 14px 30px -12px rgba(0, 0, 0, .7);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-pop: cubic-bezier(.19, 1.51, .29, .99);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--display: "Geist Variable", system-ui, sans-serif;--sans: "Geist Variable", system-ui, sans-serif;--mono: "Geist Mono Variable", ui-monospace, monospace;--hand: "Caveat", cursive}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--room-black);color:var(--chalk);font-family:var(--sans)}html.other-side{animation:other-side-grade 5.2s var(--ease-in-out) both}@keyframes other-side-grade{0%,to{filter:grayscale(0)}18%,76%{filter:grayscale(1)}}body{overflow:hidden;-webkit-font-smoothing:antialiased}body.scrolls{overflow:auto}a{color:var(--chalk)}a:hover{color:var(--lamp)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.seo-fallback{display:none}h1,h2,h3{letter-spacing:-.025em}.mono{font-family:var(--mono);letter-spacing:.05em}.viewport{position:fixed;inset:0;overflow:hidden;background:var(--room-black);display:flex;align-items:center;justify-content:center}.stage{position:relative;width:1440px;height:900px;flex:none;transform-origin:center center;overflow:hidden}.layer{position:absolute;inset:0;will-change:transform}@keyframes dust{0%{transform:translate(0)}50%{transform:translate(6px,-24px)}to{transform:translate(-3px,-48px);opacity:0}}.projection-room[data-powered=true] :is(.projected-picture,.projector-spill,.projector-lens,.projector-beam){animation:lamp-strike 1.15s linear both}.projection-room[data-powered=false] :is(.projected-picture,.projector-spill,.projector-lens,.projector-beam){animation:lamp-die .7s cubic-bezier(.2,.7,.3,1) both}.projection-room[data-powered=off] :is(.projected-picture,.projector-spill,.projector-lens,.projector-beam){opacity:0}.projection-room:not([data-powered=true]) .projected-picture{pointer-events:none}.projector-dust{opacity:0;transition:opacity .5s ease-out}.projection-room[data-powered=true] .projector-dust{opacity:1;transition-delay:.6s}@keyframes lamp-strike{0%{opacity:0}7%{opacity:.55}12%{opacity:.18}20%{opacity:.7}27%{opacity:.45}45%{opacity:.9}to{opacity:1}}@keyframes lamp-die{0%{opacity:1}12%{opacity:.62}to{opacity:0}}.scene-picture{animation:fade-in .14s ease-out}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes tile-in{0%{transform:translateY(160px) rotate(var(--tilt, 0deg));opacity:0}to{transform:translateY(0) rotate(var(--tilt, 0deg));opacity:1}}@keyframes tile-in-x{0%{transform:translate(-50%) translateY(120px) rotate(var(--tilt, 0deg));opacity:0}to{transform:translate(-50%) rotate(var(--tilt, 0deg));opacity:1}}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:-5deg}50%{rotate:5deg}75%{rotate:-5deg}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translate(120%) rotate(4deg)}to{transform:translate(0) rotate(.6deg)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}@keyframes shake{0%,to{transform:none}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}@keyframes squash{0%{transform:scaleY(.97)}50%{transform:scaleY(1.02)}to{transform:none}}@keyframes smear{0%{transform:scaleY(1);filter:none}to{transform:scaleY(1.06) translateY(8px);filter:blur(1px)}}@keyframes flash{0%,to{opacity:0}50%{opacity:1}}@keyframes stub-tear{to{transform:translateY(40px) rotate(8deg);opacity:0}}@keyframes bounce{0%,to{transform:none}40%{transform:scale(1.02,.98)}}.tile{background:var(--wash-2);border:var(--tile-border);border-radius:4px;box-shadow:var(--shadow)}.tape{position:absolute;background:var(--tape-dark);pointer-events:none}.tape-ink{position:absolute;background:var(--tape-paper);pointer-events:none;z-index:2}.chalk-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;background:var(--chalk);color:var(--room-black);border-radius:4px;font-size:15px;font-weight:500;transition:transform .18s var(--ease-pop)}.chalk-btn:hover{transform:translateY(-2px);color:var(--room-black)}.chalk-btn:active{transform:scale(.96)}.ink-btn{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);border-radius:3px;font-size:13px;font-weight:500;padding:6px 11px;color:var(--ink);background:var(--screen);text-decoration:none;white-space:nowrap;transition:transform .18s var(--ease-pop),box-shadow .18s var(--ease-pop)}.ink-btn.primary{background:var(--ink);color:var(--screen)}.ink-btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.ink-btn.primary:hover{color:var(--screen)}.ink-btn:active{transform:scale(.96)}.ink-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.title-card-title-nowrap{white-space:nowrap}.ink-btn .tip{position:absolute;right:0;bottom:calc(100% + 8px);white-space:nowrap;background:var(--ink);color:var(--screen);font-size:12px;padding:5px 9px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out)}.ink-btn:hover .tip,.ink-btn:focus-visible .tip{opacity:1}.chip{font:400 12px var(--sans);border:1px solid var(--ink);border-radius:2px;padding:2px 7px}.hatch{background:repeating-linear-gradient(135deg,rgba(18,18,18,.07) 0 6px,transparent 6px 12px)}.hatch-dark{background:repeating-linear-gradient(135deg,rgba(242,236,223,.06) 0 7px,transparent 7px 14px)}.edge{position:absolute;top:12%;bottom:26%;width:6%;display:flex;align-items:center;font:500 96px/1 var(--hand);color:#12121266;opacity:0;transition:opacity .18s var(--ease-out);z-index:5}.edge:hover,.edge:focus-visible{opacity:1}.edge.left{left:0;justify-content:flex-start;padding-left:16px;background:linear-gradient(90deg,rgba(18,18,18,.06),transparent)}.edge.right{right:0;justify-content:flex-end;padding-right:16px;background:linear-gradient(270deg,rgba(18,18,18,.06),transparent)}.prog-row{height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-radius:3px;width:100%;text-align:left}.prog-row:hover{background:#ece8df0d}.prog-row .t{font:400 13px var(--mono);white-space:nowrap;background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1.5px;transition:background-size .22s var(--ease-out);line-height:1.25}.prog-row:hover .t,.prog-row:focus-visible .t{background-size:100% 1.5px}.prog-row .m{font:400 10px var(--mono);letter-spacing:.08em;color:var(--chalk-dim);white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background:var(--lamp);flex:none}.field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.field label{font:400 11px var(--mono);letter-spacing:.05em;color:var(--ink)}.field input,.field textarea{font:400 14px var(--sans);color:var(--ink);background:transparent;border:0;border-bottom:1.5px solid var(--ink);height:26px;padding:0;outline:none}.field textarea{border:1.5px solid var(--ink);border-radius:2px;resize:none;flex:1;height:auto;padding:6px 8px}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.field.err input{border-bottom-color:var(--alert-ink)}.field .err-msg{font-size:13px;color:var(--alert-ink)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.hotspot{position:absolute;pointer-events:auto}.hotspot .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(236,232,223,.45);pointer-events:none}.hotspot .ring.static{inset:-8px;border-width:1px;border-color:#ece8df38}.hotspot .disc{position:absolute;inset:0;border-radius:50%;background:var(--chalk);color:var(--ink);display:flex;align-items:center;justify-content:center;font:700 17px var(--mono);box-shadow:0 6px 14px -6px #000c;transition:scale .28s var(--ease-pop)}.hotspot .lab{position:absolute;left:59px;top:14px;white-space:nowrap;font:400 12px var(--mono);letter-spacing:.08em;color:var(--chalk);background:#0b0b0cb3;padding:2px 6px;opacity:0;translate:-8px 0;transition:opacity .28s var(--ease-pop) 60ms,translate .28s var(--ease-pop) 60ms;pointer-events:none}.hotspot:hover .disc,.hotspot:focus-visible .disc{scale:1.12}.hotspot:hover .lab,.hotspot:focus-visible .lab{opacity:1;translate:0 0}.hotspot:focus-visible{outline-offset:4px;border-radius:50%}.section-overview{position:absolute;inset:0;padding:34px 44px;background:#f2ecdf;color:#121212}.section-overview-kicker{font:600 11px var(--mono);letter-spacing:.08em}.section-overview h2{margin:12px 0 22px;font:600 56px/.95 var(--display);letter-spacing:-.04em}.section-overview-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}.section-overview-list button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-top:1.5px solid #121212;text-align:left;color:#121212}.section-overview-list button:hover,.section-overview-list button:focus-visible{color:#9b5b25}.section-overview-title{font:500 18px var(--sans)}.section-overview-meta{font:400 10px var(--mono);letter-spacing:.04em;white-space:nowrap}.section-overview-hint{position:absolute;left:44px;bottom:28px;font:400 10px var(--mono);letter-spacing:.04em;opacity:.62}.projector-beam.is-dim{filter:opacity(.8)}@media (prefers-reduced-motion: reduce){.projection-room *{transition-delay:0ms!important}.projector-dust{display:none}}.bside{display:flex;flex-direction:column;gap:4px;text-align:left;color:var(--ink);padding:12px 0;border-top:1.5px solid var(--ink)}.bside-t{font:600 23px/1 var(--display);background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1.5px;transition:background-size .22s var(--ease-out);width:fit-content}.bside:hover .bside-t,.bside:focus-visible .bside-t{background-size:100% 1.5px}.bside-d{font:400 14px/1.35 var(--sans)}.bside:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.window-view{will-change:transform}.string-lights .bulb.twinkle{animation:twinkle 4.5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.45}}.floor-lamp .floor-lamp-glow{opacity:0;transition:opacity .6s var(--ease-in-out)}.floor-lamp.is-on .floor-lamp-glow{opacity:.16}.projection-room[data-powered=false] .floor-lamp.is-on .floor-lamp-glow{opacity:.26}.couch-remote{position:absolute;left:1138px;top:800px;width:92px;height:48px;pointer-events:auto;transition:opacity .12s var(--ease-out) .5s}.couch-remote.is-up{opacity:0;pointer-events:none;transition-delay:0ms}.couch-remote-body{position:absolute;left:10px;top:14px;width:72px;height:20px;border-radius:6px 10px 10px 6px;rotate:-9deg;background:linear-gradient(180deg,#2a2a30,#121215);border:1.5px solid #ECE8DF;box-shadow:0 6px 10px -4px #000;display:grid;grid-template-columns:repeat(7,1fr);align-items:center;padding:0 6px;gap:3px;transition:translate .22s var(--ease-pop)}.couch-remote-body i{height:5px;border-radius:2px;background:#4a4a52}.couch-remote-body i.r{background:#d2453a}.couch-remote:hover .couch-remote-body,.couch-remote:focus-visible .couch-remote-body{translate:0 -4px}.couch-remote-ring{position:absolute;inset:2px 6px;border-radius:50%;border:1.5px solid rgba(244,207,94,.6);animation:pulse-ring 2s linear infinite;pointer-events:none}.couch-remote .lab{position:absolute;right:100%;top:14px;margin-right:4px;white-space:nowrap;font:500 12px var(--sans);color:var(--chalk);background:#0b0b0cbf;padding:3px 7px;border-radius:3px;opacity:0;translate:6px 0;transition:opacity .22s var(--ease-out),translate .22s var(--ease-out);pointer-events:none}.couch-remote:hover .lab,.couch-remote:focus-visible .lab{opacity:1;translate:0 0}.remote-held{position:absolute;right:26px;top:64px;display:flex;align-items:flex-start;gap:22px}.remote-body{position:relative;width:132px;padding:22px 13px 14px;border-radius:30px 30px 40px 40px;background:linear-gradient(90deg,#0d0d10,#26262c 18%,#1b1b20 60%,#0b0b0d);border:1px solid #3a3a42;box-shadow:inset 0 1px #ffffff1a,inset 0 -10px 18px #0009,0 30px 50px -20px #000,0 0 0 1px #050506;display:flex;flex-direction:column;gap:12px;rotate:-2deg;transform-origin:50% 100%;animation:remote-lift .56s var(--ease-out) both}@keyframes remote-lift{0%{transform:translateY(120vh) rotate(9deg)}to{transform:none}}.remote-held.is-down{pointer-events:none}.remote-held.is-down .remote-body{transform-origin:50% 50%;animation:remote-put-down .62s cubic-bezier(.5,0,.3,1) both}@keyframes remote-put-down{0%{transform:none;opacity:1}16%{transform:translateY(-12px) rotate(-4deg)}80%{transform:translate(var(--dx, 0px),calc(var(--dy, 400px) - 6px)) rotate(-96deg) scale(calc(var(--s, .2) * 1.12));opacity:1}to{transform:translate(var(--dx, 0px),var(--dy, 400px)) rotate(-99deg) scale(var(--s, .2));opacity:0}}.remote-ir{position:absolute;top:8px;left:50%;width:30px;height:6px;margin-left:-15px;border-radius:3px;background:linear-gradient(90deg,#2a0c10,#5a1820,#2a0c10)}.remote-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.remote-brand,.remote-model{font:700 9px var(--sans);letter-spacing:.18em;color:#8e8a82}.remote-model{text-align:center;font-weight:400;letter-spacing:.3em;color:#55545a}.rk{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 6px;border-radius:9px;background:linear-gradient(180deg,#4a4a52,#34343b);color:#ece8df;font:600 12px var(--sans);box-shadow:0 2px #08080a,inset 0 1px #ffffff24;transition:translate 80ms ease-out,box-shadow 80ms ease-out,background .16s ease-out}.rk:hover{background:linear-gradient(180deg,#5a5a63,#3e3e46)}.rk:active{translate:0 2px;box-shadow:0 0 #08080a,inset 0 1px #ffffff14}.rk.mute{font-size:8px;letter-spacing:.08em;padding:0 5px}.rk.power{background:radial-gradient(circle at 40% 35%,#f06a5c,#b52a22);width:30px;border-radius:50%;font-size:13px}.rk:after{content:attr(data-tip);position:absolute;right:calc(100% + 10px);top:50%;translate:4px -50%;white-space:nowrap;pointer-events:none;z-index:3;font:500 12px var(--sans);color:var(--room-black);background:var(--chalk);padding:3px 8px;border-radius:3px;opacity:0;transition:opacity .14s ease-out,translate .14s ease-out}.rk:hover:after,.rk:focus-visible:after{opacity:1;translate:0 -50%}.remote-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 9px}.remote-pad>span{display:contents}.remote-pad .rk{width:100%;height:24px;border-radius:50%/60%;font-size:13px}.remote-pad .rk.small{font-size:11px;color:#b8b3a9}.remote-rockers{display:flex;justify-content:space-between;align-items:center}.rocker{display:flex;flex-direction:column;align-items:center;gap:2px;width:30px;padding:3px 0;border-radius:16px;background:#34343b;box-shadow:0 2px #08080a}.rocker>span{font:600 8px var(--sans);letter-spacing:.1em;color:#8e8a82}.rocker .rk{min-width:26px;height:22px;background:none;box-shadow:none;padding:0;font-size:12px}.rk.menu{font-size:9px;letter-spacing:.08em;height:22px;padding:0 8px}.remote-dpad{position:relative;width:100px;height:100px;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#3e3e46 0 56%,#2a2a30 57%);box-shadow:0 3px #08080a,inset 0 1px #ffffff1a}.remote-dpad .rk{position:absolute;min-width:0;width:30px;height:30px;padding:0;background:none;box-shadow:none;color:#cfcac0;font-size:14px}.remote-dpad .up{left:35px;top:2px}.remote-dpad .down{left:35px;bottom:2px}.remote-dpad .left{left:2px;top:35px}.remote-dpad .right{right:2px;top:35px}.remote-dpad .rk.ok{left:29px;top:29px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#5a5a63,#2c2c32);box-shadow:0 2px #08080a;font-size:11px;letter-spacing:.06em;color:#ece8df}.rk.pill{flex:1;height:20px;font-size:9px;letter-spacing:.1em}.remote-row.transport .rk{min-width:0;flex:1;height:20px;padding:0;font-size:11px}.remote-row.colors .rk{min-width:0;flex:1;height:12px;padding:0;border-radius:6px;background:#1a1a1e}.remote-row.colors .rk span{position:absolute;inset:2px;border-radius:4px}.channel-menu{position:absolute;left:226px;top:282px;width:150px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-shadow:0 1px 8px #000;animation:fade-in .42s var(--ease-out) both}.channel-menu ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.channel-menu ol button{display:flex;align-items:baseline;gap:7px;padding:2px 0;color:var(--chalk);transition:color .16s ease-out,translate .2s var(--ease-out)}.channel-menu .t{font:600 16px/1.15 var(--display);white-space:nowrap;letter-spacing:-.02em}.channel-menu .n{width:10px;font:500 10px var(--mono);color:var(--chalk-dim)}.channel-menu ol button:hover,.channel-menu ol button:focus-visible,.channel-menu ol button.hover{color:var(--lamp);translate:4px 0}.channel-menu ol button.on,.channel-menu ol button.on .n{color:var(--lamp)}.channel-menu ol button.on .t:after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;border-radius:50%;background:var(--lamp);vertical-align:middle;box-shadow:0 0 8px var(--lamp)}.remote-down{font:400 12px var(--sans);color:var(--chalk-dim);display:inline-flex;gap:8px;align-items:center}.remote-down:hover{color:var(--chalk)}.remote-down kbd{font:400 11px var(--mono);border:1px solid rgba(236,232,223,.25);border-radius:3px;padding:0 5px}.roll-fabric{transform:scaleY(0);transition:transform 1.3s cubic-bezier(.45,.05,.25,1)}.roll-fabric.is-down{transform:scaleY(1)}.roll-bar{transform:translateY(0);transition:transform 1.3s cubic-bezier(.45,.05,.25,1)}.roll-bar.is-down{transform:translateY(var(--drop))}.room-prop{pointer-events:auto;cursor:pointer}.room-prop:hover{filter:brightness(1.25)}.hud-dock{position:absolute;left:96px;bottom:34px;display:flex;gap:8px;align-items:center;animation:fade-in .48s var(--ease-out) both}.hud-dock button,.hud-dock a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;border-radius:4px;text-decoration:none;background:#1d1d21d9;border:var(--tile-border);font:500 13px var(--sans);color:var(--chalk);transition:background .16s ease-out,color .16s ease-out}.hud-dock button:hover,.hud-dock a:hover{background:var(--wash-2);color:var(--lamp)}.hud-dock kbd{font:400 11px var(--mono);color:var(--chalk-dim);border:1px solid rgba(236,232,223,.2);border-radius:3px;padding:0 5px}.intro-dim{position:absolute;inset:0;background:#050506;opacity:0;pointer-events:none;transition:opacity 1.1s var(--ease-in-out)}.intro-dim.is-on{opacity:.7}.remote-held{z-index:3}.intro-card{position:absolute;right:196px;top:140px;width:620px;z-index:2;text-align:right}.intro-line{display:block;clip-path:inset(-20% 0 -20% 100%);transform:translate(46px);filter:blur(6px);opacity:0;animation:intro-pull 1.15s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.56s + var(--i) * 85ms)}@keyframes intro-pull{0%{clip-path:inset(-20% 0 -20% 100%);transform:translate(46px);filter:blur(6px);opacity:0}25%{opacity:1}to{clip-path:inset(-20% 0 -20% 0);transform:none;filter:blur(0);opacity:1}}.intro-card{text-shadow:0 0 22px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.9),0 1px 2px #000}.intro-kicker{margin:0;font:600 24px var(--display);color:var(--lamp);letter-spacing:-.02em}.intro-title{margin:10px 0 0;font:600 52px/1.02 var(--display);letter-spacing:-.04em;color:var(--chalk)}.intro-sub{margin:18px 0 0;font:400 17px/1.45 var(--sans);color:var(--chalk-85)}.intro-steps{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.intro-steps li{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;font:400 15px var(--sans);color:var(--chalk-85)}.intro-steps kbd{order:2;min-width:44px;text-align:center;font:500 12px var(--mono);color:var(--chalk);border:1px solid rgba(236,232,223,.3);border-radius:4px;padding:2px 6px}.intro-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:28px}.intro-link{font:500 15px var(--sans);color:var(--chalk);text-decoration:underline;text-underline-offset:4px}.intro-link:hover{color:var(--lamp)}.intro-card.is-leaving .intro-line{animation:intro-push .42s cubic-bezier(.7,0,.84,0) both;animation-delay:calc((7 - var(--i)) * 30ms)}@keyframes intro-push{0%{clip-path:inset(-20% 0 -20% 0);transform:none;opacity:1}to{clip-path:inset(-20% 0 -20% 100%);transform:translate(46px);opacity:0}}@media (prefers-reduced-motion: reduce){.intro-line{clip-path:none;transform:none;filter:none}}
