@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark;--ops-color-bg: #050816;--ops-color-bg-muted: #0b1225;--ops-color-surface: rgba(11, 18, 37, .82);--ops-color-surface-border: rgba(148, 163, 184, .18);--ops-color-surface-highlight: rgba(99, 102, 241, .12);--ops-color-text: #e2e8f0;--ops-color-text-muted: #94a3b8;--ops-color-primary: #6366f1;--ops-color-primary-strong: #4f46e5;--ops-color-primary-soft: rgba(99, 102, 241, .16);--ops-color-accent: #14b8a6;--ops-color-success: #10b981;--ops-color-warning: #fbbf24;--ops-color-info: #38bdf8;--ops-color-danger: #f87171;--ops-color-border-subtle: rgba(148, 163, 184, .18);--ops-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--ops-font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--ops-radius-xs: 8px;--ops-radius-sm: 14px;--ops-radius-lg: 22px;--ops-radius-pill: 999px;--ops-shadow-lg: 0 24px 50px -30px rgba(15, 23, 42, .8), 0 0 0 1px rgba(148, 163, 184, .08);--ops-shadow-md: 0 18px 35px -28px rgba(15, 23, 42, .9);--ops-shadow-focus: 0 0 0 3px rgba(99, 102, 241, .35);--ops-space-xs: .4rem;--ops-space-sm: .6rem;--ops-space-md: .85rem;--ops-space-lg: 1.15rem}html,body,#root{height:100%}body{margin:0;font-family:var(--ops-font-sans);background:radial-gradient(1400px 700px at 10% -10%,rgba(99,102,241,.14),transparent),radial-gradient(1100px 600px at 90% -20%,rgba(20,184,166,.14),transparent),radial-gradient(900px 600px at 50% 120%,rgba(37,99,235,.08),transparent),linear-gradient(160deg,var(--ops-color-bg),#030712 55%,#020617 100%);color:var(--ops-color-text);min-height:100%;text-rendering:optimizeLegibility}.ops-shell{min-height:100vh;color:var(--ops-color-text)}.ops-surface{background:linear-gradient(165deg,#111827d1,#020617e6);border:1px solid var(--ops-color-surface-border);border-radius:var(--ops-radius-lg);box-shadow:var(--ops-shadow-lg);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.ops-surface--subtle{background:linear-gradient(165deg,#0f172ac7,#020617e0);border-radius:var(--ops-radius-sm);border:1px solid rgba(148,163,184,.12);box-shadow:var(--ops-shadow-md)}.ops-chip{border-radius:var(--ops-radius-pill);background:#94a3b81a;border:1px solid rgba(148,163,184,.18);color:var(--ops-color-text-muted);font-weight:600}.ops-chip--tone-accent{background:#14b8a62e;border-color:#14b8a673;color:var(--ops-color-accent)}.ops-chip--tone-success{background:#10b9812e;border-color:#10b98173;color:var(--ops-color-success)}.ops-chip--tone-warning{background:#fbbf242e;border-color:#fbbf2466;color:var(--ops-color-warning)}.ops-chip--tone-danger{background:#f871711f;border-color:#f8717166;color:var(--ops-color-danger)}.ops-btn{border-radius:var(--ops-radius-sm);font-weight:500;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.ops-btn--size-sm{font-size:.85rem;padding:var(--ops-space-xs) var(--ops-space-sm)}.ops-btn--size-md{font-size:.95rem;padding:var(--ops-space-sm) var(--ops-space-md)}.ops-btn--size-lg{font-size:1rem;padding:var(--ops-space-md) var(--ops-space-lg)}.ops-btn:focus-visible{outline:var(--ops-shadow-focus);outline-offset:2px}.ops-btn--ghost,.ops-btn--secondary{background:#94a3b80f;border:1px solid rgba(148,163,184,.16);color:var(--ops-color-text)}.ops-btn--ghost:hover,.ops-btn--secondary:hover{background:#94a3b81f}.ops-btn--primary,.ops-btn--solid{background:linear-gradient(120deg,var(--ops-color-primary),var(--ops-color-primary-strong));box-shadow:0 16px 30px -18px #6366f1cc;color:#fff}.ops-btn--primary:hover,.ops-btn--solid:hover{background:linear-gradient(120deg,var(--ops-color-primary-strong),var(--ops-color-primary));transform:translateY(-1px)}.ops-btn--outline{border:1px solid rgba(148,163,184,.24);background:#94a3b80f;color:var(--ops-color-text)}.ops-btn--outline:hover{background:#94a3b81f}.ops-btn--danger{border:1px solid rgba(248,113,113,.35);background:#f871711f;color:#fecaca}.ops-btn--danger:hover{background:#f871712e}.ops-btn--link{background:transparent;border-color:transparent;color:var(--ops-color-primary);padding-left:0;padding-right:0}.ops-btn--link:hover{text-decoration:underline}.ops-scrollbar{scrollbar-gutter:stable}.ops-scrollbar::-webkit-scrollbar{width:10px;height:10px}.ops-scrollbar::-webkit-scrollbar-track{background:#0f172a73}.ops-scrollbar::-webkit-scrollbar-thumb{background:#6366f161;border-radius:999px}.ops-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f18c}@media (max-width: 768px){body{background:radial-gradient(900px 480px at 10% -10%,rgba(99,102,241,.18),transparent),radial-gradient(800px 420px at 90% -10%,rgba(20,184,166,.22),transparent),linear-gradient(180deg,var(--ops-color-bg),#020617 85%)}.ops-shell{padding-bottom:76px}}.ops-rail-btn{width:3rem;height:3rem;display:grid;place-items:center;border-radius:1.5rem;border:1px solid var(--ops-color-border-subtle);background:#94a3b80d;color:#94a3b8e6;transition:background .12s ease,border .12s ease,color .12s ease,box-shadow .12s ease}.ops-rail-btn:hover{background:#94a3b81f}.ops-rail-btn--active{border-color:#6366f166;background:#6366f12e;color:#fff;box-shadow:0 0 18px #6366f147}.ops-topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(148,163,184,.18);background:#050816c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ops-mobile-rail{display:flex;gap:.5rem;padding:.4rem .6rem;border-radius:var(--ops-radius-pill);border:1px solid rgba(148,163,184,.15);background:#ffffff0a}.ops-mobile-rail__btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;border-radius:var(--ops-radius-sm);padding:.25rem .4rem;min-width:56px;color:var(--ops-color-text-muted);font-size:.7rem;transition:background .12s ease,color .12s ease}.ops-mobile-rail__btn svg{width:1.1rem;height:1.1rem;color:currentColor}.ops-mobile-rail__btn--active{color:var(--ops-color-text);background:#ffffff14}