:root{color-scheme:dark;--gold:#d7b47b;--cream:#f0e3cd;--muted:#bfa78c;--ink:#130c07}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font:14px/1.6 Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f8d9a7;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quiet-nav{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:11px;color:var(--muted);max-width:1800px;margin:auto}.quiet-nav p{font-size:9px;letter-spacing:2px}.preview-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.65}.frame{position:relative;width:min(100%,calc((100svh - 122px)*1.7787234));aspect-ratio:1672/940;margin:auto;overflow:hidden}.scene{position:absolute;inset:0;width:100%;height:100%}.scene-image{width:100%;height:100%;display:block}.studio-frame{animation:arrive .85s ease-out both}.console-button{position:absolute;top:88.15%;width:5.5%;height:7.2%;background:transparent;border:1px solid transparent;border-radius:35%;transition:box-shadow .2s,border-color .2s}.console-button:hover:enabled{box-shadow:0 0 15px #ffcb7b66,inset 0 0 12px #ffcb7b22;border-color:#f3c77b77}.console-button:disabled{cursor:default;filter:none}.console-button:disabled:after{content:'';position:absolute;inset:0;border-radius:inherit;background:#130b0640;pointer-events:none}.record{left:40.5%}.stop{left:46.5%}.play{left:52.5%}.send{left:58.7%}.recording .record{box-shadow:0 0 18px #ec5c3066,inset 0 0 12px #f45e2c44}.playing .play{box-shadow:0 0 18px #f8d39b88}.writing-pad{position:absolute;left:6.5%;top:77.8%;width:22.8%;height:17.2%;border:0;background:transparent;transform:skew(-9deg);border-radius:5px}.writing-pad:hover{box-shadow:inset 0 0 30px #ffe9bd33}.readout{position:absolute;left:42.1%;top:82.6%;width:20.7%;height:4.25%;display:flex;align-items:center;gap:3%;padding:0 1%;pointer-events:none}.readout i{width:5px;height:5px;border-radius:50%;background:#5a4430;flex-shrink:0}.readout #timer{color:#d9b982;font:italic clamp(8px,1.1vw,18px) Georgia,serif;font-variant-numeric:tabular-nums;min-width:26%;white-space:nowrap}.readout canvas{display:block;width:68%;height:90%;min-width:0}.recording .readout i{background:#ff5434;box-shadow:0 0 9px #ff542d}.room-guidance{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto;padding:10px 24px 16px;color:var(--muted);font-size:11px;min-height:65px}.room-guidance p{margin:0}.room-guidance>div{display:flex;gap:20px;flex-shrink:0}.text-button{font-size:11px;color:var(--gold);background:none;border:0;padding:8px 0;cursor:pointer}.text-button:disabled{opacity:.4;cursor:default}.door-guidance{color:var(--muted);font:italic 15px Georgia,serif;text-align:center;margin:20px}.portal{position:absolute;left:34.87%;top:5.1%;width:29.9%;height:84.79%;perspective:1800px;isolation:isolate;background:#080503}.room-beyond{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.5);transition:filter 1s}.door-leaf{display:block;position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.25s cubic-bezier(.3,.05,.2,1),filter 1.2s;backface-visibility:hidden;overflow:hidden;box-shadow:0 0 2px #000}.door-leaf>img{position:absolute;width:334.448%;max-width:none;height:117.938%;left:-116.622%;top:-6.015%;user-select:none}.door-leaf:hover{filter:brightness(1.08)}.door-leaf:focus-visible{outline:2px solid var(--gold);outline-offset:-5px}.opening .door-leaf{transform:rotateY(-91deg);filter:brightness(.6)}.opening .room-beyond{filter:brightness(1)}.door-scene{transform-origin:50% 48%}.opening .door-scene{transition:transform 1.5s cubic-bezier(.5,0,.5,1);transform:scale(1.65)}.door-page:after{content:'';position:fixed;inset:0;background:var(--ink);opacity:0;pointer-events:none}.opening:after{animation:fade-out .45s 1.1s forwards}dialog{background:linear-gradient(145deg,#332215,#1b120c);color:var(--cream);border:1px solid #977447;box-shadow:0 30px 100px #000b;width:min(450px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:36px;overflow:auto}dialog::backdrop{background:#080502ce;backdrop-filter:blur(5px)}dialog h2{font:400 38px/1.1 Georgia,serif;margin:10px 0 22px;letter-spacing:-1px}dialog p{line-height:1.7}dialog label{display:block;font-size:12px;margin:17px 0 7px}dialog label span{color:var(--muted);font-size:10px}.intro{color:var(--muted);font-size:13px}.eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.fine{font-size:11px;color:var(--muted)}.local-note{font-size:10px;color:var(--muted);padding-top:12px;border-top:1px solid #9e785644}input,textarea{color:var(--cream);background:#0d080688;border:1px solid #87643e;padding:11px;width:100%;border-radius:0}textarea{resize:vertical;min-height:170px}button.gold{border:1px solid var(--gold);background:var(--gold);color:#1a120b;padding:13px 20px;width:100%;margin-top:14px;font-weight:600}button.gold:disabled{opacity:.45;cursor:wait}.close{position:absolute;top:8px;right:14px;background:none;border:0;color:var(--muted);font-size:26px}.close:disabled{opacity:.4}#send-status{font-size:12px;color:#e4bf81;overflow-wrap:anywhere}#receipt-id{overflow-wrap:anywhere;font-size:9px}#receipt-title:focus{outline:none}#receipt-title{color:#f1d6a7}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;filter:brightness(.3)}to{opacity:1;filter:brightness(1)}}@keyframes fade-out{to{opacity:1}}@media(max-width:700px){.quiet-nav{height:40px;padding:0 16px}.quiet-nav p{display:none}.frame{width:100%;aspect-ratio:9/16}.scene{width:316.2187%;left:50%;transform:translateX(-50%)}.door-scene{transform-origin:center center}.opening .door-scene{transform:translateX(-50%) scale(1.4)}.readout #timer{font-size:clamp(12px,3vw,18px)}.room-guidance{padding:12px 16px 20px;display:block;min-height:80px}.room-guidance>div{margin-top:5px;gap:22px}.console-button{min-height:44px}.door-guidance{font-size:14px}.room-guidance p{font-size:12px}dialog{padding:30px 25px}.readout i{width:6px;height:6px}.console-button:focus-visible{outline-offset:0}}@media(prefers-reduced-motion:reduce){.studio-frame{animation:none}.door-leaf,.door-scene,.room-beyond{transition:none}.opening:after{animation:none}.opening .door-scene{transform:none}}