:root{--bg:#0e0f13;--panel:#181a20;--panel-2:#20232b;--border:#2a2d36;--text:#f2f3f5;--text-dim:#9aa0ac;--accent:#3aa0ff;--accent-2:#1e6fd9;--success:#2fbf71;--danger:#ef5350;--radius:16px}@media (prefers-color-scheme:light){:root{--bg:#f4f5f7;--panel:#fff;--panel-2:#f0f1f4;--border:#e2e4e9;--text:#14161a;--text-dim:#6b7280}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{cursor:pointer;font-family:inherit}.app{min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.screen{flex:1;width:100%;max-width:480px;margin:0 auto;padding:16px 16px 24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:13px}.row{justify-content:space-between;align-items:center;display:flex}.pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.pill-success{color:var(--success);background:#2fbf7126}.pill-danger{color:var(--danger);background:#ef535026}.progress{background:var(--panel-2);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .3s}.btn{text-align:center;border:none;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;display:block}.btn-primary{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff}.btn-secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn+.btn{margin-top:10px}.plan-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.plan-card .plan-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.plan-card .plan-name{font-size:16px;font-weight:700}.plan-card .plan-price{color:var(--accent);font-size:16px;font-weight:700}.plan-card .plan-meta{color:var(--text-dim);margin-bottom:12px;font-size:13px}.mono{word-break:break-all;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.tabbar{background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-item{color:var(--text-dim);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0 8px;font-size:11px;display:flex}.tabbar-item.active{color:var(--accent)}.tabbar-icon{font-size:20px}.center-msg{text-align:center;color:var(--text-dim);padding:40px 16px}.qr-wrap{justify-content:center;margin:8px 0 16px;display:flex}.qr-wrap img{background:#fff;border-radius:12px;width:200px;height:200px;padding:8px}.lang-toggle{gap:8px;display:flex}.lang-toggle button{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:10px;flex:1;padding:10px;font-weight:600}.lang-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}