:root{color-scheme:dark;font-family:SF Pro Display,PingFang SC,Helvetica Neue,sans-serif;background:#0b1017;color:#edf3ff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(255,122,26,.14),transparent 20%),radial-gradient(circle at 85% 10%,rgba(56,139,255,.14),transparent 24%),linear-gradient(180deg,#0b1017,#101824 45%,#0d131c)}body{min-height:100vh;line-height:1.5;color:#edf3ff}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.appShell{padding:28px}.hero{display:grid;grid-gap:20px;gap:20px;margin-bottom:24px}.heroDark{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(135deg,rgba(255,122,26,.15),transparent 28%),linear-gradient(180deg,rgba(18,26,39,.95),rgba(12,18,28,.98));box-shadow:0 20px 60px rgba(0,0,0,.28)}.hero h1{margin:0 0 12px;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.02}.heroText{max-width:920px;margin:0;color:#a5b4c8;font-size:1.05rem}.eyebrow{margin:0 0 8px;letter-spacing:.08em;color:#ff934d}.eyebrow,.label{font-size:.78rem;text-transform:uppercase}.label{display:inline-block;margin-bottom:8px;color:#8fa2bb;font-weight:600;letter-spacing:.04em}.heroMetaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.quickStartBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.quickStep{display:grid;grid-template-columns:40px minmax(0,1fr);grid-gap:12px;gap:12px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.quickStep strong{display:block;margin-bottom:4px;color:#f7fbff}.quickStep p{margin:0;color:#96a8be;font-size:.92rem}.quickIndex{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#ff7a1a,#ff5f3d);color:#fff;font-weight:700}.ghostButton,.heroMetric,.panel,.presetCard{border:1px solid rgba(255,255,255,.08);background:rgba(15,21,32,.92);border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.18)}.heroMetric{padding:16px 18px}.heroMetric strong,.metricCard strong,.stateCard strong{display:block;color:#f7fbff;font-size:1.05rem}.heroMetric small{color:#90a0b4}.topBar{margin-bottom:24px}.topBar h2{margin:0;font-size:1.35rem;color:#f7fbff}.presetGrid{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px}.presetGrid,.presetHero{display:grid;gap:12px;margin-top:14px}.presetHero{grid-template-columns:minmax(320px,1.15fr) minmax(320px,1fr);grid-gap:12px}.presetPrimaryCard{display:grid;grid-gap:18px;gap:18px;padding:22px;border-radius:24px;border:1px solid rgba(255,122,26,.28);background:linear-gradient(135deg,rgba(255,122,26,.16),rgba(255,255,255,.03) 42%),rgba(15,21,32,.94);box-shadow:0 18px 40px rgba(0,0,0,.2)}.presetPrimaryCard h3,.presetPrimaryCard p{margin:0}.presetPrimaryCard h3{margin-bottom:8px;font-size:1.45rem;color:#fff5ee}.presetPrimaryCard p{color:#c4d0df}.primaryButtonLarge{padding:14px 18px;font-weight:700}.presetSecondaryGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.presetCard{display:grid;grid-gap:14px;gap:14px;padding:16px}.presetCardDark h3,.presetCardDark p{margin:0}.presetCardDark p{color:#9cacbf}.presetActions{display:flex;gap:10px}.ghostButton,.presetActions button,.primaryButton{padding:11px 15px;border-radius:14px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.primaryButton{background:linear-gradient(135deg,#ff7a1a,#ff5f3d);color:white}.ghostButton,.presetActions button:not(.primaryButton){background:rgba(255,255,255,.02);color:#d8e2f0;border:1px solid rgba(255,255,255,.1)}.ghostButton:hover,.presetActions button:hover,.primaryButton:hover,.timelineCard:hover{transform:translateY(-1px)}.strategyGrid{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.35fr);grid-gap:18px;gap:18px}.leftRail,.rightStage{display:grid;grid-gap:18px;gap:18px;align-content:start}.panel{display:grid;grid-gap:16px;gap:16px;padding:18px}.panelDark{background:linear-gradient(180deg,rgba(18,25,37,.98),rgba(12,18,28,.98))}.panelHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panelHeader h3,.recommendationHeader h4{margin:0;color:#f7fbff}.pill{display:inline-flex;align-items:center;height:-moz-fit-content;height:fit-content;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#d7e0ec;font-size:.8rem;font-weight:600}.pill.accent{background:rgba(255,122,26,.14);color:#ffb480}.timeline{display:grid;grid-gap:12px;gap:12px;max-height:420px;overflow:auto}.timelineCard{width:100%;text-align:left;padding:14px;border-radius:18px}.timelineCardDark{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.timelineCard.isSelected{border-color:rgba(255,122,26,.7);background:linear-gradient(180deg,rgba(255,122,26,.12),rgba(255,255,255,.04))}.badgeRow,.metricRow,.timelineBadges,.timelineMeta{display:flex;flex-wrap:wrap;gap:8px}.metricRow3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.timelineMeta{justify-content:space-between;margin-bottom:8px;color:#7f93ad;font-size:.88rem}.timelineQuery{margin:0 0 12px;font-size:1rem;color:#eff4fb}.tag{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.78rem;font-weight:600}.tagOrange{background:rgba(255,122,26,.14);color:#ffb480}.tagSlate{background:rgba(255,255,255,.08);color:#ced7e5}.composer{display:grid;grid-gap:12px;gap:12px}.composer textarea{width:100%;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#f3f8ff;resize:vertical}.composer textarea::placeholder{color:#70839c}.emptyState{padding:18px;border-radius:18px}.darkEmpty{background:rgba(255,255,255,.03);color:#8fa2bb;border:1px dashed rgba(255,255,255,.12)}.darkEmpty strong{display:block;margin-bottom:6px;color:#f6fbff}.darkEmpty p{margin:0}.profileHero,.splitInfo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.stateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.infoBlock,.metricCard,.recommendationCard,.stateCard{border-radius:18px}.infoBlockDark,.metricCardDark,.recommendationCardDark,.stateCardDark{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.metricCard,.recommendationCard,.stateCard{padding:14px}.metricCard span,.stateCard span{display:block;margin-bottom:8px;color:#8fa2bb;font-size:.84rem}.diffColumns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.diffColumns h4{margin:0 0 8px;color:#e6edf7}.diffList{margin:0;padding-left:18px;color:#c5d2e3}.infoBlock{padding:14px}.infoBlock p{margin:0;color:#dde6f2}.accentBlock{background:linear-gradient(180deg,rgba(255,122,26,.12),rgba(255,255,255,.03))}.jsonViewer{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02)}.jsonViewer summary{padding:12px 14px;cursor:pointer;font-weight:600;color:#dde7f3}.jsonViewer pre{margin:0;padding:0 14px 14px;overflow:auto;font-size:.85rem;color:#b4c2d6}.traceTimeline{display:grid;grid-gap:12px;gap:12px}.compactTimeline .traceStep{padding:12px}.traceStep{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.traceIndex{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,122,26,.16);color:#ffbb8d;font-weight:700}.traceCallList{display:grid;grid-gap:10px;gap:10px}.toolCallCard{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(7,14,24,.72)}.traceMeta{margin:0;color:#8ca0ba;font-size:.88rem}.cardList{display:grid;grid-gap:12px;gap:12px}.recommendationHeader{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.cardMeta,.recommendationCard p{margin:0 0 10px}.cardMeta{color:#8ca0ba;font-size:.88rem}@media (max-width:1120px){.diffColumns,.heroMetaGrid,.metricRow3,.presetGrid,.presetHero,.presetSecondaryGrid,.profileHero,.quickStartBar,.splitInfo,.stateGrid,.strategyGrid{grid-template-columns:1fr}.appShell{padding:18px}}