:root{--bg: #0e0e11;--surface: #17171c;--surface-2: #1e1e25;--elev: #24242d;--text: #f4f4f7;--muted: #9a9aa6;--faint: #65656f;--line: rgba(255, 255, 255, .08);--accent: #10b981;--accent-2: #4fe0ab;--ok: #3ee0a1;--warn: #f5b13d;--bad: #fb6a6a;--radius: 20px;--radius-sm: 13px;--gap: 14px;--maxw: 560px;--shadow: 0 18px 50px -24px rgba(0, 0, 0, .75);--font: "Onest Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:light){:root{--bg: #f4f4f8;--surface: #ffffff;--surface-2: #f6f6fa;--elev: #ffffff;--text: #15151a;--muted: #6c6c78;--faint: #9a9aa6;--line: rgba(0, 0, 0, .08);--shadow: 0 18px 44px -26px rgba(40, 30, 110, .3)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100dvh}.app{max-width:var(--maxw);margin:0 auto;padding:14px 14px calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--gap)}.top{display:flex;align-items:center;gap:12px;padding:4px 2px 2px}.top .avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:600;color:#fff;flex:none;overflow:hidden}.top .avatar img{width:100%;height:100%;object-fit:cover}.top .who{display:flex;flex-direction:column;line-height:1.2}.top .who b{font-weight:600}.top .who span{color:var(--muted);font-size:13px}.top .wallet{margin-left:auto;background:var(--surface);border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card.flush{padding:0;overflow:hidden}.card h2{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% 40% auto auto;width:70%;height:180%;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 55%,transparent),transparent);filter:blur(10px);opacity:.45;pointer-events:none}.hero .status-row{display:flex;align-items:center;gap:10px;position:relative}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line)}.badge.ok{color:var(--ok);background:color-mix(in oklab,var(--ok) 12%,transparent)}.badge.warn{color:var(--warn);background:color-mix(in oklab,var(--warn) 12%,transparent)}.badge.bad{color:var(--bad);background:color-mix(in oklab,var(--bad) 12%,transparent)}.hero .tariff{margin:14px 0 2px;font-size:26px;font-weight:700;letter-spacing:-.02em;position:relative}.hero .sub{color:var(--muted);font-size:14px;position:relative}.meters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;position:relative}.meter{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px}.meter small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.meter b{display:block;font-size:20px;font-weight:700;margin-top:3px}.meter .bar{height:6px;border-radius:999px;background:var(--elev);margin-top:10px;overflow:hidden}.meter .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.btn{appearance:none;border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:15px;padding:14px 18px;border-radius:14px;color:var(--text);background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .06s ease,filter .15s ease;border:1px solid var(--line)}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 70%,var(--accent-2)));color:#fff;border:0}.btn.success{background:color-mix(in oklab,var(--ok) 20%,var(--surface));color:var(--ok)}.btn.ghost{background:transparent}.btn.sm{width:auto;padding:10px 14px;font-size:14px}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .06s ease;text-align:center}.tile:active{transform:scale(.97)}.tile .ic{width:26px;height:26px;color:var(--accent)}.tile span{font-size:12.5px;color:var(--muted);font-weight:500}.row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}.row .ic{width:22px;height:22px;color:var(--muted);flex:none}.row .grow{flex:1;min-width:0}.row .grow b{font-weight:600;display:block}.row .grow span{color:var(--muted);font-size:13px}.row .chev{color:var(--faint);width:18px;height:18px;flex:none}.lead{color:var(--muted);font-size:14px;margin:-4px 0 4px}.acc{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.acc+.acc{margin-top:10px}.acc summary{list-style:none;cursor:pointer;padding:15px 16px;display:flex;align-items:center;gap:12px;font-weight:600}.acc summary::-webkit-details-marker{display:none}.acc summary .ic{width:22px;height:22px;color:var(--accent);flex:none}.acc summary .plus{margin-left:auto;width:20px;height:20px;flex:none;color:var(--faint);transition:transform .2s ease}.acc[open] summary .plus{transform:rotate(45deg)}.acc .body{padding:2px 16px 16px;color:var(--muted);font-size:14px}.acc .body ol,.acc .body ul{margin:0;padding-left:20px}.acc .body li{margin:7px 0}.acc .body b{color:var(--text)}.note{background:color-mix(in oklab,var(--warn) 12%,transparent);border:1px solid color-mix(in oklab,var(--warn) 30%,transparent);color:var(--text);border-radius:var(--radius-sm);padding:13px 15px;font-size:13.5px}.note.tip{background:color-mix(in oklab,var(--accent) 12%,transparent);border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--bg) 80%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.nav .inner{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-around}.nav button{appearance:none;border:0;background:none;color:var(--faint);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;cursor:pointer;padding:4px 10px;font-family:inherit}.nav button.on{color:var(--accent)}.nav button .ic{width:23px;height:23px}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:sh 1.3s infinite;border-radius:var(--radius)}@keyframes sh{to{background-position:-200% 0}}.center{display:grid;place-items:center;min-height:60dvh;text-align:center;padding:20px;color:var(--muted);gap:10px}.rv{animation:rv .4s ease both}@keyframes rv{0%{opacity:0;transform:translateY(8px)}}a{color:var(--accent)}