.eyes-page{background:#080707;color:#e4d3b5}.eyes-main{max-width:1400px;margin:auto;padding:28px 28px 70px}.eyes-intro{max-width:870px;margin:0 auto 26px}.eyes-intro h1{font:clamp(42px,6vw,88px)/.96 var(--display);margin:18px 0}.eyes-intro em{display:block;color:#c63024;font-style:normal}.eyes-kicker{font:13px/1.4 var(--typewriter);letter-spacing:.13em;color:#c49b63}.eyes-back,.eyes-main footer a{color:#dbc6a0;text-decoration:none}.eyes-page p,.eyes-page details,.eyes-page label{font-family:Georgia,serif;font-size:18px;line-height:1.65}.eyes-page summary{cursor:pointer;color:#d5aa71;min-height:44px}.eyes-intro details{border-left:2px solid #762c20;padding-left:18px}.eyes-room{position:relative;isolation:isolate;border:1px solid #62442c}.eyes-room>img{display:block;width:100%;height:auto;filter:brightness(.76) contrast(1.12) saturate(.9)}.eyes-night{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#05081655,#16090615 60%,#04030b70);box-shadow:inset 0 0 80px #03020788}.eyes-hotspot{position:absolute;background:transparent!important;border:1px solid transparent!important;padding:0!important;min-width:44px;min-height:44px;color:#ecd3a6}.eyes-hotspot:hover,.eyes-hotspot:focus-visible{border-color:#db9e4e!important;box-shadow:0 0 28px #a44b1633}.eyes-hotspot span{position:absolute;bottom:0;left:0;white-space:nowrap;background:#110a07ed;padding:7px 10px;font:15px/1.2 var(--condensed);border:1px solid #9b7047}.eyes-hotspot.typewriter{left:51%;top:37%;width:19%;height:36%}.eyes-hotspot.microphone{left:44%;top:30%;width:8%;height:25%}.eyes-hotspot.notebook{left:22%;top:56%;width:20%;height:17%}.eyes-instruction{text-align:center!important;font:14px/1.5 var(--typewriter)!important;color:#c7a878}.eyes-page button,.eyes-page input,.eyes-page select,.eyes-page textarea{box-sizing:border-box}.eyes-page button,.eyes-file-label{font:17px/1.3 var(--condensed)!important;border:1px solid #8d673f;background:#1a100b;color:#ecd4ab;padding:12px 17px;min-height:46px;cursor:pointer}.eyes-page button:hover{background:#351b11}.eyes-page button:disabled{opacity:.5;cursor:not-allowed}.eyes-page :focus-visible{outline:2px solid #edbd74;outline-offset:3px}.eyes-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.eyes-service{max-width:850px;margin:24px auto;padding:12px 18px;border-left:2px solid #b87437;font-size:16px!important}.eyes-coming{max-width:820px;margin:50px auto;border-top:1px solid #513623;padding-top:24px}.eyes-coming h2{font:42px/1.1 var(--display)}.eyes-main footer{display:flex;justify-content:space-between;gap:20px;font:14px var(--typewriter)}
#eyes-editor{box-sizing:border-box;background:#090707;color:#e4d3b5;border:1px solid #745033;width:min(1200px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:18px 28px;margin:auto;overflow:auto;overscroll-behavior:contain;color-scheme:dark}#eyes-editor::backdrop{background:#000e}#eyes-editor [hidden]{display:none!important}.eyes-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyes-dialog-head h2{font:28px/1.1 var(--display);margin:0}.eyes-dialog-head p{margin:0}.eyes-tabs{display:flex;gap:8px;margin:18px 0;position:sticky;top:-18px;background:#090707;padding:10px 0;z-index:5}.eyes-tabs button[aria-current]{background:#5b2218;border-color:#c48d59}.eyes-write-controls{display:flex;justify-content:center;align-items:center;gap:18px}.eyes-write-controls p,#eyes-writing-help,.eyes-privacy{font:14px/1.6 var(--typewriter)!important;color:#c2ac8a}.eyes-paper-frame{margin:16px auto;position:relative;overflow:hidden;isolation:isolate}.eyes-typewriter{position:absolute;width:941px;height:1672px;transform-origin:0 0}.eyes-typewriter>img{width:941px;height:1672px;max-width:none;position:absolute;inset:0}.eyes-typewriter textarea{position:absolute;left:300px;top:755px;width:385px;height:170px;transform:rotate(3deg);transform-origin:0 0;border:0!important;padding:10px!important;background:transparent!important;color:#100b07!important;font:600 22px/1.55 'Courier New',monospace!important;resize:none;overflow:auto;caret-color:#661708;box-shadow:none!important;scrollbar-color:#6c4a2a80 transparent;white-space:pre-wrap}.eyes-typewriter textarea::placeholder{color:#47352c}.eyes-paper-label{position:absolute;left:300px;top:725px;color:#3d2b20;font:14px 'Courier New',monospace!important;transform:rotate(3deg)}.eyes-glow{position:absolute;left:61%;top:35%;width:9%;height:13%;border-radius:50%;background:radial-gradient(#ffb32b55,transparent 70%);mix-blend-mode:screen;pointer-events:none;animation:eyes-glow 3s ease-in-out infinite alternate}.eyes-ember{position:absolute;left:63%;top:41%;width:3px;height:4px;border-radius:50%;background:#ffbe4a;box-shadow:0 0 7px #ff7500;pointer-events:none;animation:eyes-ember 5s ease-out infinite}@keyframes eyes-glow{to{opacity:.5}}@keyframes eyes-ember{0%,100%{opacity:0;transform:translate(0,0)}25%{opacity:.7}85%{opacity:0;transform:translate(-20px,-70px)}}
[data-panel=record]{display:grid;grid-template-columns:260px 1fr;gap:25px;align-items:center}.eyes-tool-art img{width:100%;height:auto;max-height:65vh;object-fit:contain}.eyes-tool-copy h3,[data-panel=upload] h3,[data-panel=review] h3{font:38px/1.1 var(--display)}#record-time{font:32px var(--typewriter)}audio{width:100%;margin:14px 0}#eyes-editor [data-panel=upload],#eyes-editor [data-panel=review]{max-width:780px;margin:25px auto}.eyes-file-label{display:block}.eyes-file-label input{display:block;max-width:100%;margin-top:10px}.eyes-page li{overflow-wrap:anywhere;margin:12px 0}.eyes-page li button{margin-left:12px}#eyes-form>label{display:block;margin:18px 0}#eyes-form input:not([type=checkbox]):not([type=radio]),#eyes-form textarea{display:block;width:100%;font:18px/1.5 Georgia,serif;background:#18110e;color:#e7d4b8;padding:12px;border:1px solid #775334}#eyes-form fieldset{border:1px solid #61412b;padding:18px;margin:24px 0}#eyes-form fieldset label{display:block;margin:10px 0}#eyes-form input[type=checkbox],#eyes-form input[type=radio]{width:20px;height:20px;vertical-align:middle;margin-right:8px;accent-color:#ba3825}.eyes-review-text{white-space:pre-wrap;max-height:340px;overflow:auto;overflow-wrap:anywhere;border-left:2px solid #82502b;padding:15px}.eyes-trap{position:absolute!important;left:-10000px;opacity:0}#eyes-editor progress{width:100%;height:20px}#record-error,#file-error{color:#ffc598}.eyes-privacy{border-top:1px solid #483223;margin-top:25px;padding-top:16px}.eyes-page .eyes-privacy:empty{display:none}.eyes-page dialog p{max-width:75ch}.eyes-page h3{color:#e7cda6}
@media(max-width:650px){.eyes-main{padding:22px 12px 90px}.eyes-page p,.eyes-page details,.eyes-page label{font-size:17px}.eyes-intro h1{font-size:50px}.eyes-hotspot span{font-size:11px;padding:5px}.eyes-room{margin:0 -4px}.eyes-actions button{flex:1 1 42%;font-size:16px!important}.eyes-instruction{font-size:12px!important}#eyes-editor{padding:12px 12px calc(24px + env(safe-area-inset-bottom));height:100dvh}.eyes-dialog-head h2{font-size:23px}.eyes-dialog-head>button{font-size:13px!important;max-width:120px}.eyes-tabs{gap:5px;top:-12px;padding:8px 0}.eyes-tabs button{flex:1;padding:10px 5px;font-size:16px!important}.eyes-write-controls{align-items:start;gap:10px}.eyes-write-controls p{font-size:12px!important;margin:0}.eyes-write-controls button{font-size:13px!important;flex-shrink:0;max-width:110px}.eyes-tool-art{display:none}[data-panel=record]{display:block}.eyes-coming{margin:28px auto}.eyes-page .eyes-main footer{font-size:12px}#eyes-form fieldset{padding:12px}}@media(prefers-reduced-motion:reduce){.eyes-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.eyes-page .eyes-editor-service{font:13px/1.5 var(--typewriter)!important;color:#d4b184;border-left:2px solid #a76136;padding-left:10px;margin:12px 0}

/* The photographed room is the workspace: controls move the camera, never to another writing image. */
.eyes-scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;scroll-margin-top:90px;font:15px var(--typewriter);color:#d9b077}.eyes-room{overflow:hidden;background:#07070a;transition:height .65s ease}.eyes-scene-canvas{position:absolute;left:0;top:0;width:2048px;height:1152px;transform-origin:0 0;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.eyes-scene-canvas>img{display:block;width:2048px;height:1152px;max-width:none;filter:brightness(.79) contrast(1.13) saturate(.92)}.eyes-scene-canvas .eyes-night{background:linear-gradient(180deg,#05081644,#16090608 60%,#04030b60)}
.eyes-live-paper{position:absolute;left:1098px;top:475px;width:180px;height:90px;transform-origin:0 0;transform:rotate(-8deg) skewX(3deg);z-index:3}
.eyes-live-paper textarea{display:block;width:100%;height:100%;margin:0;padding:4px!important;border:0!important;background:transparent!important;color:#17100c!important;font-family:'Courier New',monospace!important;font-weight:600;line-height:1.4;resize:none;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:#62412866 transparent;border-radius:0;caret-color:#6a170e}.eyes-live-paper textarea:focus{outline:1px solid #553a1e80!important;outline-offset:1px}.eyes-live-paper textarea::placeholder{color:#332820}.eyes-live-paper[hidden]{display:none}.eyes-room[data-scene-mode=write] .typewriter{pointer-events:none;visibility:hidden}.eyes-room:not([data-scene-mode=overview]) .eyes-hotspot{visibility:hidden}.eyes-mic-light{position:absolute;left:940px;top:440px;width:65px;height:60px;border-radius:50%;background:#ff100033;box-shadow:0 0 35px #f22;opacity:0;pointer-events:none}.is-recording .eyes-mic-light{opacity:.8;animation:eyes-glow 1.8s ease-in-out infinite alternate}
#eyes-inline-tools{background:linear-gradient(100deg,#20120d,#0b0808);border:1px solid #62442c;border-top:0}#eyes-inline-tools:has(>section:not([hidden])){padding:22px 28px}#eyes-inline-tools>section[hidden]{display:none!important}#eyes-inline-tools [data-panel=record]{display:block;max-width:1000px;margin:auto}#eyes-inline-tools h3{margin:6px 0;font-size:36px}#eyes-inline-tools p{margin:10px 0}#eyes-inline-tools .eyes-actions{justify-content:flex-start}#eyes-inline-tools [data-panel=upload]{max-width:900px;margin:auto}#record-time{display:inline-block;margin-right:24px!important}#eyes-editor .eyes-tabs{position:static}.eyes-page .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}
@media(max-width:650px){.eyes-scene-toolbar{scroll-margin-top:65px;font-size:12px;gap:8px}.eyes-scene-toolbar button{font-size:13px!important}#eyes-inline-tools:has(>section:not([hidden])){padding:14px}.eyes-room[data-scene-mode=write]{transition:none}.eyes-room[data-scene-mode=write] .eyes-scene-canvas{transition:none}#eyes-inline-tools .eyes-actions button{flex:1 1 45%}#eyes-inline-tools h3{font-size:28px}}

@media(min-width:851px){section[data-tool=record]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}section[data-tool=record] .eyes-scene-toolbar,section[data-tool=record] .eyes-instruction,section[data-tool=record]>.eyes-actions{grid-column:1/-1}section[data-tool=record] #eyes-inline-tools{border-top:1px solid #62442c;border-left:0;display:flex;align-items:center}section[data-tool=record] .eyes-room{grid-column:1}section[data-tool=record] .eyes-actions{gap:8px}section[data-tool=record] #eyes-inline-tools .eyes-actions button{font-size:15px!important;padding:10px}}

/* Exact user-selected close-up; retain its original pixels and EXIF orientation. */
.eyes-scene-canvas.eyes-exact-photo,.eyes-scene-canvas.eyes-exact-photo>img{width:1153px;height:2048px}
.eyes-scene-canvas.eyes-exact-photo>img{image-orientation:from-image;filter:none}
.eyes-exact-photo .eyes-night{display:none}
.eyes-exact-photo .eyes-live-paper{left:350px;top:930px;width:470px;height:190px;transform:rotate(-2deg)}
.eyes-exact-photo .eyes-mic-light{left:80px;top:875px;width:160px;height:180px}

.eyes-scene-options{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.eyes-scene-options a{display:inline-flex;align-items:center;min-height:46px;padding:10px 12px;color:#e5c89c;font:15px/1.3 var(--condensed);border:1px solid #765333;text-decoration:none}.eyes-intro .eyes-service{margin:16px 0 0;max-width:75ch;background:#1d140d;border-left-width:4px}.eyes-room{aspect-ratio:16/9}#eyes-inline-tools button[hidden]{display:none!important}
@media(max-width:650px){.eyes-scene-options{justify-content:flex-start}.eyes-scene-options a{font-size:13px;padding:8px}.eyes-intro .eyes-service{font-size:15px!important}.eyes-room{aspect-ratio:auto}}

.eyes-file-download{display:inline-flex;align-items:center;min-height:44px;margin-left:12px;padding:4px 10px;color:#ecd4ab;text-decoration:underline}.eyes-page #eyes-new-entry[hidden]{display:none!important}

/* Keep the photograph visible before initialization, or if the controller fails to load. */
.eyes-room{width:100%;min-width:0;box-sizing:border-box}
.eyes-room:not([data-scene-ready]){aspect-ratio:16/9}.eyes-room:not([data-scene-ready]) .eyes-scene-canvas{position:relative;width:100%;height:auto}.eyes-room:not([data-scene-ready]) .eyes-scene-canvas>img{width:100%;height:auto}
