:root{--bg: #0a0e1a;--panel: #131a2c;--panel-2: #1a2338;--border: #26314d;--text: #e8ecf5;--muted: #8b96ad;--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .12);--gold: #f4c14f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,Hiragino Sans,sans-serif;min-height:100vh}.container{max-width:960px;margin:0 auto;padding:24px 20px 80px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0 24px}.brand{font-size:20px;font-weight:700;letter-spacing:.02em}.brand span{color:var(--accent)}.wallet-chip{font-family:ui-monospace,monospace;font-size:13px;background:var(--panel);border:1px solid var(--border);padding:6px 12px;border-radius:999px;color:var(--muted)}.hero{text-align:center;padding:80px 0 40px}.hero h1{font-size:32px;margin-bottom:12px}.hero p{color:var(--muted);max-width:520px;margin:0 auto 32px;line-height:1.7}.btn{background:var(--accent);color:#06222a;border:none;font-size:15px;font-weight:600;padding:12px 28px;border-radius:10px;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);font-weight:400}.section{margin-top:32px}.section>h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.tob-record{display:flex;flex-direction:column;gap:10px}.tob-record+.tob-record{margin-top:12px}.tob-head{display:flex;justify-content:space-between;align-items:baseline}.tob-ref{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.rank{color:var(--gold);font-weight:600}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kv{background:var(--panel-2);border-radius:10px;padding:12px 14px}.kv .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kv .v{font-size:16px;font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums}.progress{height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--accent)}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.plan{position:relative}.plan .apy{font-size:30px;font-weight:700;color:var(--accent);margin:8px 0 2px}.plan .lock{color:var(--muted);font-size:13px}.badge{position:absolute;top:14px;right:14px;background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}.empty{color:var(--muted);text-align:center;padding:28px 0;line-height:1.7}.error{color:#f87171;margin-top:12px;font-size:14px}.note{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.6}