:root{--bg: #070604;--paper: #f1ead6;--ink: #14110d;--steel: #8f969a;--mono: "Courier Prime", "Courier New", Courier, monospace;--serif: Georgia, "Times New Roman", serif;--accent: #c9a45f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:#efe7d3;font-family:var(--mono)}#app{min-height:100vh}.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}.eyebrow{margin:0 0 .9rem;color:var(--accent);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.controls-hint{color:#efe7d394;font-size:clamp(.72rem,1.2vw,.82rem);letter-spacing:.04em;text-transform:uppercase}.library-shell,.brief-shell,.ambience-shell{min-height:100vh;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:clamp(1.8rem,4vw,5rem);align-items:center;padding:clamp(1.5rem,4vw,4rem);overflow:hidden;position:relative}.library-shell{background:radial-gradient(circle at 76% 18%,color-mix(in srgb,var(--accent),transparent 72%),transparent 31%),linear-gradient(90deg,#0b0805,#171006 52%,#060504)}.library-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,224,159,.035) 0,rgba(255,224,159,.035) 1px,transparent 1px,transparent 84px),radial-gradient(circle at 22% 70%,rgba(0,0,0,.52),transparent 34%);pointer-events:none}.library-copy,.brief-copy,.ambience-copy{position:relative;z-index:2;max-width:430px}.library-copy h1,.brief-copy h1,.ambience-copy h1{margin:0;font-family:var(--serif);font-size:clamp(3.2rem,8vw,8rem);font-weight:500;line-height:.88;letter-spacing:-.07em}.library-copy p:not(.eyebrow,.controls-hint),.brief-copy p:not(.eyebrow,.controls-hint),.ambience-copy p:not(.eyebrow,.controls-hint){max-width:32rem;color:#efe7d3b8;font-size:clamp(.92rem,1.55vw,1.08rem);line-height:1.7}.library-stage{min-height:min(720px,82vh);position:relative;display:grid;align-items:center;justify-items:center;isolation:isolate}.shelf-rail{position:absolute;top:7%;right:0;bottom:11%;left:0;border-radius:30px;background:linear-gradient(90deg,rgba(0,0,0,.64),transparent 16%,transparent 82%,rgba(0,0,0,.68)),repeating-linear-gradient(0deg,#76461e38 0,#76461e38 86px,#ffdda114 87px,#ffdda114 92px);box-shadow:0 80px 120px #00000080 inset;z-index:-2}.machine-shell{border-radius:22px;overflow:hidden;position:relative;transform-origin:center 64%}.library-machine{width:min(720px,84vw);aspect-ratio:2.05;margin-top:3vh;box-shadow:0 90px 120px #000000c7,0 0 0 1px #ffffff12 inset}.machine-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,241,202,.13),transparent 26%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 45%);pointer-events:none;z-index:2}.machine-shell.flick{animation:machineflick 115ms linear}.machine-photo{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.68) contrast(1.08) brightness(.82)}.library-shell[data-machine=classic-office] .library-machine .machine-photo{object-position:70% 54%;transform:scale(1.34);filter:sepia(.16) saturate(.78) contrast(1.08) brightness(.86)}.library-shell[data-machine=portable-journal] .library-machine .machine-photo{object-position:28% 58%;transform:scale(1.42);filter:sepia(.24) saturate(.8) contrast(1.05) brightness(.92)}.library-shell[data-machine=heavy-iron] .library-machine .machine-photo{object-position:70% 52%;transform:scale(1.58);filter:saturate(.56) contrast(1.3) brightness(.68)}.library-shell[data-machine=quiet-night] .library-machine .machine-photo{object-position:70% 54%;transform:scale(1.44);filter:saturate(.38) contrast(1.12) brightness(.52) hue-rotate(12deg)}.library-shell[data-machine=modern-electric] .library-machine .machine-photo{object-position:29% 56%;transform:scale(1.5);filter:grayscale(.5) contrast(.92) brightness(1.05)}.catalog-card{position:absolute;right:3%;bottom:9%;width:min(290px,44vw);padding:1.1rem;background:#120d08d1;border:1px solid rgba(255,230,184,.14);box-shadow:0 24px 55px #0006}.catalog-card .era,.room-label p{margin:0 0 .55rem;color:#efe7d39e;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.catalog-card h2,.room-label h2{margin:0 0 .5rem;font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.8rem);font-weight:500}.catalog-card p:last-child{margin:0;color:#efe7d3b8;line-height:1.55}.machine-gallery,.room-list{list-style:none;margin:0;padding:0}.machine-gallery{position:absolute;left:0;right:0;bottom:4%;display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:.7rem;width:100%}.gallery-card,.room-card{padding:.75rem .9rem;border:1px solid rgba(255,231,184,.1);background:#00000047;color:#efe7d394}.gallery-card{min-height:148px;display:grid;grid-template-rows:82px auto auto;align-items:end;gap:.3rem;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,filter .18s ease}.gallery-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--accent),transparent 82%),transparent 52%);opacity:0;transition:opacity .18s ease}.gallery-card.selected,.room-card.selected{border-color:color-mix(in srgb,var(--accent),white 15%);background:color-mix(in srgb,var(--accent),transparent 84%);color:#fff8e6}.gallery-card.selected{transform:translateY(-8px);filter:brightness(1.08)}.gallery-card.selected:before{opacity:1}.gallery-card span,.room-card span{display:block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:2}.gallery-card small,.room-card small{display:block;margin-top:.25rem;color:#efe7d385;line-height:1.35;position:relative;z-index:2}.gallery-photo{align-self:center;justify-self:center;width:100%;max-width:150px;height:78px;position:relative;z-index:2;overflow:hidden;border:1px solid rgba(255,231,184,.16);background:#0b0a08;filter:drop-shadow(0 16px 14px rgba(0,0,0,.42))}.gallery-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 55%;transform:scale(1.42)}.gallery-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(0deg,rgba(0,0,0,.44),transparent 48%);pointer-events:none}.gallery-photo-label{position:absolute!important;left:.45rem;bottom:.38rem;z-index:2;color:#fff4d3db;font-size:.58rem!important;letter-spacing:.1em!important;text-shadow:0 1px 8px rgba(0,0,0,.8)}[data-machine-visual=portable-journal]{max-width:132px}[data-machine-visual=portable-journal] img{object-position:28% 58%;transform:scale(1.55);filter:sepia(.24) saturate(.82) brightness(.92)}[data-machine-visual=heavy-iron]{max-width:158px}[data-machine-visual=heavy-iron] img{object-position:70% 52%;transform:scale(1.66);filter:contrast(1.26) brightness(.72) saturate(.66)}[data-machine-visual=quiet-night]{max-width:142px}[data-machine-visual=quiet-night] img{object-position:70% 54%;transform:scale(1.5);filter:saturate(.38) brightness(.64) hue-rotate(12deg)}[data-machine-visual=modern-electric]{max-width:150px}[data-machine-visual=modern-electric] img{object-position:28% 58%;transform:scale(1.62);filter:grayscale(.42) brightness(1.08) contrast(.92)}.ambience-shell{background:radial-gradient(circle at 66% 34%,rgba(228,196,128,.16),transparent 30%),linear-gradient(140deg,#070807,#18150f 54%,#060708)}.brief-shell{background:radial-gradient(circle at 70% 18%,color-mix(in srgb,var(--accent),transparent 76%),transparent 26%),radial-gradient(circle at 52% 90%,rgba(255,230,184,.07),transparent 34%),linear-gradient(135deg,#080604,#17120c 58%,#050403)}.brief-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.48),transparent 34%,rgba(0,0,0,.38)),repeating-linear-gradient(0deg,rgba(255,238,190,.025) 0,rgba(255,238,190,.025) 1px,transparent 1px,transparent 5px);pointer-events:none}.brief-desk{position:relative;z-index:2;min-height:min(660px,74vh);display:grid;place-items:center;isolation:isolate}.brief-desk:before{content:"";position:absolute;left:5%;right:2%;bottom:11%;height:24%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.72),transparent 67%);filter:blur(6px);z-index:-1}.brief-paper{width:min(620px,78vw);min-height:280px;padding:clamp(1.7rem,3vw,2.5rem);align-self:start;margin-top:clamp(1.5rem,6vh,4rem);background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 34%),repeating-linear-gradient(0deg,rgba(62,55,40,.03) 0,rgba(62,55,40,.03) 1px,transparent 1px,transparent 4px),var(--paper);color:var(--ink);box-shadow:0 46px 78px #00000085,0 1px #ffffff80 inset;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.7;white-space:pre-wrap}.brief-placeholder{color:#14110d61}.brief-machine{width:min(560px,70vw);aspect-ratio:2.05;position:absolute;bottom:clamp(1.5rem,7vh,4rem);filter:saturate(.58) contrast(1.05) brightness(.62);opacity:.72;transform:rotate(-1.2deg);box-shadow:0 60px 90px #000000a3,0 0 0 1px #ffffff12 inset}.room-preview{height:min(670px,76vh);border-radius:34px;position:relative;overflow:hidden;border:1px solid rgba(255,232,190,.14);background:linear-gradient(180deg,#00000014,#00000057),var(--room-image) center / cover no-repeat;box-shadow:0 80px 120px #00000094,0 0 0 1px #ffffff0a inset}.room-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 64% 22%,rgba(255,235,186,.1),transparent 28%),linear-gradient(180deg,transparent 0 52%,rgba(0,0,0,.3) 100%),linear-gradient(90deg,rgba(0,0,0,.45),transparent 28%,transparent 72%,rgba(0,0,0,.35));pointer-events:none}.room-label{position:absolute;left:8%;bottom:9%;max-width:430px}.room-list{position:absolute;right:clamp(1.5rem,4vw,4rem);bottom:clamp(1.5rem,4vw,3.5rem);display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:.75rem;width:min(560px,48vw)}.editor-shell{min-height:100vh;height:100vh;overflow:hidden;position:relative}.writing-room{min-height:100vh;height:100vh;position:relative;display:block;isolation:isolate}.room-wall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#00000008,#0000003d),var(--room-image) center / cover no-repeat}.room-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 64%,transparent 0 24%,rgba(0,0,0,.2) 62%,rgba(0,0,0,.48) 100%),linear-gradient(180deg,#0000000a,#0000005c);pointer-events:none}.desk-plane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;box-shadow:none;transform:none}.desk-grain{display:none}.home-logo{position:absolute;left:50%;top:clamp(1.2rem,3.2vh,2.4rem);width:min(360px,48vw);height:auto;transform:translate(-50%);filter:drop-shadow(0 18px 26px rgba(0,0,0,.46)) saturate(.82) contrast(1.04);z-index:12}.typing-assembly{--paper-width: min(700px, 46.4vw);--paper-height: clamp(240px, 21.8vw, 336px);--machine-width: min(1952px, 147.2vw);--paper-frame-top: clamp(28px, 4vw, 64px);width:min(1952px,150.4vw);height:min(1088px,102.4vh);position:absolute;left:50%;bottom:clamp(-168px,-18vh,-84px);margin:0;transform:translate(-50%)}.typing-assembly:after{content:"";position:absolute;left:4%;right:4%;bottom:clamp(-26px,-2.4vh,-12px);height:clamp(50px,8vh,92px);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.66),rgba(0,0,0,.28) 46%,transparent 72%);filter:blur(10px);pointer-events:none;z-index:2}.editor-machine-presence{width:var(--machine-width);display:grid;place-items:center;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:4}.editor-machine{width:var(--machine-width);aspect-ratio:570 / 430;height:auto;opacity:1;overflow:visible;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 22px 22px rgba(0,0,0,.48))}.editor-machine .machine-photo{display:block;width:100%;height:auto;position:relative;z-index:4;filter:saturate(.84) contrast(1.08) brightness(.76)}.editor-machine:before{display:none}.editor-machine:after{display:none}.front-lip,.typewriter-shadow-photo{display:none}.photo-key-press{position:absolute;left:var(--key-x, 50%);top:var(--key-y, 68%);width:6.8%;height:auto;transform:translate(-50%,calc(-50% + var(--key-drop, 0px))) scale(var(--key-scale, .24));opacity:var(--key-opacity, 0);filter:saturate(.84) contrast(1.1) brightness(.8);pointer-events:none;z-index:10;transform-origin:center 70%}.photo-typebar{position:absolute;left:50%;top:21%;width:4.3%;transform:translate(-50%,calc(16% + var(--typebar-lift, 0%))) rotate(var(--typebar-angle, 0deg)) scale(var(--typebar-scale, .95));transform-origin:50% 92%;opacity:var(--typebar-opacity, 0);filter:saturate(.7) contrast(1.1) brightness(.72);pointer-events:none;z-index:7}.type-keydeck{position:absolute;left:29.2%;right:29.2%;bottom:17.8%;z-index:9;display:grid;gap:clamp(4px,.42vw,7px);transform:perspective(700px) rotateX(26deg);transform-origin:center bottom;opacity:1;pointer-events:none}.type-keyrow{display:flex;justify-content:center;gap:clamp(4px,.58vw,9px)}.type-keyrow.row-2{transform:translate(-2.6%)}.type-keyrow.row-3{transform:translate(-5.4%)}.type-keyrow.row-4{transform:translate(-8.2%)}.type-key,.space-key{display:grid;place-items:center;color:transparent;background:transparent;border:1px solid transparent;opacity:0;box-shadow:none;transition:transform 70ms linear,box-shadow 70ms linear,color 70ms linear,opacity 70ms linear,background 70ms linear}.type-key{width:clamp(16px,1.55vw,25px);height:clamp(16px,1.55vw,25px);border-radius:999px;font-size:clamp(.52rem,.8vw,.74rem);line-height:1}.space-key{justify-self:center;width:min(170px,16vw);height:clamp(12px,1vw,15px);border-radius:999px;margin-top:2px;font-size:.52rem;letter-spacing:.28em}.type-key.active,.space-key.active{transform:translateY(5px) scale(.94);color:#ffeebef2;background:radial-gradient(circle at 45% 35%,#ffe9b152,#32251647 54%,#00000057);border-color:#c49e5b94;opacity:1;box-shadow:0 1px #ffffff1f inset,0 0 0 1px #0000004d,0 4px 9px #00000061}.type-slug{position:absolute;left:50%;top:3%;width:5px;height:96px;background:linear-gradient(180deg,#0c0d0e,#56514a);transform:translate(-50%) rotateX(var(--slug-angle, 62deg)) translateY(var(--slug-y, 36px));transform-origin:bottom center;opacity:var(--slug-opacity, 0);z-index:7}.paper-frame{--strike-line-offset: clamp(4.1rem, calc(var(--paper-height) * .55 - 1.25em), 5.9rem);width:var(--paper-width);min-height:0;display:grid;grid-template-rows:auto 1fr;place-items:start center;transition:transform .26s ease,filter .18s ease;margin-top:0;position:absolute;left:50%;top:var(--paper-frame-top);transform:translate(-50%);z-index:6}.paper-track{width:var(--paper-width);height:var(--paper-height);position:relative;overflow:hidden}.paper-track.feeding{animation:paperfeed .17s ease-out}.paper-track:before{display:none}.paper-frame.nudge{transform:translate(-50%) translateY(13px)}.paper-frame.margin-hit{transform:translate(calc(-50% + 4px));filter:brightness(.94)}.paper-frame.backspace-sting{transform:translate(calc(-50% - 2px))}.paper-frame.override-mark{filter:drop-shadow(0 0 14px rgba(236,224,175,.25))}.paper{width:var(--paper-width);min-height:0;height:var(--paper-height);margin-top:0;padding:0 clamp(1.1rem,1.8vw,1.7rem) clamp(1.45rem,1.8vw,2rem);background:transparent;color:#080603;border-radius:2px;box-shadow:none;font-size:clamp(.84rem,1.02vw,.96rem);line-height:1.5;position:relative;z-index:5;mix-blend-mode:normal;overflow:hidden}.paper.first-ink{filter:contrast(1.04) saturate(1.05)}.paper-text{padding-left:50%;padding-top:var(--strike-line-offset);transform:translate(var(--paper-col-offset, 0),var(--paper-row-offset, 0));transition:transform 78ms linear;will-change:transform}.paper-line{min-height:1.5em;width:max-content;white-space:pre;text-shadow:0 0 .01px rgba(0,0,0,.7),0 1px 0 rgba(255,248,226,.28)}.desk-context{position:absolute;right:clamp(1rem,3vw,2.2rem);bottom:clamp(1rem,3vw,2rem);display:flex;gap:.8rem;color:#efe7d38c;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;transform:rotateX(-8deg)}[data-machine=portable-journal] .paper{transform:rotate(-.12deg)}[data-machine=heavy-iron] .paper{letter-spacing:.014em}[data-machine=quiet-night] .paper{filter:brightness(.982)}[data-machine=modern-electric] .paper{letter-spacing:.006em}[data-machine=portable-journal] .machine-photo{filter:saturate(.81) contrast(1.04) brightness(.92)}[data-machine=heavy-iron] .machine-photo{filter:saturate(.62) contrast(1.14) brightness(.81)}[data-machine=quiet-night] .machine-photo{filter:saturate(.58) contrast(1.06) brightness(.78)}[data-machine=modern-electric] .machine-photo{filter:saturate(.46) contrast(1.08) brightness(.96)}.editor-shell.room-ember{background:linear-gradient(180deg,#201209,#080504)}.editor-shell.room-rain{background:linear-gradient(180deg,#0b1a1e,#05090a)}.editor-shell.room-steel{background:linear-gradient(180deg,#191c1d,#070708)}.editor-shell.room-linen{background:linear-gradient(180deg,#3a2917,#0d0905)}@keyframes machineflick{0%{transform:translate(0) rotate(0)}30%{transform:translate(-3px) rotate(-.26deg)}to{transform:translate(0) rotate(0)}}@keyframes paperfeed{0%{transform:translateY(-7px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.machine-shell.flick,.paper-track,.paper-frame{animation:none!important;transition:none!important}}@media(max-width:860px){.library-shell,.ambience-shell{grid-template-columns:1fr;align-items:start;padding:1.2rem}.library-stage,.room-preview{min-height:auto;height:58vh}.catalog-card,.machine-gallery,.room-list{position:relative;inset:auto;width:100%}.machine-gallery{grid-template-columns:repeat(2,minmax(130px,1fr))}.room-list{grid-template-columns:1fr}.writing-room{display:block}.typing-assembly{top:clamp(220px,28vh,300px);width:192vw;transform:translate(-50%)}.editor-machine{width:min(1120px,176vw);height:clamp(400px,68vw,540px)}.paper-frame{--strike-line-offset: clamp(4.5rem, calc(28vh - 3em) , 10rem);width:min(620px,86vw);margin-top:0}.paper{width:min(590px,82vw);height:clamp(430px,58vh,650px);min-height:0;padding:0 1.2rem 1.5rem}.desk-context{display:none}}@media print{html,body,#app,.editor-shell,.writing-room,.desk-plane,.typing-assembly,.editor-machine-presence,.editor-machine,.paper-frame,.paper-track,.paper{background:#fff!important;margin:0;padding:0;width:100%;min-height:0;box-shadow:none;color:#000;transform:none!important;filter:none!important}.room-wall,.editor-machine-presence,.desk-context{display:none!important}.paper{padding:.5in;font-size:12pt;line-height:1.4;overflow:visible}.paper-text{padding-top:0;transform:none!important}}