:root{--ops-bg: #f5f7fb;--ops-card: #ffffff;--ops-border: #d8dee8;--ops-track: #f8fafc;--ops-track-strong: #f1f5f9;--ops-text: #1f2a37;--ops-muted: #667085;--ops-text-soft: #475569;--ops-accent: #2563eb;--ops-accent-strong: #1d4ed8;--ops-on-accent: #ffffff;--ops-focus-ring: rgba(37, 99, 235, .5);--ops-nav-bg: #111827;--ops-nav-border: rgba(255, 255, 255, .06);--ops-nav-text: #cbd5e1;--ops-nav-muted: #9ca3af;--ops-nav-hover: rgba(37, 99, 235, .24);--ops-nav-control-bg: rgba(15, 23, 42, .4);--ops-nav-control-border: rgba(148, 163, 184, .2);--ops-radius: 8px;--ops-radius-sm: 6px;--ops-shadow-menu: 0 12px 30px rgba(15, 23, 42, .14);--ops-z-sticky: 100;--ops-z-dropdown: 2200;--ops-z-context-menu: 3000;--ops-ease: cubic-bezier(.22, 1, .36, 1);--ops-duration: .18s}body{margin:0;background:var(--ops-bg);color:var(--ops-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--ops-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--ops-accent);outline-offset:2px;border-radius:var(--ops-radius-sm)}.page-container{min-height:100vh;padding:24px;box-sizing:border-box}.ops-card{background:var(--ops-card);border:1px solid var(--ops-border);border-radius:var(--ops-radius);padding:16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}