:root,:root[data-theme=dark]{--bg: #0b0c0e;--surface: #14161a;--surface-hover: #1b1e23;--surface-elevated: #1f2228;--border: #22262c;--border-strong: #2e333b;--text: #e6e7e9;--text-dim: #8a8e96;--text-muted: #5b6068;--accent: #ff7a1a;--accent-soft: #ffb47a;--accent-bg: rgba(255, 122, 26, .08);--ok: #4ade80;--err: #f87171;--unknown: #6b7280;--bg-grid: rgba(255, 255, 255, .018);--bg-noise-opacity: .025;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 1px var(--accent), 0 0 24px rgba(255, 122, 26, .25);--backdrop-blur: saturate(180%) blur(12px)}:root[data-theme=light]{--bg: #f7f6f3;--surface: #ffffff;--surface-hover: #f0eeea;--surface-elevated: #ffffff;--border: #e4e1db;--border-strong: #c9c5bd;--text: #15171a;--text-dim: #6b6f77;--text-muted: #8e9098;--accent: #d2480d;--accent-soft: #ff9858;--accent-bg: rgba(210, 72, 13, .07);--ok: #16a34a;--err: #dc2626;--unknown: #9ca3af;--bg-grid: rgba(0, 0, 0, .025);--bg-noise-opacity: .04;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 8px 32px rgba(0, 0, 0, .08);--shadow-glow: 0 0 0 1px var(--accent), 0 0 24px rgba(210, 72, 13, .18)}:root{--font-display: "Instrument Serif", "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-sans: "Manrope", system-ui, -apple-system, sans-serif;--container-max: 1280px;--header-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--ease: cubic-bezier(.32, .72, .32, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s;--t-med: .24s;--t-slow: .48s;color-scheme:dark light}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.55;font-feature-settings:"ss01","cv11";min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 70%)}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:var(--bg-noise-opacity);pointer-events:none;z-index:0;mix-blend-mode:overlay}img,svg{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}input{font:inherit;color:inherit;background:none;border:none;outline:none}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:1}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.mono-sm{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--text-dim)}main,.container{position:relative;z-index:1}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-5)}@media(min-width:768px){.container{padding:0 var(--space-6)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>*:nth-child(1){transition-delay:0ms}.reveal-stagger>*:nth-child(2){transition-delay:60ms}.reveal-stagger>*:nth-child(3){transition-delay:.12s}.reveal-stagger>*:nth-child(4){transition-delay:.18s}.reveal-stagger>*:nth-child(5){transition-delay:.24s}.reveal-stagger>*:nth-child(6){transition-delay:.3s}.reveal-stagger>*:nth-child(7){transition-delay:.36s}.reveal-stagger>*:nth-child(8){transition-delay:.42s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:var(--bg)}.card{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);position:relative;overflow:hidden;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease-out)}.card:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.card:hover .card__arrow{color:var(--accent);opacity:1;transform:translate(2px,-2px)}.card:hover .card__icon{color:var(--accent)}.card__status{width:8px;height:8px;border-radius:50%;background:var(--unknown);flex-shrink:0;transition:background var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);position:relative}.card__status[data-status=ok]{background:var(--ok);box-shadow:0 0 0 3px color-mix(in oklab,var(--ok) 18%,transparent);animation:status-pulse 2.4s var(--ease) infinite}.card__status[data-status=err]{background:var(--err)}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in oklab,var(--ok) 18%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--ok) 8%,transparent)}}.card__icon{color:var(--text-dim);flex-shrink:0;display:inline-flex;align-items:center;transition:color var(--t-fast) var(--ease)}.card__icon img{width:16px;height:16px}.card__name{font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__arrow{width:12px;height:12px;color:var(--text-muted);opacity:0;flex-shrink:0;transition:color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease-out)}