:root{color:#daceae;background:#111815;font-family:Avenir Next,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #111815;--night: #132027;--wall: #405b65;--sage: #8da094;--paper: #daceae;--wine: #6b2435;--olive: #48452d;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-camera: cubic-bezier(.76, 0, .24, 1)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button:focus{outline:none}button:focus-visible,a:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.app-shell,.scene-shell,.desk-scene-root{position:fixed;inset:0}.scene-shell{overflow:hidden;background:var(--ink);touch-action:none}.scene-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.desk-scene-root{--far-x: 0px;--far-y: 0px;--mid-x: 0px;--mid-y: 0px;--near-x: 0px;--near-y: 0px;overflow:hidden;background:var(--ink)}.desk-scene{display:block;width:100%;height:100%}.scene-camera{transform:translate(0) scale(1);transform-box:view-box;transform-origin:50% 34%;transition:transform 1.25s var(--ease-camera);will-change:transform}.is-focused .scene-camera{transform:translateY(130px) scale(2.55)}.scene-depth,.scene-asset{transition:transform .22s var(--ease-out);will-change:transform}.scene-depth--far{transform:translate(var(--far-x),var(--far-y))}.scene-depth--mid,.scene-asset--monitor,.scene-asset--lamp{transform:translate(var(--mid-x),var(--mid-y))}.scene-depth--near,.scene-asset--speaker{transform:translate(var(--near-x),var(--near-y))}.interactive-asset{cursor:pointer;outline:none}.interactive-asset:hover,.interactive-asset:focus-visible{filter:brightness(1.1) drop-shadow(0 0 7px rgba(218,206,174,.22))}.screen-video-host,.screen-video{width:100%;height:100%}.screen-video-host{overflow:hidden;background:#111815}.screen-video{display:block;object-fit:cover}.speaker-led{transition:fill .24s var(--ease-out)}.scene-asset--speaker.is-playing .speaker-led{filter:drop-shadow(0 0 8px #daceae)}.lamp-light{opacity:0;pointer-events:none;transition:opacity .65s var(--ease-out)}.scene-asset--lamp.is-on .lamp-light{opacity:1}.lamp-bulb{opacity:.08;transition:opacity .38s var(--ease-out)}.scene-asset--lamp.is-on .lamp-bulb{opacity:1}.speaker-cone{transform-box:fill-box;transform-origin:center}.scene-asset--speaker.is-playing .speaker-cone--large{animation:speaker-pulse .7s ease-in-out infinite alternate}.scene-asset--speaker.is-playing .speaker-cone--small{animation:speaker-pulse .48s ease-in-out infinite alternate-reverse}.sound-waves{fill:none;stroke:#daceae;stroke-linecap:round;stroke-width:5;opacity:0}.scene-asset--speaker.is-playing .sound-waves{animation:sound-wave 1.05s var(--ease-out) infinite}.pencil{transform-box:fill-box;transform-origin:center}.pencil.is-rolling{animation:pencil-roll .7s var(--ease-out) both}.interface-layer,.edge-shade{position:fixed;inset:0;pointer-events:none}.interface-layer{z-index:3}.edge-shade{z-index:2;box-shadow:inset 0 0 170px #040909b3,inset 0 -100px 130px #0409096b;transition:box-shadow .8s var(--ease-out)}[data-view=monitor] .edge-shade{box-shadow:inset 0 0 110px #0409098a}.brand-lockup{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));color:var(--paper);text-shadow:0 2px 20px rgba(4,9,9,.74);transition:opacity .3s var(--ease-out),transform .5s var(--ease-out)}.brand-lockup p{margin:0 0 4px;color:#daceaea3;font-size:.68rem;font-weight:650;line-height:1.2;text-transform:uppercase;letter-spacing:0}.brand-lockup h1{margin:0;color:var(--paper);font-family:Baskerville,Iowan Old Style,Palatino Linotype,serif;font-size:1.55rem;font-style:italic;font-weight:500;line-height:1;letter-spacing:0}[data-view=monitor] .brand-lockup{opacity:0;transform:translateY(-8px)}.room-state{position:absolute;top:max(26px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;color:#daceaead;font-size:.67rem;font-weight:650;text-transform:uppercase;letter-spacing:0;text-shadow:0 2px 14px rgba(4,9,9,.76)}.state-light{width:7px;height:7px;border-radius:50%;background:#4a5853;box-shadow:0 0 0 1px #daceae57;transition:background-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.state-light--on{background:var(--paper);box-shadow:0 0 12px #daceaed1}.object-controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;display:flex;gap:10px;pointer-events:auto;transform:translate(-50%)}.control-button,.back-button{position:relative;display:inline-grid;width:46px;height:46px;padding:0;place-items:center;border:1px solid rgba(218,206,174,.52);border-radius:50%;color:var(--paper);background:#111815e6;box-shadow:0 8px 24px #04090975;cursor:pointer;transition:color .18s var(--ease-out),background-color .18s var(--ease-out),border-color .18s var(--ease-out),transform .18s var(--ease-out)}.control-button:hover,.back-button:hover{transform:translateY(-3px);border-color:var(--paper)}.control-button:active,.back-button:active{transform:translateY(0) scale(.94)}.control-button.is-active{color:var(--ink);border-color:var(--paper);background:var(--paper)}.back-button{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));pointer-events:auto;animation:control-enter .4s .6s var(--ease-out) both}[data-tooltip]:after{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:4;width:max-content;max-width:160px;padding:6px 8px;border-radius:4px;color:var(--ink);background:var(--paper);content:attr(data-tooltip);font-size:.68rem;line-height:1.2;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.back-button[data-tooltip]:after{top:50%;bottom:auto;left:calc(100% + 10px);transform:translate(-4px,-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.back-button[data-tooltip]:hover:after,.back-button[data-tooltip]:focus-visible:after{transform:translateY(-50%)}.media-status{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;color:#daceaeb8;font-size:.65rem;font-weight:650;line-height:1;letter-spacing:0}.skip-link{position:fixed;top:8px;left:8px;z-index:10;padding:10px 12px;border-radius:4px;color:var(--ink);background:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes speaker-pulse{0%{transform:scale(.96)}to{transform:scale(1.035)}}@keyframes sound-wave{0%{opacity:0;transform:translate(-7px)}32%{opacity:.68}to{opacity:0;transform:translate(10px)}}@keyframes pencil-roll{0%{transform:translate(0) rotate(0)}42%{transform:translate(24px) rotate(12deg)}72%{transform:translate(12px) rotate(-4deg)}to{transform:translate(18px) rotate(0)}}@keyframes control-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media(max-width:680px){.brand-lockup{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left))}.room-state{top:max(20px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}.object-controls{bottom:max(18px,env(safe-area-inset-bottom))}.media-status{display:none}.back-button{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left))}.is-focused .scene-camera{transform:translateY(136px) scale(2.72)}.edge-shade{box-shadow:inset 0 0 70px #040909b3,inset 0 -80px 100px #0409096b}}@media(pointer:coarse){.control-button,.back-button{width:50px;height:50px}[data-tooltip]:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}