:root{color-scheme:dark;--mint:#6cf0bf;--lime:#d8ff72;--ink:#f5faf7;--muted:#aabdb8;--line:#ffffff1f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#174b46,#08171f 52%);color:var(--ink);font-family:system-ui,-apple-system,sans-serif}header{max-width:960px;margin:auto;padding:22px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}a{color:var(--mint);font-weight:800;text-decoration:none}main{width:min(960px,calc(100% - 32px));margin:auto}.intro{padding:45px 0 20px}.eyebrow{color:var(--mint);font-size:11px;font-weight:900;letter-spacing:.15em}.intro h1{margin:4px 0;font-size:clamp(42px,8vw,68px);letter-spacing:-.055em}.intro p:last-child{max-width:650px;color:var(--muted);font-size:18px}.notice,.dashboard,.policy{padding:24px;border:1px solid var(--line);border-radius:22px;background:#0d2931dd}.notice{color:var(--muted)}.notice.error{border-color:#ff9e5766;background:#ff9e5710}.dashboard[hidden]{display:none}.account-label{display:flex;justify-content:space-between;align-items:center;font-weight:800}.account-label select{min-width:210px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#071820;color:var(--ink)}.usage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.usage article{padding:16px;border-radius:15px;background:#ffffff0b}.usage span,.usage b{display:block}.usage span{color:var(--muted);font-size:12px}.usage b{margin-top:4px;font-size:20px}form{padding:22px;border-radius:18px;background:#07182088}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle-row span{display:block;color:var(--muted);font-size:12px}.toggle-row input{width:24px;height:24px}form>label{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px;font-size:13px;font-weight:800}form input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--mint)}output{color:var(--lime)}button{width:100%;margin-top:24px;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--mint),var(--lime));color:#092018;font:inherit;font-weight:900;cursor:pointer}.form-note{text-align:center;color:var(--muted);font-size:11px}.policy{margin:18px 0 50px}.policy h2{margin-top:0}.policy div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.policy span{padding:11px;border-radius:11px;background:#ffffff09;color:var(--muted);font-size:12px}@media(max-width:600px){header span{display:none}.account-label{align-items:flex-start;flex-direction:column;gap:9px}.account-label select{width:100%}.usage,.policy div{grid-template-columns:1fr}}