@font-face{font-family:system-fallback;src:local("Arial")}*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#182e29;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}header,footer{max-width:1140px;margin:auto;padding:30px 36px;display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid #d5d9ce}.brand{font-size:36px;font-weight:800;letter-spacing:-3px;text-decoration:none;color:inherit}.brand span{color:#c16b3e;font-size:14px;vertical-align:top;margin-left:5px}.edition,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}main{max-width:1020px;margin:55px auto;padding:0 24px}.intro{max-width:760px;margin-bottom:42px}h1{font-size:clamp(42px,7vw,76px);letter-spacing:-3px;line-height:1.06;font-weight:650;margin:18px 0 24px}.lead{max-width:550px;font-size:18px;color:#52645a}.room{background:#fffefa;border:1px solid #d4dace;border-radius:18px;padding:30px;box-shadow:0 12px 40px #233f2d08}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}h2{font-size:23px;margin:0}h3{font-size:14px;margin-top:26px}.badge{background:#e9eee3;border-radius:30px;font-size:12px;padding:6px 12px;white-space:nowrap}button,input{font:inherit}button{background:#254f41;color:white;border:1px solid transparent;border-radius:8px;padding:12px 18px;cursor:pointer;font-size:14px;font-weight:600;min-height:46px}button:hover{filter:brightness(.94)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c16b3e;outline-offset:3px}.secondary{background:#eef0e9;color:#274c3e;border-color:#d6ddcf}.danger{background:#fff5ef;color:#8b3b22;border-color:#e6ccc0}label{display:block;font-size:12px;font-weight:700;margin:24px 0 8px}.link-row{display:flex;gap:8px}input{min-width:0;width:100%;border:1px solid #ccd4c6;background:white;color:#325346;border-radius:8px;padding:12px;font-family:ui-monospace,monospace;font-size:13px}.status{font-weight:600;margin:26px 0 16px}.controls{display:flex;gap:10px;flex-wrap:wrap}.hint{font-size:13px;color:#875035;min-height:20px}ul{list-style:none;padding:0;margin:0}li{padding:10px 0;border-top:1px solid #edf0e7;font-size:14px;color:#52645a}.notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0;color:#5a6b60;font-size:13px}details{border-top:1px solid #d6dccf;padding:18px 0}summary{cursor:pointer;font-size:13px;font-weight:600}pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;color:#4b6354}.offline,footer{font-size:11px;color:#6c7b6c}footer{border-top:1px solid #d5d9ce}#resume{margin-top:12px}[hidden]{display:none!important}@media(max-width:600px){header,footer{padding:22px}main{margin:36px auto;padding:0 18px}.room{padding:20px}.notes{grid-template-columns:1fr;gap:0}.controls button{flex:1 1 auto}.link-row{flex-wrap:wrap}.link-row button{width:100%}.edition{font-size:9px;letter-spacing:1px}h1{letter-spacing:-2px}footer{gap:16px}footer span:last-child{text-align:right}}

.audio-mode{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.audio-mode input{flex:0 0 18px;width:18px;height:18px;margin:0;padding:0}#audio-mode-help{color:#52645a}