:root{--bg-page:#f8f9fb;--bg-surface:#fff;--bg-surface-alt:#f1f3f6;--bg-inset:#edf0f4;--text-primary:#1a1d2e;--text-secondary:#4a4f68;--text-muted:#8590a6;--text-faint:#b0b8c9;--border-default:#dfe3ea;--border-subtle:#eaecf0;--border-strong:#c4cad6;--accent:#2563eb;--accent-soft:#eff4ff;--accent-border:#bfdbfe;--accent-text:#1d4ed8;--color-success:#059669;--color-success-soft:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#d97706;--color-warning-soft:#fffbeb;--color-warning-border:#fde68a;--color-error:#dc2626;--color-error-soft:#fef2f2;--color-error-border:#fecaca;--openai-color:#2563eb;--openai-bg:#eff4ff;--openai-border:#bfdbfe;--anthropic-color:#c026d3;--anthropic-bg:#fdf4ff;--anthropic-border:#e9d5ff;--perplexity-color:#059669;--perplexity-bg:#ecfdf5;--perplexity-border:#a7f3d0;--judge-color:#d97706;--judge-bg:#fffbeb;--judge-border:#fde68a;--font-display:"Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Courier New", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-lg:0 4px 12px #00000014}[data-theme=dark]{--bg-page:#0f1117;--bg-surface:#1a1d2e;--bg-surface-alt:#222639;--bg-inset:#151826;--text-primary:#e8eaf0;--text-secondary:#a0a6be;--text-muted:#6b7394;--text-faint:#464e6e;--border-default:#2a2f45;--border-subtle:#232840;--border-strong:#3a4060;--accent:#3b82f6;--accent-soft:#3b82f61a;--accent-border:#3b82f640;--accent-text:#60a5fa;--color-success:#34d399;--color-success-soft:#34d3991a;--color-success-border:#34d39940;--color-warning:#fbbf24;--color-warning-soft:#fbbf241a;--color-warning-border:#fbbf2440;--color-error:#f87171;--color-error-soft:#f871711a;--color-error-border:#f8717140;--openai-color:#60a5fa;--openai-bg:#3b82f61a;--openai-border:#3b82f640;--anthropic-color:#e879f9;--anthropic-bg:#e879f91a;--anthropic-border:#e879f940;--perplexity-color:#34d399;--perplexity-bg:#34d3991a;--perplexity-border:#34d39940;--judge-color:#fbbf24;--judge-bg:#fbbf241a;--judge-border:#fbbf2440;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 3px #0006, 0 1px 2px #0003;--shadow-lg:0 4px 12px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.5}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1;width:100%;max-width:860px;margin:0 auto;padding:24px 28px 64px}.header{border-bottom:1px solid var(--border-default);background:var(--bg-surface);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:14px 28px;display:flex}.header-brand{cursor:pointer;align-items:baseline;gap:8px;text-decoration:none;display:flex}.header-brand--disabled{cursor:default}.header-title{color:var(--text-primary);letter-spacing:2px;font-size:18px;font-weight:700;font-family:var(--font-display)}.header-suffix{color:var(--text-muted);letter-spacing:.5px;font-size:12px}.header-version{background:var(--accent-soft);color:var(--accent-text);letter-spacing:.5px;border:1px solid var(--accent-border);border-radius:var(--radius-sm);margin-left:4px;padding:2px 8px;font-size:10px;font-weight:600}.header-status{color:var(--text-muted);font-size:12px;font-family:var(--font-sans);flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.header-status--running{color:var(--accent);font-weight:500}.header-status--done{color:var(--color-success);font-weight:500}.demo-notice{background:var(--color-warning-soft);border-bottom:1px solid var(--color-warning-border);align-items:center;gap:10px;padding:8px 28px;display:flex}.demo-notice__badge{color:var(--color-warning);letter-spacing:1px;font-size:10px;font-weight:600;font-family:var(--font-sans);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);flex-shrink:0;padding:1px 8px}.demo-notice__text{color:var(--text-muted);font-size:12px;font-family:var(--font-sans)}.section-label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:600;font-family:var(--font-display);margin-bottom:12px}.preset-grid{margin-bottom:20px}.preset-grid__cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.preset-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);font-family:var(--font-sans);padding:14px;transition:border-color .15s,box-shadow .2s,transform .15s}.preset-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.preset-card:active{transition-duration:50ms;transform:translateY(0)scale(.98)}.preset-card--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.preset-card__icon{margin-bottom:6px;font-size:16px}.preset-card__name{color:var(--text-primary);font-size:14px;font-weight:600;font-family:var(--font-display);margin-bottom:4px}.preset-card--active .preset-card__name{color:var(--accent-text)}.preset-card__desc{color:var(--text-muted);margin-bottom:8px;font-size:12px;line-height:1.5}.preset-card__tier{letter-spacing:.5px;border-radius:var(--radius-sm);padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.pipeline{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:12px 16px}.pipeline__roles{align-items:center;gap:0;display:flex;overflow-x:auto}.pipeline__role-wrapper{flex-shrink:0;align-items:center;display:flex}.pipeline__role{border-radius:var(--radius-sm);border:1px solid;padding:8px 12px}.pipeline__role-label{letter-spacing:1px;margin-bottom:2px;font-size:10px;font-weight:700}.pipeline__role-model{color:var(--text-muted);font-size:10px}.pipeline__arrow{color:var(--text-faint);padding:0 6px;font-size:14px}.input-modes{align-items:center;gap:6px;margin-bottom:12px;display:flex}.input-modes__label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.input-mode-btn{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;padding:5px 14px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s,color .15s,transform .1s}.input-mode-btn:active:not(.input-mode-btn--stub){transform:scale(.96)}.input-mode-btn:hover{border-color:var(--border-strong)}.input-mode-btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.input-mode-btn--stub{color:var(--text-faint);cursor:not-allowed;opacity:.6}.tier-badge{opacity:.8;font-size:10px}.query-box{margin-bottom:20px}.query-box__container{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm);transition:border-color .15s;overflow:hidden}.query-box__container:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.query-box__bar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:8px 14px;display:flex}.query-box__prompt{color:var(--accent);font-size:13px;font-weight:600}.query-box__context{color:var(--text-muted);font-size:11px;font-weight:500}.query-box__tier{letter-spacing:.5px;border-radius:var(--radius-sm);margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.query-box textarea{width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;padding:14px;font-size:14px;line-height:1.6}.query-box textarea::placeholder{color:var(--text-faint)}.query-box__footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.query-box__hint{color:var(--text-muted);font-size:12px}.btn-run{background:var(--accent);color:#fff;font-family:var(--font-sans);letter-spacing:.5px;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-size:13px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s}.btn-run:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb59}.btn-run:active{box-shadow:none;transform:scale(.96)}.btn-run:disabled{background:var(--bg-inset);color:var(--text-faint);cursor:default;box-shadow:none;transform:none}.btn-ghost{border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);background:0 0;padding:5px 14px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s,transform .1s}.btn-ghost:hover{background:var(--bg-surface-alt);border-color:var(--border-strong)}.btn-ghost:active{transform:scale(.96)}.btn-primary-outline{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-text);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);padding:8px 16px;font-size:12px;font-weight:500;transition:background .15s,transform .1s}.btn-primary-outline:hover{background:var(--accent-border)}.btn-primary-outline:active{transform:scale(.96)}.cmd-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.cmd-box__prompt{color:var(--accent);flex-shrink:0;font-size:13px;font-weight:600}.cmd-box__body{flex:1;min-width:0}.cmd-box__label{color:var(--text-muted);font-size:11px;font-weight:500}.cmd-box__query{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;overflow:hidden}.phase-block{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid;margin-bottom:12px;transition:opacity .3s,transform .3s;overflow:hidden}.phase-block--hidden{opacity:0;transform:translateY(8px)}.phase-block--visible{opacity:1;transform:translateY(0)}.phase-block__header{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.phase-block__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.phase-block__dot--active{box-shadow:0 0 8px}.phase-block__label{font-family:var(--font-display);letter-spacing:1px;font-size:13px;font-weight:700}.phase-block__status{color:var(--text-muted);font-size:12px;font-family:var(--font-sans);align-items:center;gap:8px;margin-left:auto;display:flex}.phase-block__check{margin-left:auto;font-size:12px}.phase-block__output{background:var(--bg-surface);font-family:var(--font-sans);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;border-top:1px solid;padding:16px 18px;font-size:14px;line-height:1.75}.model-badge{letter-spacing:.5px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;font-family:var(--font-sans);border:1px solid;flex-shrink:0;padding:2px 8px}.vci-block{border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm);border:1px solid;margin-bottom:12px;padding:16px 18px}.vci-block__header{align-items:center;gap:20px;margin-bottom:12px;display:flex}.vci-block__info{flex:1;min-width:0}.vci-block__title{color:var(--text-secondary);letter-spacing:1px;font-size:13px;font-weight:700;font-family:var(--font-display);margin-bottom:4px}.vci-block__subtitle{color:var(--text-faint);margin-bottom:10px;font-size:11px}.vci-block__confidence{letter-spacing:.5px;font-size:12px;font-weight:700}.vci-block__rationale{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.5}.delta-block{margin-bottom:12px}.delta-critical{background:var(--color-error-soft);border:1px solid var(--color-error-border);border-radius:var(--radius-md);margin-bottom:10px;padding:12px 16px}.delta-critical__label{color:var(--color-error);letter-spacing:1px;margin-bottom:4px;font-size:10px;font-weight:700}.delta-critical__text{color:#991b1b;font-size:13px;line-height:1.5}.delta-changes{background:var(--color-warning-soft);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);margin-bottom:10px;padding:14px 16px}.delta-changes__label{color:var(--color-warning);letter-spacing:1px;margin-bottom:10px;font-size:10px;font-weight:700}.delta-change-item{gap:10px;margin-bottom:6px;display:flex}.delta-change-item__arrow{color:var(--color-warning);flex-shrink:0;font-size:13px}.delta-change-item__text{color:#92400e;font-size:13px;line-height:1.5}.delta-proceed{border:1px solid var(--color-success-border);border-radius:var(--radius-md);background:var(--color-success-soft);padding:12px 16px}.delta-proceed__label{color:var(--color-success);letter-spacing:1px;font-size:10px;font-weight:700}.delta-proceed__text{color:#065f46;font-size:13px;line-height:1.5}.user-bar{font-size:12px;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.user-bar__ledger{letter-spacing:.5px;font-size:11px}.user-bar__separator{color:var(--text-faint)}.user-bar__name{color:var(--text-secondary);font-size:11px}.user-bar__credits{color:var(--color-success);font-size:11px;font-weight:600}.user-bar__buy-wrapper{position:relative}.user-bar__buy{color:var(--accent);font-size:10px}.user-bar__dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;min-width:140px;margin-top:6px;padding:4px;position:absolute;top:100%;right:0}.user-bar__pack{text-align:left;width:100%;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 12px;font-size:11px;display:block}.user-bar__pack:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.header-right{align-items:center;gap:10px;display:flex}.header-tagline{display:none}@media (width>=640px){.header-tagline{display:inline}}.theme-toggle{background:var(--bg-surface-alt);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;line-height:1;transition:background .15s,border-color .15s,transform .1s;display:flex}.theme-toggle:hover{border-color:var(--border-strong);background:var(--bg-inset)}.theme-toggle:active{transform:scale(.9)}.vci-gauge{flex-shrink:0;width:100px;height:100px;position:relative}.vci-gauge__svg{width:100px;height:100px;transform:rotate(-90deg)}.vci-gauge__track{fill:none;stroke:var(--bg-inset);stroke-width:6px}.vci-gauge__fill{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1.2s ease-out}.vci-gauge__score{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vci-gauge__number{font-size:24px;font-weight:700;font-family:var(--font-display);line-height:1}.vci-gauge__max{color:var(--text-faint);font-size:10px;font-weight:500}.verdict-complete{border:1px solid var(--accent-border);border-radius:var(--radius-lg);background:var(--accent-soft);text-align:center;box-shadow:var(--shadow-md);padding:20px}.verdict-complete__title{color:var(--accent-text);letter-spacing:2px;font-size:14px;font-weight:700;font-family:var(--font-display);margin-bottom:6px}.verdict-complete__meta{color:var(--text-muted);margin-bottom:16px;font-size:12px}.verdict-complete__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.error-box{color:var(--color-error);border:1px solid var(--color-error-border);border-radius:var(--radius-md);background:var(--color-error-soft);padding:12px 16px;font-size:13px}.analysis-section{border-top:1px solid var(--border-default);margin-top:18px;padding-top:16px}.ledger-entry{border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-surface);box-shadow:var(--shadow-sm);margin-bottom:8px;padding:12px 16px;transition:border-color .15s,box-shadow .2s,transform .15s}.ledger-entry:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ledger-entry:active{transform:translateY(0)scale(.99)}.ledger-entry__row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ledger-entry__body{flex:1;min-width:0}.ledger-entry__query{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:13px;font-weight:500;overflow:hidden}.ledger-entry__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ledger-entry__meta-item{color:var(--text-muted);font-size:12px}.ledger-entry__sep{color:var(--border-default)}.ledger-entry__vci{letter-spacing:.5px;font-size:11px;font-weight:600}.ledger-entry__tag{letter-spacing:.5px;border-radius:var(--radius-sm);border:1px solid;flex-shrink:0;padding:2px 10px;font-size:10px;font-weight:600}.ledger-footer{color:var(--text-faint);margin-top:6px;font-size:11px}.ledger-view__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.ledger-view__sub{color:var(--text-faint);margin-top:2px;font-size:11px}.ledger-view__empty{color:var(--text-muted);text-align:center;padding:32px 0;font-size:13px}.replay-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.replay-label{color:var(--text-muted);font-size:12px;font-weight:500}.replay-query-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:12px 16px}.replay-query-box__meta{color:var(--text-muted);margin-bottom:6px;font-size:12px}.replay-query-box__text{color:var(--text-primary);font-size:14px;line-height:1.6}.spinner{font-family:var(--font-mono)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}[data-theme=dark] .delta-critical__text{color:#fca5a5}[data-theme=dark] .delta-change-item__text{color:#fde68a}[data-theme=dark] .delta-proceed__text{color:#a7f3d0}[data-theme=dark] .btn-primary-outline:hover{background:#3b82f633}[data-theme=dark] .btn-run:hover{background:#2563eb;box-shadow:0 4px 14px #3b82f64d}@media (width<=640px){.header{padding:12px 16px}.app-content{padding:16px 16px 48px}.demo-notice{padding:6px 16px}.preset-grid__cards{grid-template-columns:1fr}}