:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#132238;background:radial-gradient(circle at top left,rgba(223,236,246,.9),transparent 32%),linear-gradient(180deg,#edf1f5,#f7f3eb);line-height:1.5;font-weight:400;--panel: rgba(255, 253, 248, .88);--panel-strong: #fffdfa;--border: #cfd8df;--accent: #204b76;--accent-soft: #e0ebf5;--text-muted: #5d6978;--good: #2f6f58;--warn: #a64e41;--neutral-bar: #d9e0e6;--shadow: 0 24px 60px rgba(17, 29, 45, .09)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit}#root{min-height:100vh}.app-shell{max-width:1280px;margin:0 auto;padding:36px 24px 48px}.hero{margin-bottom:28px}.eyebrow{display:inline-block;margin-bottom:8px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.hero h1{margin:0 0 10px;font-size:clamp(2.2rem,4vw,4rem);line-height:.92;letter-spacing:-.04em}.hero p{max-width:760px;margin:0;color:var(--text-muted)}.workspace-grid{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);gap:24px}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.panel h2,.panel h3{margin-top:0}.left-column,.right-column{display:grid;gap:18px;align-content:start}.section-block,.info-panel{display:grid;gap:12px}.subsection-block{display:grid;gap:8px}.subsection-block h4{margin:0;font-size:.95rem;color:var(--text-muted)}.section-header,.info-panel-header,.metric-header,.metric-values,.variant-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-label,.info-panel-label,.selected-quote-label,.variant-card-id{display:inline-flex;width:fit-content;padding:4px 9px;border-radius:999px;background:#eef3f7;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.selected-quote{padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#f7fafc,#edf3f8);border:1px solid var(--border)}.selected-quote p{margin:10px 0 0;font-size:1.04rem}.variant-list{display:grid;gap:14px}.variant-card{width:100%;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel-strong);text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.variant-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 16px 28px #204b7614}.variant-card.active{border-color:var(--accent);background:linear-gradient(180deg,#f6fbff 0%,var(--accent-soft) 100%);box-shadow:0 16px 28px #204b761f}.variant-card-id{background:#e8eef5}.variant-card-intent{color:var(--text-muted);text-transform:capitalize;font-size:.88rem}.variant-card p{margin:0 0 10px;font-size:.98rem}.tags,.state-grid,.cue-grid,.reason-list{display:grid;gap:10px}.tags{grid-template-columns:repeat(auto-fit,minmax(120px,max-content))}.tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#ede7da;color:#5b4b2f;font-size:.84rem}.state-grid{grid-template-columns:1fr}.metric{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--border)}.metric strong,.cue-card strong{display:block;margin-bottom:4px}.metric-values{align-items:baseline;margin-bottom:10px}.metric-values span:first-child{font-size:1.2rem;font-weight:700}.metric-positive{box-shadow:inset 0 0 0 1px #2f6f5814}.metric-negative{box-shadow:inset 0 0 0 1px #a64e4114}.state-bar-track{height:12px;border-radius:999px;background:var(--neutral-bar);overflow:hidden}.state-bar-fill{height:100%;border-radius:inherit;transform-origin:left center;animation:state-bar-enter .42s ease}.state-bar-fill.positive{background:linear-gradient(90deg,#4c8f74,#6fb08f)}.state-bar-fill.negative{background:linear-gradient(90deg,#b35c50,#d88978)}.delta{font-weight:700}.delta.positive{color:var(--good)}.delta.negative{color:var(--warn)}.cue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cue-card{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--border)}.reason-item{padding:11px 12px;border-radius:14px;background:#fff;border:1px solid var(--border);color:var(--text-muted)}.competing-pull,.trace-note{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#f7f9fb}.trace-note{color:var(--text-muted)}.trace-disclosure{border-top:1px solid rgba(95,105,120,.16);padding-top:12px}.trace-disclosure summary{cursor:pointer;color:var(--accent);font-weight:600;list-style:none}.trace-disclosure summary::-webkit-details-marker{display:none}.trace-block,.trace-reason-list{display:grid;gap:10px}.trace-block{margin-top:14px}.trace-card{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--border)}.trace-card-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.trace-score,.trace-empty{color:var(--text-muted)}.trace-reason{padding:9px 10px;border-radius:12px;background:#f7f9fb;color:var(--text-muted)}.subtle{color:var(--text-muted)}@keyframes state-bar-enter{0%{transform:scaleX(.15);filter:brightness(1.1)}to{transform:scaleX(1);filter:brightness(1)}}@media (max-width: 960px){.workspace-grid,.cue-grid{grid-template-columns:1fr}}