@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:wght@400;500&display=swap";:root{--bg-base:#0a0c10;--bg-surface:#0f1117;--bg-elevated:#151820;--bg-hover:#1a1e28;--bg-active:#1e2330;--bg-input:#131620;--border-subtle:#1c2030;--border-default:#252a38;--border-strong:#313848;--text-primary:#e8eaf0;--text-secondary:#a8b2c4;--text-muted:#525d72;--text-disabled:#343d4e;--accent:#4f9eff;--accent-dim:#4f9eff1f;--accent-border:#4f9eff4d;--accent-hover:#6aadff;--green:#2dd4a0;--green-dim:#2dd4a01f;--red:#ff5f6d;--red-dim:#ff5f6d1f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--purple:#a78bfa;--purple-dim:#a78bfa1f;--teal:#2dd4bf;--teal-dim:#2dd4bf1f;--sky:#38bdf8;--sky-dim:#38bdf81f;--indigo:#7c6fff;--indigo-dim:#7c6fff1f;--rail-width:224px;--header-height:52px;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.5px;--tracking-normal:0px;--tracking-wide:.5px;--tracking-wider:.7px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.3s;--ease-default:cubic-bezier(.4, 0, .2, 1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--overlay:#00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans)}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-nav{z-index:9999;background:var(--accent);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-md);transition:top var(--duration-fast);padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;position:absolute;top:-100%;left:8px}.skip-nav:focus{top:8px}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-md)}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}h1{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-weight:700;line-height:var(--leading-tight)}h2{font-size:var(--text-md);letter-spacing:-.2px;color:var(--text-primary);font-weight:600;line-height:var(--leading-tight)}h3{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;line-height:var(--leading-tight)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){@keyframes clario-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}}.fade-up{animation:fadeUp var(--duration-base) var(--ease-default) forwards}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{width:12px;height:12px}.btn{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);white-space:nowrap;border:1px solid #0000;padding:7px 14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-subtle{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}.btn-subtle:hover{background:var(--bg-hover);color:var(--text-primary)}.badge{border-radius:var(--radius-xs);letter-spacing:.2px;font-size:11px;font-weight:500;font-family:var(--font-mono);line-height:var(--leading-tight);align-items:center;padding:2px 7px;display:inline-flex}.badge-blue{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border)}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #2dd4a040}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid #ff5f6d40}.badge-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b40}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid #a78bfa40}.badge-muted{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.chip{border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-muted);font-weight:400;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), font-weight 0s;background:0 0;align-items:center;padding:4px 12px;display:inline-flex}.chip[aria-pressed=true],.chip.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent);font-weight:600}.chip:hover:not(.active):not([aria-pressed=true]){background:var(--bg-elevated);color:var(--text-secondary)}.input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-default);outline:none;padding:9px 12px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent)}.search-pair{align-items:stretch;display:flex}.search-pair .input{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;flex:1}.search-pair .search-btn{border-radius:0 var(--radius-md) var(--radius-md) 0;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);border-left:none;padding:0 14px}.search-pair .search-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-pair:focus-within .input,.search-pair:focus-within .search-btn{border-color:var(--accent)}.divider{background:var(--border-subtle);border:none;height:1px}.loading-row{height:200px;color:var(--text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.empty-state{justify-content:center;align-items:center;gap:var(--space-2);height:160px;color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.empty-state .empty-icon{opacity:.2;font-size:24px}.table-scroll-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=768px){:root{--rail-width:0px}.rail-mobile-hidden{z-index:200;height:100%;transition:transform var(--duration-base) var(--ease-default);box-shadow:var(--shadow-lg);top:0;left:0;transform:translate(-100%);position:fixed!important}body.rail-open .rail-mobile-hidden{transform:translate(0)}.rail-overlay{background:var(--overlay);z-index:199;display:none;position:fixed;inset:0}body.rail-open .rail-overlay{display:block}.hamburger-btn{display:flex!important}.home-tiles-grid{grid-template-columns:1fr 1fr!important}.header-search{width:200px!important}}@media (width<=480px){.home-tiles-grid{grid-template-columns:1fr!important}.header-search{width:160px!important}}.hamburger-btn{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chip-group-lbl{font:500 9.5px var(--font-mono);color:var(--text-disabled);letter-spacing:.7px;text-transform:uppercase}