:root{font-family:Inter,system-ui,sans-serif;color:#253a38;background:#f3f0e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #82958c;background:transparent;color:#23483e;padding:11px 15px;border-radius:5px;cursor:pointer}button:hover{background:#dce8df}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c6603b;outline-offset:3px}.primary{background:#244d43;color:#fff}.primary:hover{background:#386b5d}.app{min-height:100vh}header{padding:22px 4vw;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #bec9be;align-items:center}header>div{display:flex;gap:10px}.brand{color:inherit;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-2px}.brand span{font-size:10px;letter-spacing:2px;margin-left:17px}main{max-width:1600px;margin:auto;padding:45px 4vw}.hero{max-width:1100px}.eyebrow,.chapter-label,small{font-size:11px;letter-spacing:1.7px;font-weight:700}.eyebrow{color:#9b563d}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,82px);line-height:1.04;max-width:900px;margin:18px 0 25px}p{line-height:1.75}.hero>p:not(.eyebrow){max-width:800px;font-size:17px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.scope{font-size:12px;margin-left:8px}.status{padding:15px 18px;background:#e2e7dc;border-left:3px solid #758776;margin:28px 0}.reading-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:55px}aside{border-right:1px solid #bec9be;padding-right:30px}h2{font-family:Georgia,serif;font-weight:400;font-size:29px}aside p,.fine{font-size:12px}label{display:block;font-size:13px}input{display:block;width:100%;padding:12px;margin:10px 0 15px;background:#fffdf8;border:1px solid #839689}ol{padding-left:20px;line-height:2.1;font-size:13px}.metric{font-family:Georgia,serif;font-size:70px;margin-top:30px}.metric small{display:block;font:11px system-ui;letter-spacing:1px}article{max-width:850px}.scene,.repair,.ending{padding:32px 0;border-bottom:1px solid #c7cfc2;animation:arrive .4s ease}.scene>p,.repair>p,.ending>p{font-family:Georgia,serif;font-size:20px;line-height:1.85}.repair{margin:20px 0;background:#e8e7d9;border:1px dashed #a9ad96;border-left:4px solid #a7794d;padding:25px 30px}.repair h2{font-size:24px}.repair>p{font-size:17px}.repair small{color:#865a32}details{font-size:11px;color:#607368;overflow-wrap:anywhere}.empty{padding:55px 0;min-height:380px}.empty>span{font-size:100px;color:#a7794d}.empty p{max-width:500px}.storage{border-top:1px solid #a9b8a8;margin-top:50px;padding-top:20px}footer{font-size:11px;margin-top:40px;padding-top:20px;border-top:1px solid #bbc8b8}footer button{margin-right:10px}.studio{max-width:1100px}.studio textarea{width:100%;min-height:450px;margin:12px 0;font:13px/1.65 monospace;background:#fffcf5;border:1px solid #849589;padding:20px;resize:vertical}.studio label{margin-top:20px}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:800px){header{align-items:flex-start}.brand span{display:none}.reading-layout{grid-template-columns:1fr;gap:20px}aside{border-right:0;border-bottom:1px solid #bec9be;padding:0 0 25px}main{padding:25px 5vw}.metric{font-size:45px}.repair{padding:20px}.scene>p{font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}