:root{color-scheme:dark;--bg:#0a1019;--panel:#121e2a;--panel2:#172739;--border:#2a3b4b;--text:#eff7fa;--muted:#a5b5c2;--accent:#56e0bd;--bad:#ff8a93;--radius:17px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 5%,#123143 0,transparent 45%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;min-height:100vh}.shell{max-width:1090px;width:calc(100% - 40px);margin:auto}.site-header{border-bottom:1px solid var(--border);background:rgba(8,16,24,.75)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}.brand{text-decoration:none;color:var(--text);font-weight:900;letter-spacing:.1em;font-size:1.1rem}.brand-icon{color:var(--accent);font-size:1.5rem;vertical-align:middle}.brand-light{color:var(--muted);font-weight:400;font-size:.75rem}.chapter-tag,.eyebrow,.panel-kicker{color:var(--accent);font-size:.73rem;letter-spacing:.16em;font-weight:800}.chapter-tag{white-space:nowrap}.intro{padding:58px 0 35px}.intro h1{font-size:clamp(2.3rem,5vw,3.7rem);letter-spacing:-.045em;margin:8px 0 10px}.intro p{max-width:650px;color:var(--muted);margin:0}.layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.panel{padding:30px;background:linear-gradient(145deg,var(--panel),#101925);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 22px 55px rgba(0,0,0,.16)}.panel-heading{margin-bottom:27px}.panel-heading h2{margin:7px 0 4px;font-size:1.4rem}.panel-heading p{margin:0;color:var(--muted);font-size:.9rem}.field{margin-bottom:22px}.field label{display:block;font-weight:650;margin-bottom:8px;font-size:.93rem}.field input,.field select{width:100%;border:1px solid #3a5060;border-radius:10px;background:#0b1824;color:var(--text);font:inherit;padding:13px 14px;outline:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #56e0bd22}.field-hint{font-size:.77rem;color:var(--muted);margin:6px 0 0}.primary-button,.secondary-button{width:100%;border-radius:10px;padding:13px 16px;cursor:pointer;font:inherit;font-weight:750;transition:transform .15s,filter .15s,background .15s}.primary-button{border:0;background:var(--accent);color:#07251e;display:flex;justify-content:space-between}.primary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.secondary-button{border:1px solid #3d596b;background:transparent;color:var(--text);margin-top:27px}.secondary-button:hover{background:#213344}.feedback{padding:12px 14px;border-radius:10px;margin-top:15px;white-space:pre-line;font-size:.88rem;border:1px solid var(--border);background:#182635}.feedback.success{color:#a9ffe3;border-color:#2d846d;background:#12352c}.feedback.error{color:#ffd0d3;border-color:#9b4450;background:#3a1f2b}.feedback.partial{color:#ffdb9d;border-color:#92692c;background:#382d1b}.balance-card{background:linear-gradient(125deg,#234a55,#163540);border:1px solid #387b79;border-radius:14px;padding:25px;display:flex;flex-direction:column;gap:6px}.balance-card>span:first-child{color:#bdd9dc;font-size:.82rem}.balance-card strong{font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.04em;overflow-wrap:anywhere}.balance-caption{font-size:.75rem;color:#a6c5c7}.details{margin:12px 0 0}.details div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;border-bottom:1px solid var(--border)}.details dt{color:var(--muted);font-size:.85rem}.details dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}.status{color:#a9ffe3;display:inline-flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%}.note{margin:25px 0 70px;padding:19px 22px;border:1px dashed #426074;border-radius:14px;background:#142331}.note strong{color:var(--accent)}.note p{margin:7px 0 0;font-size:.9rem;color:var(--muted)}code{color:#c4ece2}.site-footer{border-top:1px solid var(--border);padding:20px 0;color:var(--muted);font-size:.75rem}.site-footer span{margin:0 6px}@media(max-width:730px){.layout{grid-template-columns:1fr}.intro{padding:36px 0 25px}.panel{padding:22px}.chapter-tag{font-size:.58rem}.brand{font-size:.92rem}.brand-light{display:none}.shell{width:calc(100% - 26px)}.note{margin-bottom:40px}}@media(max-width:380px){.chapter-tag{display:none}}
