:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--bg: #0f1115;--card: #1a1d24;--border: #262a33;--muted: #8b929e;--accent: #4ade80;--accent-dim: #2b6b45;--err: #f87171;--danger: #b4413c;--text: #e6e8eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:640px;margin:0 auto;padding:3rem 1.25rem}h1{margin:0;font-size:2rem;letter-spacing:-.02em}.tagline{color:var(--muted);margin-top:.25rem}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.btn.logout{padding:.4rem .9rem;font-size:.85rem}.login .card{margin-top:2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;margin-top:1.5rem}.card h2{margin-top:0;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;margin:.75rem 0 0}dt{color:var(--muted)}dd{margin:0;word-break:break-all}.status-head{display:flex;align-items:center;gap:.5rem}.status-label{font-size:1.1rem;font-weight:600}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.running{background:var(--accent);box-shadow:0 0 0 3px #4ade802e}.dot.error{background:var(--err)}.dot.stopped{background:var(--muted)}.key-input{width:100%;margin-top:.5rem;padding:.7rem .8rem;background:#0f1115;color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;resize:vertical}.key-input:focus{outline:none;border-color:var(--accent-dim)}.actions{display:flex;gap:.6rem;margin-top:.9rem}.proxy-actions{margin-top:1rem}.btn{padding:.55rem 1.1rem;border-radius:8px;border:1px solid var(--border);background:#232732;color:var(--text);font-size:.9rem;cursor:pointer;transition:border-color .15s,opacity .15s}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent-dim);border-color:var(--accent-dim)}.btn.danger{color:#f0a9a5;border-color:var(--danger)}.notice{margin-top:1.5rem;padding:.7rem 1rem;border-radius:8px;font-size:.9rem;border:1px solid}.notice.ok{color:var(--accent);border-color:var(--accent-dim);background:#4ade8014}.notice.err{color:var(--err);border-color:var(--danger);background:#f8717114}.egress{display:flex;align-items:center;gap:.9rem;margin-top:.5rem}.flag{font-size:2.4rem;line-height:1}.egress-loc{font-size:1.1rem;font-weight:600}.egress-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;margin-top:.15rem}.traffic{grid-template-columns:max-content 1fr;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border)}.traffic dd{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.err{color:var(--err);word-break:break-word}footer{margin-top:2rem;font-size:.85rem}