:root{--bg-app: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-raised: #FFFFFF;--bg-subtle: #F1F5F9;--bg-muted: #E2E8F0;--bg-input: #FFFFFF;--border-subtle: #E2E8F0;--border-active: #CBD5E1;--border-focus: #94A3B8;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--color-brand: #F0B90B;--color-brand-dark: #B78103;--color-brand-subtle: #FEF9C3;--color-brand-text: #854D0E;--color-best: #059669;--color-best-bg: #ECFDF5;--color-best-border: #A7F3D0;--color-best-text: #065F46;--color-rejected: #DC2626;--color-rejected-bg: #FEF2F2;--color-rejected-border: #FECACA;--color-rejected-text: #991B1B;--color-warning: #D97706;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-warning-text: #92400E;--color-accent: #2563EB;--color-accent-bg: #EFF6FF;--color-accent-border: #BFDBFE;--color-accent-text: #1E40AF;--color-neutral: #64748B;--color-neutral-bg: #F1F5F9;--color-neutral-border: #E2E8F0;--color-neutral-text: #334155;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-card: 0 1px 3px 0 rgba(15, 23, 42, .05), 0 2px 4px 0 rgba(15, 23, 42, .02);--shadow-card-hover: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-dropdown: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}.dark{--bg-app: #0B0E14;--bg-surface: #131722;--bg-surface-raised: #181E2B;--bg-subtle: #1E2536;--bg-muted: #2A3349;--bg-input: #151A26;--border-subtle: #202737;--border-active: #2E384D;--border-focus: #475569;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--color-brand: #F0B90B;--color-brand-dark: #FCD535;--color-brand-subtle: rgba(240, 185, 11, .12);--color-brand-text: #FCD535;--color-best: #10B981;--color-best-bg: rgba(16, 185, 129, .12);--color-best-border: rgba(16, 185, 129, .3);--color-best-text: #34D399;--color-rejected: #EF4444;--color-rejected-bg: rgba(239, 68, 68, .12);--color-rejected-border: rgba(239, 68, 68, .3);--color-rejected-text: #F87171;--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-border: rgba(245, 158, 11, .3);--color-warning-text: #FBBF24;--color-accent: #38BDF8;--color-accent-bg: rgba(56, 189, 248, .12);--color-accent-border: rgba(56, 189, 248, .3);--color-accent-text: #7DD3FC;--color-neutral: #94A3B8;--color-neutral-bg: #1E2536;--color-neutral-border: #2A3349;--color-neutral-text: #CBD5E1;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .2);--shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-dropdown: 0 20px 25px -5px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" on,"zero" on;font-variant-numeric:tabular-nums}.app-container{max-width:1240px;margin:0 auto;padding:0 1.5rem 5rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem}.brand-wrapper{display:flex;align-items:center;gap:.85rem}.brand-logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--text-primary);text-decoration:none}.brand-icon{width:32px;height:32px;background:var(--color-brand);color:#000;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;box-shadow:var(--shadow-sm)}.status-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-best-bg);border:1px solid var(--color-best-border);color:var(--color-best-text);font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--color-best);box-shadow:0 0 0 2px var(--color-best-bg);animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.nav-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-xs)}.theme-toggle-btn:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-active)}.btn-github{display:inline-flex;align-items:center;gap:.45rem;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.45rem .9rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s ease;box-shadow:var(--shadow-xs)}.btn-github:hover{background:var(--bg-subtle);border-color:var(--border-active)}.hero{text-align:center;padding:1.5rem 0 2.5rem;max-width:860px;margin:0 auto}.hero-tag{display:inline-flex;align-items:center;gap:.45rem;background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.3rem .85rem;border-radius:var(--radius-full);margin-bottom:1.25rem}.hero-title{font-size:2.75rem;font-weight:800;letter-spacing:-.04em;line-height:1.15;color:var(--text-primary);margin-bottom:1.15rem}.hero-title .brand-gradient{background:linear-gradient(135deg,var(--color-brand-dark) 0%,#EAB308 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;max-width:720px;margin-left:auto;margin-right:auto}.presets-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:2.5rem;box-shadow:var(--shadow-sm)}.presets-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;text-align:left}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem}.preset-chip{display:flex;flex-direction:column;align-items:flex-start;padding:.65rem .85rem;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .15s ease}.preset-chip:hover{background:var(--bg-surface);border-color:var(--color-brand);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.preset-chip.active{background:var(--color-brand-subtle);border-color:var(--color-brand)}.preset-chip-title{font-size:.85rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.preset-chip-desc{font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.tabs-header{display:flex;background:var(--bg-subtle);padding:.35rem;border-radius:var(--radius-md);gap:.25rem;margin-bottom:2rem;border:1px solid var(--border-subtle);overflow-x:auto}.tab-btn{flex:1;padding:.65rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.45rem}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.simulator-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card);margin-bottom:2rem}.simulator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.simulator-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.form-input,.form-select{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.6rem .85rem;border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;outline:none;transition:all .15s ease;box-shadow:var(--shadow-xs)}.form-input:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a}.segmented-control{display:flex;background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:.2rem;border-radius:var(--radius-md);gap:.2rem}.segment-btn{flex:1;padding:.45rem .65rem;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:center}.segment-btn:hover{color:var(--text-primary)}.segment-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.toggle-switch-container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer}.toggle-switch-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.toggle-switch-desc{font-size:.75rem;color:var(--text-muted)}.recompilation-banner{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;margin-bottom:2.5rem}.route-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.35rem;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:all .2s ease;position:relative;overflow:hidden}.route-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.route-card.best{border-color:var(--color-best);background:var(--bg-surface)}.route-card.best:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-best)}.route-card.rejected{opacity:.85;border-color:var(--border-subtle);background:var(--bg-surface)}.route-card.rejected:hover{opacity:1}.route-card.unavailable{opacity:.65;background:var(--bg-subtle)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.15rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-subtle)}.card-venue-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.card-venue-sub{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge.best{background:var(--color-best-bg);border:1px solid var(--color-best-border);color:var(--color-best-text)}.badge.valid{background:var(--color-accent-bg);border:1px solid var(--color-accent-border);color:var(--color-accent-text)}.badge.rejected{background:var(--color-rejected-bg);border:1px solid var(--color-rejected-border);color:var(--color-rejected-text)}.badge.unavailable{background:var(--color-neutral-bg);border:1px solid var(--color-neutral-border);color:var(--color-neutral-text)}.card-section{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:.85rem}.card-section.accent-horizon{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.card-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.65rem;display:flex;align-items:center;justify-content:space-between}.metrics-table{display:flex;flex-direction:column;gap:.45rem}.metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.metric-row.highlight{padding-top:.4rem;margin-top:.2rem;border-top:1px dashed var(--border-active);font-weight:700}.metric-key{color:var(--text-secondary)}.metric-val{font-weight:600;color:var(--text-primary)}.constraints-grid{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.constraint-item{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;padding:.35rem .5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.rationale-box{background:var(--bg-subtle);border-left:3px solid var(--border-active);padding:.65rem .85rem;font-size:.82rem;color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:.85rem;line-height:1.45}.rationale-box.winner{border-left-color:var(--color-best);background:var(--color-best-bg);color:var(--color-best-text)}.rationale-box.rejected{border-left-color:var(--color-rejected);background:var(--color-rejected-bg);color:var(--color-rejected-text)}.data-table-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--shadow-sm);margin-bottom:2rem}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background:var(--bg-subtle);padding:.75rem 1rem;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.data-table td{padding:.9rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-subtle)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.kpi-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.kpi-value{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1;margin-bottom:.35rem}.kpi-desc{font-size:.78rem;color:var(--text-secondary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-brand);color:#000;border:none;border-radius:var(--radius-md);padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:#e5ac00;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-md);padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-active)}.comparison-banner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:var(--shadow-sm)}.comparison-banner.highlight-spot{border-left:4px solid var(--color-best)}.comparison-banner.highlight-hedge{border-left:4px solid var(--color-accent)}.comparison-delta-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-best-bg);border:1px solid var(--color-best-border);color:var(--color-best-text);padding:.4rem .85rem;border-radius:var(--radius-md);font-weight:700;font-size:.9rem}.claims-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:3rem;margin-bottom:2rem}.claim-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all .15s ease}.claim-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-card)}.claim-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand-dark);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.claim-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.claim-text{font-size:.85rem;color:var(--text-secondary);line-height:1.55}.evidence-drawer{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-top:1.25rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.evidence-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.75rem}.evidence-table td{padding:.45rem .5rem;border-bottom:1px solid var(--border-subtle)}.evidence-table td:first-child{color:var(--text-muted);width:45%}.evidence-table td:last-child{color:var(--text-primary);font-weight:600;text-align:right}.footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.replay-selector-bar{display:flex;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.35rem;gap:.35rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.replay-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:.88rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:center}.replay-btn:hover{color:var(--text-primary);background:var(--bg-subtle)}.replay-btn.active{background:var(--color-brand-subtle);border-color:var(--color-brand);color:var(--color-brand-dark);box-shadow:var(--shadow-xs)}.intent-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.intent-quote{font-size:1.05rem;font-weight:600;color:var(--text-primary);line-height:1.5;margin-bottom:.85rem;padding-left:.85rem;border-left:3px solid var(--color-brand)}.intent-pills-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.intent-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.76rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary)}.intent-pill strong{color:var(--text-primary)}.methodology-banner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--color-brand);border-radius:var(--radius-md);padding:.85rem 1.15rem;margin-bottom:1.5rem;font-size:.86rem;line-height:1.5;color:var(--text-secondary)}.methodology-banner strong{color:var(--text-primary)}@media(max-width:768px){.replay-selector-bar{flex-direction:column}.hero-title{font-size:2.15rem}.navbar{flex-direction:column;gap:1rem}.cards-grid,.claims-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:480px){.app-container{padding:0 .85rem 3rem}.hero-title{font-size:1.85rem}.tabs-header{gap:.15rem}.tab-btn{padding:.5rem .65rem;font-size:.8rem}}