:root{--ink:#14204f;--ink2:#46507a;--bg:#f3f5fb;--card:#fff;--line:#e1e5f0;--teal:#0b7f72;--teal-bg:#dff4ef;--amber:#9a6a00;--amber-bg:#fff0d6;--red:#b42318;--red-bg:#fde7e4;--cta:#f59e0b}
@media (prefers-color-scheme:dark){:root{--ink:#eef1ff;--ink2:#aab3da;--bg:#0f1530;--card:#18204a;--line:#2a346b;--teal:#4fd1be;--teal-bg:#12403b;--amber:#f6c453;--amber-bg:#3d3112;--red:#ff8b7e;--red-bg:#4a1d19}}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
main{max-width:980px;margin:0 auto;padding:20px 16px 60px}h1{font-size:1.6rem;margin:.2rem 0 .4rem}h2{font-size:1.1rem;margin:0 0 .5rem}p{margin:.3rem 0}.muted{color:var(--ink2)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0}
.btn{display:inline-block;border:0;border-radius:12px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;background:var(--cta);color:#1c1400;text-decoration:none;min-height:44px}
.btn.ink{background:var(--ink);color:var(--bg)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn[disabled]{opacity:.5;cursor:default}
input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--card);color:var(--ink);min-height:44px}label{display:block;font-weight:700;font-size:.85rem;margin:14px 0 4px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.plan{border:2px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;background:var(--card)}.plan.on{border-color:var(--cta);box-shadow:0 0 0 3px #f59e0b33}
.plan b.price{font-size:1.5rem;display:block;margin:.3rem 0}.plan ul{padding-left:1.1rem;margin:.4rem 0;color:var(--ink2);font-size:.92rem}
.tag{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.8rem;font-weight:700;background:var(--line)}.tag.ok{background:var(--teal-bg);color:var(--teal)}.tag.warn{background:var(--amber-bg);color:var(--amber)}.tag.bad{background:var(--red-bg);color:var(--red)}
.banner{border-radius:12px;padding:12px 14px;margin:10px 0;font-weight:600}.banner.warn{background:var(--amber-bg);color:var(--amber)}.banner.bad{background:var(--red-bg);color:var(--red)}.banner.ok{background:var(--teal-bg);color:var(--teal)}
table{width:100%;border-collapse:collapse;font-size:.93rem}td,th{padding:9px 6px;border-bottom:1px solid var(--line);text-align:left}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:0 0 auto}.grow{flex:1 1 auto!important}
.hero{padding:34px 0 10px}.hero h1{font-size:2.1rem;line-height:1.15}.pill{display:inline-flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 14px;margin:4px 6px 4px 0;font-size:.9rem}
.veil{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:14px;z-index:9}.sheet{background:var(--card);border-radius:18px;padding:20px;max-width:520px;width:100%;max-height:92vh;overflow:auto}
.pm{display:block;width:100%;text-align:left;margin:8px 0;padding:14px;border:2px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.pm:hover{border-color:var(--cta)}
.err{color:var(--red);font-weight:600;margin-top:10px}code.k{font-size:1.3rem;letter-spacing:.15em;background:var(--line);padding:4px 10px;border-radius:8px}