:root{--bg:#0a0b0f;--bg2:#12141a;--bg3:#1a1d26;--accent:#6c47ff;--accent2:#00e5ff;--success:#00c985;--warning:#ffb020;--danger:#ff4d6d;--text:#f0f0f5;--text2:#9090a8;--text3:#5a5a72;--border:hsla(0,0%,100%,.08);--border2:hsla(0,0%,100%,.14);--radius:12px;--radius-sm:8px;--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}.page-content{padding:0 16px;padding-bottom:calc(var(--nav-height) + 24px)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,transform .1s;width:100%;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2)}.btn-sm{padding:6px 12px;font-size:13px;width:auto}.input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:12px 14px;font-size:15px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}.label{display:block;font-size:13px;color:var(--text2);margin-bottom:6px;font-weight:500}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-active{background:#00c98520;color:var(--success)}.badge-pending{background:#ffb02020;color:var(--warning)}.badge-expired{background:#ff4d6d20;color:var(--danger)}.badge-connected{background:#6c47ff20;color:#a78bfa}.badge-disconnected{background:hsla(0,0%,100%,.05);color:var(--text2)}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.toggle{position:relative;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--bg3);border-radius:12px;border:1px solid var(--border2);transition:.2s;cursor:pointer}.toggle-slider:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:var(--text2);border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:after{transform:translateX(20px);background:#fff}.page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px}.page-title{font-size:22px;font-weight:700}.log-list{display:flex;flex-direction:column;gap:8px}.copy-btn{background:var(--accent);color:#fff}.copy-btn.copied{background:var(--danger)}.spinner{width:20px;height:20px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:12px}.alert-warning{background:#ffb02015;border:1px solid #ffb02030;color:var(--warning)}.alert-danger{background:#ff4d6d15;border:1px solid #ff4d6d30;color:var(--danger)}.alert-success{background:#00c98515;border:1px solid #00c98530;color:var(--success)}