:root{--bg:#0a0a0a;--bg-card:#141414;--bg-input:#1a1a1a;--border:#2a2a2a;--text:#a0a0a0;--text-h:#f0f0f0;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--error:#ef4444;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.5}#app{flex-direction:column;min-height:100vh;display:flex}.page{flex:1;width:100%;max-width:480px;margin:0 auto;padding:48px 20px}.page-wide{max-width:640px}h1{color:var(--text-h);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:600}h2{color:var(--text-h);margin-bottom:16px;font-size:18px;font-weight:500}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:24px}.input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-h);font-size:15px;font-family:var(--sans);border-radius:8px;outline:none;padding:12px 16px;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:#555}.btn{font-size:15px;font-weight:500;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--text-h);color:var(--bg)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-input);color:var(--text-h);border:1px solid var(--border)}.btn-secondary:hover{border-color:#444}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.text-sm{font-size:13px}.text-muted{color:#666}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.gap-8{gap:8px}.gap-12{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.config-text{font-family:var(--mono);background:var(--bg-input);border:1px solid var(--border);word-break:break-all;color:var(--text);cursor:pointer;-webkit-user-select:all;user-select:all;border-radius:8px;padding:12px;font-size:12px;transition:border-color .2s}.config-text:hover{border-color:#444}.badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-green{color:var(--success);background:#22c55e26}.badge-blue{color:var(--accent);background:#3b82f626}.divider{background:var(--border);height:1px;margin:20px 0}.logo-text{color:var(--text-h);letter-spacing:-.3px;font-size:20px;font-weight:600}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}