:root{font-family:Arial,sans-serif;color:#183738;background:#eee9da;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:1px solid #abc0b8;background:transparent;color:inherit;padding:.65rem .9rem;border-radius:2px;cursor:pointer}button:hover,button[aria-pressed=true],button.selected{background:#183738;color:#fff8e9}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c7704a;outline-offset:3px}main{min-height:100svh}header{position:relative;padding:3rem 5vw 2.5rem;border-bottom:1px solid #b9c0b2;background:#dbe5d9}.eyebrow{font:11px monospace;letter-spacing:.16em}h1{font:clamp(52px,7vw,104px)/.92 Georgia,serif;font-weight:400;margin:1.3rem 0;letter-spacing:-.045em}h1 i{font-weight:400;color:#a94f35}.intro{font:18px/1.5 Georgia;position:absolute;left:55%;bottom:2rem}.edition{position:absolute;right:5vw;top:3rem;font:40px Georgia}.edition span{display:block;font:9px monospace;letter-spacing:.15em}h2{font:30px Georgia;margin:0 0 1rem;white-space:pre-wrap;overflow-wrap:anywhere}h3{font:21px Georgia;margin-top:1rem}p{line-height:1.55}.tools{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 5vw}.status{padding:.7rem 5vw;margin:0;background:#183738;color:#f7ecd5;font:13px/1.5 monospace;min-height:3rem}.composition{display:grid;grid-template-columns:minmax(260px,350px) 1fr;gap:4vw;padding:2rem 5vw}.controls{padding-right:1rem;border-right:1px solid #bdc7b9}label{display:grid;gap:.4rem;margin:1rem 0;font-size:12px}input,textarea,select{width:100%;min-width:0;border:1px solid #b0b9aa;background:#f9f4e9;color:#183738;padding:.65rem}textarea{min-height:145px;resize:vertical}input[type=range]{padding:.3rem;accent-color:#a94f35}input[type=color]{height:44px}.hint{font-size:12px;color:#576b62}.order{padding:0;list-style:none}.order li{display:flex;gap:3px;margin:4px 0}.order li>button:first-child{flex:1;min-width:0;text-align:left;font:12px monospace}.order span{display:block;font:12px Georgia;overflow:hidden;text-overflow:ellipsis;white-space:pre}.order li>button:not(:first-child){padding:.5rem}.reader{min-width:0}.reader-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.reader-top h2{max-width:100%}.reader-top button{font-size:12px}.page{max-width:420px;margin:1.5rem auto;box-shadow:0 12px 40px #18373820;animation:arrive .35s ease}.page svg{display:block;width:100%}.navigation{display:flex;justify-content:center;align-items:center;gap:1rem}.navigation span{font:10px monospace}.routes{border-top:1px solid #bcc4b4;margin-top:1.5rem;padding-top:1rem;font:10px monospace}.routes b{font-weight:400;overflow-wrap:anywhere}.routes small{display:block;color:#58766c}.author{padding:2rem 5vw;display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:3rem;background:#dbe5d9;border-block:1px solid #bac6b6}.author>div{min-width:0}.pair{display:flex;gap:6px}.echo{display:flex;align-items:center;gap:10px;border-bottom:1px solid #bac6b6;font-size:12px}.echo small{flex:1}.echo button{padding:.3rem}.archive{padding:2rem 5vw}.archive .tools{padding:0}.warning{color:#8e4b31;font-size:12px}details{margin:1rem 0;border:1px solid #b0b9aa;padding:1rem}summary{cursor:pointer}.json{font:12px monospace;min-height:250px}footer{padding:2rem 5vw;background:#183738;color:#dce6d9;font-size:11px}footer button{font-size:11px;margin-right:.5rem}footer small{margin-left:1rem}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:800px){.intro{position:static}.edition{top:2rem;font-size:25px}.composition{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #b9c4b4;padding-bottom:1rem}.order{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.author{grid-template-columns:1fr;gap:1rem}.navigation{gap:.5rem}.navigation button{font-size:12px}.reader-top{display:block}}@media(max-width:400px){.order{grid-template-columns:1fr}.edition{display:none}}