:root{--bg: #0a0b10;--surface: #13141c;--surface-2: #1a1b26;--surface-elevated: #1a1b26;--border: #252836;--text: #e2e4ec;--muted: #8a90a8;--text-muted: #8a90a8;--accent: #3b82f6;--accent-strong: #2563eb;--accent-dim: #1e3a8a;--accent-soft: rgba(59, 130, 246, .15);--rec: #ef4444;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--radius: 12px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-xs: .78rem;--font-sm: .85rem;--font-md: .95rem;--font-base: 1rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tap-target: 44px;--btn-radius: 10px;--btn-radius-sm: 8px;--transition-fast: .15s;--btn-ghost-bg: color-mix(in srgb, var(--accent) 22%, var(--surface));--btn-ghost-bg-hover: color-mix(in srgb, var(--accent) 34%, var(--surface));--btn-ghost-border: color-mix(in srgb, var(--accent) 55%, var(--border))}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.icon-btn{flex:none;font-size:1.1rem;padding:0 14px}.btn-primary{width:100%;min-height:48px;background:var(--accent-strong);color:#fff;border:none;border-radius:var(--btn-radius);padding:13px;font-size:var(--font-base);font-weight:var(--font-weight-semibold);transition:filter var(--transition-fast)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--surface);color:var(--muted);border:1px solid var(--border);cursor:not-allowed;filter:none;transform:none}.btn-primary:disabled:hover{filter:none}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-loading:before{content:"";display:inline-block;width:.95em;height:.95em;margin-inline-end:.55em;vertical-align:-.1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.btn-loading:before{animation-duration:1.8s}}.btn-ghost{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--text);border-radius:var(--btn-radius-sm);padding:9px 13px;font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform .05s;white-space:nowrap}.btn-ghost:hover{background:var(--btn-ghost-bg-hover);border-color:var(--accent)}.btn-ghost:active{transform:translateY(1px)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed;background:var(--surface);border-color:var(--border);color:var(--muted)}.btn-ghost:disabled:hover{background:var(--surface);border-color:var(--border)}.icon-btn{display:grid;place-items:center}.icon-btn .ico{width:18px;height:18px}.net-status{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);z-index:90;display:flex;align-items:center;gap:9px;max-width:min(92vw,360px);padding:9px 16px;border-radius:999px;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:#fff;white-space:nowrap;box-shadow:0 10px 30px #00000080;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s,background-color .35s,border-color .35s}.net-status.show{opacity:1;visibility:visible;transform:translate(-50%)}.net-status-dot{width:8px;height:8px;border-radius:50%;background:#fff;flex:none}.net-status.net-offline{background:color-mix(in srgb,var(--danger) 80%,#000);border:1px solid var(--danger)}.net-status.net-degraded{background:color-mix(in srgb,var(--warning) 64%,#000);border:1px solid var(--warning)}.net-status.net-online{background:color-mix(in srgb,var(--success) 60%,#000);border:1px solid var(--success)}.net-status.net-offline .net-status-dot,.net-status.net-degraded .net-status-dot{animation:net-status-pulse 1.4s ease-in-out infinite}@keyframes net-status-pulse{0%,to{opacity:1}50%{opacity:.35}}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}