:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:light dark;--bg: #f4f5f7;--card: #ffffff;--border: #e3e6eb;--muted: #5f6672;--text: #1a1d24;--accent: #16a34a;--accent-dim: #15803d;--err: #dc2626;--danger: #dc2626;--danger-fg: #dc2626;--input-bg: #ffffff;--btn-bg: #eceef2}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0f1115;--card: #1a1d24;--border: #262a33;--muted: #8b929e;--text: #e6e8eb;--accent: #4ade80;--accent-dim: #2b6b45;--err: #f87171;--danger: #b4413c;--danger-fg: #f0a9a5;--input-bg: #0f1115;--btn-bg: #232732}}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--card: #1a1d24;--border: #262a33;--muted: #8b929e;--text: #e6e8eb;--accent: #4ade80;--accent-dim: #2b6b45;--err: #f87171;--danger: #b4413c;--danger-fg: #f0a9a5;--input-bg: #0f1115;--btn-bg: #232732}:root[data-theme=light]{color-scheme:light}*{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}.header-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.theme-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.theme-opt{padding:.35rem .6rem;min-width:2rem;background:var(--card);color:var(--muted);border:none;border-left:1px solid var(--border);font-size:.95rem;line-height:1;cursor:pointer;transition:background .15s,color .15s}.theme-opt:first-child{border-left:none}.theme-opt:hover{color:var(--text)}.theme-opt.active{background:var(--btn-bg);color:var(--text)}.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:var(--input-bg);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:var(--btn-bg);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);color:#fff}.btn.danger{color:var(--danger-fg);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}.text-input{width:100%;padding:.55rem .7rem;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:.9rem}.text-input:focus{outline:none;border-color:var(--accent-dim)}.text-input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.btn.small{padding:.35rem .7rem;font-size:.8rem}.sub-add{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.sub-add .text-input{flex:1 1 12rem}.check{display:flex;align-items:center;gap:.45rem;margin-top:.6rem;font-size:.85rem;color:var(--muted);cursor:pointer}.sub-empty,.cfg-empty{margin-top:.9rem}.sub-list,.cfg-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sub-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px}.sub-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sub-name{font-weight:600}.sub-url,.sub-when,.sub-err{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22rem}.sub-actions{display:flex;gap:.4rem;flex-shrink:0}.cfg-add{display:flex;gap:.5rem;margin-top:.5rem}.cfg-add .text-input{flex:1}.cfg-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px}.cfg-row.disabled{opacity:.5}.cfg-check{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent)}.cfg-active{flex-shrink:0}.cfg-main{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.cfg-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-server{font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cfg-proto{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:.1rem .4rem;flex-shrink:0}.cfg-lat{font-size:.8rem;font-variant-numeric:tabular-nums;min-width:3.5rem;text-align:right;flex-shrink:0}.lat-good{color:var(--accent)}.lat-ok{color:#eab308}.lat-bad{color:var(--err)}.lat-unknown,.muted{color:var(--muted)}.err{color:var(--err);word-break:break-word}footer{margin-top:2rem;font-size:.85rem}