:root,:root[data-theme=dark]{--bg: #0B1121;--surface: #131C33;--surface-2: #1B2742;--surface-3: #223052;--border: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.16);--text: #EAF0FF;--muted: rgba(234,240,255,.58);--faint: rgba(234,240,255,.36);--brand: #3B82F6;--brand-2: #2563EB;--brand-soft: rgba(59,130,246,.14);--ok: #10B981;--ok-soft: rgba(16,185,129,.13);--danger: #EF4444;--danger-soft: rgba(239,68,68,.12);--warn: #F59E0B;--shadow: 0 18px 44px rgba(0,0,0,.5);--radius: 14px;color-scheme:dark}:root[data-theme=light]{--bg: #F3F5FA;--surface: #FFFFFF;--surface-2: #F1F4FA;--surface-3: #E6EBF5;--border: rgba(16,24,45,.1);--border-strong: rgba(16,24,45,.18);--text: #101A2E;--muted: rgba(16,26,46,.62);--faint: rgba(16,26,46,.42);--brand: #2563EB;--brand-2: #1D4ED8;--brand-soft: rgba(37,99,235,.1);--ok: #059669;--ok-soft: rgba(5,150,105,.11);--danger: #DC2626;--danger-soft: rgba(220,38,38,.09);--warn: #D97706;--shadow: 0 16px 40px rgba(16,24,45,.13);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none;transition:background .18s,color .18s}input,textarea,select{-webkit-user-select:text;user-select:text}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;width:100%;outline:none;transition:border-color .13s,box-shadow .13s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}input::placeholder,textarea::placeholder{color:var(--faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--brand),var(--brand-2));color:#fff;font-weight:640;padding:12px 19px;border-radius:11px;transition:filter .14s,transform .05s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:600}.btn-ghost:hover:not(:disabled){background:var(--surface-3);filter:none}.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.link{color:var(--brand);font-weight:600}.link:hover{text-decoration:underline}.alert{border-radius:10px;padding:11px 13px;font-size:13.5px;line-height:1.45;background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);white-space:pre-wrap}.alert-ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.spin{width:17px;height:17px;border:2px solid rgba(255,255,255,.32);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.btn-ghost .spin{border-color:var(--border-strong);border-top-color:var(--brand)}@keyframes spin{to{transform:rotate(360deg)}}.scroll{overflow-y:auto}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}.scroll::-webkit-scrollbar-track{background:transparent}.kbd{font-size:11px;font-family:inherit;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:5px;padding:2px 6px;font-weight:600;color:var(--muted)}.row{display:flex;justify-content:space-between;align-items:center}