:root{--ink:#1a2233;--muted:#5a6578;--bg:#f4f6fa;--card:#fff;--brand:#0b6b4f;--brand-d:#08543e;--line:#d5dbe6;--warn:#8a4b00}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:18px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:640px;margin:0 auto;padding:0 16px}
.top{background:var(--brand);color:#fff;padding:20px 0 18px}
.top h1{margin:0;font-size:1.7rem}
.sub{margin:4px 0 0;opacity:.95}
.tabs{display:flex;gap:8px;margin:16px 0 8px}
.tabs button{flex:1;padding:12px 8px;font:inherit;font-weight:600;border:2px solid var(--brand);background:#fff;color:var(--brand);border-radius:10px;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--brand);color:#fff}
.usage{margin:6px 2px 10px;color:var(--muted);font-size:.95rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 16px}
h2{margin:0 0 12px;font-size:1.3rem}
h3{margin:16px 0 6px;font-size:1.05rem}
label{display:block;font-weight:600;font-size:.95rem;margin:0 0 12px}
input,select,textarea{display:block;width:100%;margin-top:4px;padding:12px;font:inherit;font-weight:400;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #7fb5ff;outline-offset:1px}
.row{display:flex;gap:10px}
.row>label{flex:1;min-width:0}
.primary{display:block;width:100%;padding:14px;font:inherit;font-weight:700;color:#fff;background:var(--brand);border:0;border-radius:10px;cursor:pointer;text-align:center;text-decoration:none;margin:6px 0}
.primary:hover{background:var(--brand-d)}
.btn{display:block}
.link{background:none;border:0;color:var(--brand);font:inherit;font-weight:600;padding:6px 0;margin:0 0 10px;cursor:pointer;text-decoration:underline}
.hint{color:var(--muted);font-size:.9rem;margin:6px 0}
.status{min-height:1.4em;font-weight:600;color:var(--brand);margin:8px 0 0}
.status.err{color:var(--warn)}
.line-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px}
.line-row label{margin:0;flex:1;min-width:0}
.line-row .amt{flex:0 0 38%}
.line-row .rm{flex:0 0 auto;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:12px;font:inherit;cursor:pointer}
.schedule{padding-left:22px;margin:6px 0}
.schedule li{margin-bottom:6px}
.plan-grid{display:grid;gap:12px}
@media(min-width:520px){.plan-grid{grid-template-columns:1fr 1fr}}
.plan{border:1.5px solid var(--line);border-radius:12px;padding:14px}
.plan.pro{border-color:var(--brand)}
.plan h3{margin-top:0}
.price{font-size:1.6rem;font-weight:700;margin:0}
.price span{font-size:1rem;font-weight:400;color:var(--muted)}
.plan ul{padding-left:20px;margin:8px 0 12px}
.foot{color:var(--muted);font-size:.85rem;padding-bottom:30px}
[hidden]{display:none!important}