:root{--bg:#0e181a;--panel:#121f21;--line:#ffffff1d;--gold:#e6c487;--gold2:#b89a63;--text:#efeee5;--muted:#a8b5ad;--cyan:#188fb7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,Segoe UI,Arial,sans-serif}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:18px max(5vw,24px);background:#0e181af0;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.1em}.mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold2);border-radius:50%;font:italic 22px Georgia;color:var(--gold)}.edition{margin-left:auto;color:#91a09b;font-size:12px;letter-spacing:.1em}main{max-width:1400px;margin:auto;padding:0 max(5vw,24px)}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;padding:56px 0 70px;border-bottom:1px solid var(--line)}.eyebrow{font:12px ui-monospace,monospace;letter-spacing:.14em;color:#c3a26b}.hero h1{font:clamp(58px,7vw,105px)/.98 Georgia,serif;font-weight:400;letter-spacing:-.055em;margin:18px 0 30px}.hero h1 em{color:var(--gold);font-weight:400}.lead{font-size:18px;color:#c7d0ca;max-width:520px}.private-note{border-left:2px solid var(--gold2);padding-left:14px;color:#93a39c;font-size:13px;max-width:520px;margin-top:30px}.viewer-card{border:1px solid #c4a96d38;background:#10191b;border-radius:8px;padding:14px;min-width:0}.viewer-head{display:flex;justify-content:space-between;gap:12px;padding:2px 4px 10px;color:#bba77e;font:11px ui-monospace,monospace;letter-spacing:.1em}.viewer{height:480px;border:1px solid #c4a96d2f;background:#0b1517;border-radius:6px;overflow:hidden}.viewer.large{height:520px}.viewer canvas{display:block;width:100%!important;height:100%!important}.controls{display:grid;gap:12px;margin:14px 0}.grid3{grid-template-columns:repeat(3,1fr)}label{display:grid;gap:6px;color:#a8b5ad;font-size:12px}select,input[type=number]{width:100%;padding:10px 11px;border:1px solid #ffffff20;background:#111f22;color:var(--text);border-radius:5px}input[type=range]{width:100%;accent-color:var(--gold)}output{color:var(--gold)}.update{width:100%;border:1px solid #edd19a;background:linear-gradient(180deg,#ead09b,#d4b376);color:#182022;font-weight:900;letter-spacing:.12em;padding:16px 18px;border-radius:5px;cursor:pointer;box-shadow:0 8px 28px #0004}.update:hover{filter:brightness(1.07)}.update:disabled{opacity:.55;cursor:wait}.status{font-size:12px;color:#96a8a0;min-height:20px}.block{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;padding:76px 0;border-bottom:1px solid var(--line);align-items:start}.copy h2{font:44px/1.08 Georgia,serif;font-weight:400;margin:12px 0 20px;color:#ecd09c}.copy>p:not(.eyebrow){color:#aab9b1;max-width:480px}.wide{margin:26px 0 14px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.metrics>div{border:1px solid #ffffff1b;background:#111d20;padding:14px;border-radius:7px}.metrics span{display:block;color:#ad986d;font:11px ui-monospace,monospace;letter-spacing:.09em}.metrics strong{display:block;font-size:32px;color:#e5d6b1;margin-top:3px}.range-labels{display:flex;justify-content:space-between;color:#83958d;font-size:11px}footer{max-width:1400px;margin:auto;padding:42px max(5vw,24px);color:#71847b;font-size:12px;letter-spacing:.08em}@media(max-width:950px){.hero,.block{grid-template-columns:1fr}.hero{gap:28px}.grid3{grid-template-columns:1fr 1fr}.viewer,.viewer.large{height:430px}}@media(max-width:620px){.edition{display:none}main{padding:0 18px}.hero{padding-top:34px}.hero h1{font-size:61px}.grid3{grid-template-columns:1fr}.viewer,.viewer.large{height:360px}.copy h2{font-size:36px}.metrics{grid-template-columns:1fr}}