:root{color-scheme:light;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--bg-canvas: #fafafa;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f4f4f5;--border-subtle: #e4e4e7;--border-strong: #d4d4d8;--border-glow: rgba(9, 9, 11, .08);--text-primary: #09090b;--text-secondary: #52525b;--text-muted: #a1a1aa;--text-code: #0284c7;--logo-bg: #09090b;--logo-glyph: #ffffff;--accent-primary: #09090b;--accent-primary-hover: #27272a;--accent-primary-subtle: rgba(9, 9, 11, .05);--accent-primary-text: #ffffff;--accent-lime: #65a30d;--accent-lime-subtle: rgba(101, 163, 13, .1);--accent-cyan: #0284c7;--accent-cyan-hover: #0369a1;--accent-cyan-subtle: rgba(2, 132, 199, .12);--accent-cyan-text: #ffffff;--accent-emerald: #059669;--accent-emerald-subtle: rgba(5, 150, 105, .1);--accent-indigo: #4f46e5;--accent-indigo-subtle: rgba(79, 70, 229, .1);--accent-amber: #d97706;--accent-amber-subtle: rgba(217, 119, 6, .1);--accent-rose: #e11d48;--accent-rose-subtle: rgba(225, 29, 72, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--chart-grid: #f4f4f5;--chart-axis: #71717a;--chart-tooltip-bg: #ffffff;--chart-tooltip-border: #e4e4e7;--chart-tooltip-text: #09090b}[data-theme=dark]{color-scheme:dark;--bg-canvas: #06070a;--bg-surface: #0a0d14;--bg-card: #0d111a;--bg-card-hover: #131926;--border-subtle: #18202f;--border-strong: #253046;--border-glow: rgba(210, 248, 35, .25);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-code: #38bdf8;--logo-bg: #d2f823;--logo-glyph: #06070a;--accent-primary: #d2f823;--accent-primary-hover: #e0fa52;--accent-primary-subtle: rgba(210, 248, 35, .12);--accent-primary-text: #06070a;--accent-lime: #d2f823;--accent-lime-subtle: rgba(210, 248, 35, .15);--accent-cyan: #38bdf8;--accent-cyan-hover: #7dd3fc;--accent-cyan-subtle: rgba(56, 189, 248, .25);--accent-cyan-text: #06070a;--accent-emerald: #10b981;--accent-emerald-subtle: rgba(16, 185, 129, .15);--accent-indigo: #818cf8;--accent-indigo-subtle: rgba(129, 140, 248, .15);--accent-amber: #f59e0b;--accent-amber-subtle: rgba(245, 158, 11, .15);--accent-rose: #f43f5e;--accent-rose-subtle: rgba(244, 63, 94, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .6);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .8), 0 4px 6px -4px rgba(0, 0, 0, .6);--chart-grid: #141b29;--chart-axis: #64748b;--chart-tooltip-bg: #0a0d14;--chart-tooltip-border: #253046;--chart-tooltip-text: #f8fafc}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease;min-height:100vh}code,pre,.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:1.5rem 2rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card:hover{border-color:var(--border-strong)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .15s ease,box-shadow .15s ease}.kpi-card:hover{border-color:var(--border-strong)}.kpi-card .kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.kpi-card .kpi-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.kpi-card .kpi-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.kpi-card .kpi-subtext{font-size:.75rem;color:var(--text-muted);margin-top:.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:600;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);border:1px solid transparent;outline:none;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--accent-primary);color:var(--accent-primary-text);border-color:transparent}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:0 0 16px var(--accent-primary-subtle);transform:translateY(-1px)}.btn-cyan{background:var(--accent-cyan);color:var(--accent-cyan-text);border-color:transparent;font-weight:700}.btn-cyan:hover{background:var(--accent-cyan-hover);box-shadow:0 0 16px var(--accent-cyan-subtle);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-subtle)}.btn-outline:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-card-hover)}.btn-sm{padding:.3rem .6rem;font-size:.75rem;border-radius:6px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .85s linear infinite}.input-text,.select-input,.textarea-input{width:100%;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:8px;padding:.5rem .75rem;color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-text:focus,.select-input:focus,.textarea-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-subtle)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-success{background:var(--accent-emerald-subtle);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:var(--accent-amber-subtle);color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.badge-danger{background:var(--accent-rose-subtle);color:var(--accent-rose);border:1px solid rgba(244,63,94,.3)}[data-theme=light] .badge-success{background:#0596691a;color:#047857;border-color:#05966947}[data-theme=light] .badge-danger{background:#e11d4814;color:#be123c;border-color:#e11d4847}[data-theme=dark] .badge-success{background:#10b98126;color:#34d399;border-color:#10b98159}[data-theme=dark] .badge-danger{background:#f43f5e26;color:#fb7185;border-color:#f43f5e59}.badge-neutral{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-primary{background:var(--accent-primary-subtle);color:var(--accent-primary);border:1px solid rgba(210,248,35,.3)}[data-theme=light] .badge-primary{background:var(--accent-primary-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.badge-info{background:var(--accent-cyan-subtle);color:var(--accent-cyan);border:1px solid rgba(2,132,199,.3)}[data-theme=dark] .badge-info{background:var(--accent-cyan-subtle);color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3)}.badge-alias-fast{background:#06b6d41a;color:#0891b2;border:1px solid rgba(6,182,212,.35);font-weight:700;letter-spacing:.05em;padding:.2rem .65rem;border-radius:9999px;font-size:.7rem;text-transform:uppercase}[data-theme=dark] .badge-alias-fast{background:#38bdf826;color:#38bdf8;border-color:#38bdf873;box-shadow:0 0 8px #38bdf826}.badge-alias-smart{background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.35);font-weight:700;letter-spacing:.05em;padding:.2rem .65rem;border-radius:9999px;font-size:.7rem;text-transform:uppercase}[data-theme=dark] .badge-alias-smart{background:#818cf82e;color:#a5b4fc;border-color:#818cf873;box-shadow:0 0 8px #818cf826}.badge-alias-auto{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.35);font-weight:700;letter-spacing:.05em;padding:.2rem .65rem;border-radius:9999px;font-size:.7rem;text-transform:uppercase}[data-theme=dark] .badge-alias-auto{background:#f59e0b29;color:#fbbf24;border-color:#f59e0b66;box-shadow:0 0 8px #f59e0b1f}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-subtle);overscroll-behavior-x:contain;overscroll-behavior-y:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}thead{background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}th{padding:.75rem 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}td{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-card-hover)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}body.modal-open{overflow:hidden!important;scrollbar-gutter:stable}.modal-overlay,.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overscroll-behavior:contain}.modal-content,.modal-dialog{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:14px;padding:1.75rem;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg),0 25px 50px -12px #0006;position:relative;display:flex;flex-direction:column;overscroll-behavior:contain}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.modal-spec-grid{display:flex;flex-direction:column;gap:.65rem;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem 1.15rem;font-size:.8125rem}.modal-spec-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem 1rem;padding:.25rem 0}.modal-spec-label{color:var(--text-secondary);font-weight:500;min-width:160px;flex:1 0 160px}.modal-spec-value{font-weight:600;text-align:right;flex:1 1 auto}.modal-footer-pills{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.75rem;color:var(--text-muted);line-height:1.4}.modal-footer-item{display:inline-flex;align-items:center;gap:.45rem;flex:1 1 auto;min-width:200px}.modal-footer-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}@media(max-width:640px){.modal-dialog{padding:1.25rem;max-height:95vh}.modal-spec-label{min-width:100%}.modal-spec-value{text-align:left;width:100%}.modal-footer-item{min-width:100%}}.pulse-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--accent-emerald);box-shadow:0 0 #10b98166;animation:pulse-emerald 2s infinite;transition:background-color .3s ease,box-shadow .3s ease;vertical-align:middle}.pulse-indicator.prod-online,.pulse-indicator.online{background-color:var(--accent-emerald);box-shadow:0 0 #10b98166;animation:pulse-emerald 2s infinite}.pulse-indicator.prod-offline,.pulse-indicator.offline,.pulse-indicator.is-offline{background-color:var(--accent-rose);box-shadow:0 0 #f43f5e66;animation:pulse-rose 2s infinite}.pulse-indicator.sandbox-online{background-color:var(--accent-amber);box-shadow:0 0 #f59e0b66;animation:pulse-amber 2s infinite}.pulse-indicator.sandbox-offline{background-color:#d97706;box-shadow:0 0 #d977064d;animation:pulse-amber-subtle 3s infinite}.pulse-indicator.checking{background-color:var(--accent-cyan);box-shadow:0 0 #06b6d466;animation:pulse-cyan 1.5s infinite}@keyframes pulse-emerald{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-rose{0%{box-shadow:0 0 #f43f5eb3}70%{box-shadow:0 0 0 8px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}@keyframes pulse-amber{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes pulse-amber-subtle{0%{box-shadow:0 0 #d9770680}70%{box-shadow:0 0 0 6px #d9770600}to{box-shadow:0 0 #d9770600}}@keyframes pulse-cyan{0%{box-shadow:0 0 #06b6d4b3}70%{box-shadow:0 0 0 8px #06b6d400}to{box-shadow:0 0 #06b6d400}}[data-theme=dark] .pulse-indicator.prod-online,[data-theme=dark] .pulse-indicator.online{background-color:var(--accent-emerald);box-shadow:0 0 #10b98166}[data-theme=dark] .pulse-indicator.prod-offline,[data-theme=dark] .pulse-indicator.offline,[data-theme=dark] .pulse-indicator.is-offline{background-color:var(--accent-rose);box-shadow:0 0 #f43f5e66}[data-theme=dark] .pulse-indicator.sandbox-online{background-color:var(--accent-amber);box-shadow:0 0 #f59e0b66}[data-theme=dark] .pulse-indicator.sandbox-offline{background-color:#d97706;box-shadow:0 0 #d977064d}[data-theme=dark] .pulse-indicator.checking{background-color:var(--accent-cyan);box-shadow:0 0 #06b6d466}.openrouter-hero-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:2rem}.openrouter-tab-bar{display:flex;align-items:center;padding:.6rem 1.25rem;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.openrouter-banner-body{padding:3.5rem 2rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:relative}.openrouter-tagline{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary)}.openrouter-subtext{font-size:1rem;color:var(--text-secondary);max-width:680px;line-height:1.6}.openrouter-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;width:100%;max-width:980px;margin:1.5rem auto 0}@media(max-width:900px){.openrouter-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.openrouter-stats-grid{grid-template-columns:1fr}}.openrouter-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem 1.15rem;text-align:left;transition:border-color .15s ease,transform .15s ease}.openrouter-stat-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.openrouter-stat-number{font-size:1.85rem;font-weight:900;letter-spacing:-.03em;font-family:var(--font-mono);line-height:1.1;color:var(--text-primary)}.openrouter-stat-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-top:.35rem}.openrouter-stat-desc{font-size:.725rem;color:var(--text-secondary);margin-top:.25rem}.openrouter-pill-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.pill-link{display:inline-flex;align-items:center;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-card);overflow:hidden;font-size:.75rem;text-decoration:none;transition:border-color .15s ease}.pill-link:hover{border-color:var(--border-strong)}.pill-link-tag{background:var(--bg-card-hover);padding:.35rem .6rem;font-weight:800;font-size:.65rem;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;border-right:1px solid var(--border-subtle)}.pill-link-val{padding:.35rem .75rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.author-nav-badge,.author-nav-badge:hover,.author-nav-badge:focus,.author-nav-badge:active,.author-nav-badge *{text-decoration:none!important}.author-nav-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .75rem;border-radius:9999px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:-.01em;transition:all .2s cubic-bezier(.16,1,.3,1)}.author-nav-badge:hover{border-color:var(--accent-lime);color:var(--text-primary);background:var(--bg-card-hover);text-decoration:none!important;box-shadow:0 0 10px #d2f82326}.author-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-lime);box-shadow:0 0 6px var(--accent-lime);flex-shrink:0}.author-name{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:inherit;text-decoration:none!important}@media(max-width:1240px){.author-nav-badge{display:none!important}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.theme-segmented-control{display:inline-flex;align-items:center;gap:2px;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:8px;padding:2px}.theme-segmented-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.theme-segmented-btn:hover{color:var(--text-secondary);background:var(--bg-card-hover)}.theme-segmented-btn.active{background:var(--bg-card);color:var(--accent-lime);box-shadow:0 1px 3px #00000040}[data-theme=light] .theme-segmented-btn.active{color:var(--accent-cyan);box-shadow:0 1px 2px #00000014}.playground-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:1.5rem;align-items:start}@media(max-width:960px){.playground-grid{grid-template-columns:1fr}}
