:root{--ink:#0c1a1d;--panel:rgba(18,36,40,.92);--line:rgba(224,179,84,.38);--gold:#e0b354;--moon:#e8e4d4;--dim:#a9b3ad}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--moon);font:16px/1.55 Alegreya Sans,system-ui,sans-serif}main{max-width:720px;margin:0 auto;padding:28px 20px 60px}h1,h2{font-family:Almendra,Georgia,serif;color:var(--gold);font-weight:700;line-height:1.2}h1{font-size:32px;margin:0 0 6px}h2{font-size:22px;margin:28px 0 8px}a{color:var(--gold)}.note{color:var(--dim);font-size:14px}.box{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px 18px;margin:16px 0}label{display:block;margin:10px 0 4px}input{width:100%;padding:10px;border-radius:4px;border:1px solid var(--line);background:#0a1416;color:var(--moon);font:inherit}button{margin-top:14px;padding:10px 18px;border-radius:4px;border:1px solid #b8402e;background:#7a2418;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:default}#msg{margin-top:12px;min-height:1.5em}#msg.ok{color:#9fd6a2}#msg.err{color:#ff9a8a}ul{padding-left:20px}