:root{color-scheme:light dark;font-family:SF Pro Display,SF Pro Text,Segoe UI Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page-bg: #f3f3f0;--page-warm: rgba(246, 126, 103, .12);--page-cool: rgba(118, 145, 255, .1);--surface: rgba(255, 255, 255, .58);--surface-strong: rgba(255, 255, 255, .72);--surface-hover: rgba(255, 255, 255, .82);--stroke: rgba(15, 23, 42, .08);--stroke-strong: rgba(15, 23, 42, .12);--inner-stroke: rgba(255, 255, 255, .46);--text-primary: #12151b;--text-secondary: rgba(18, 21, 27, .7);--text-tertiary: rgba(18, 21, 27, .46);--accent: #111318;--accent-contrast: #ffffff;--progress-idle: rgba(120, 129, 145, .3);--progress-active: #94a1b5;--progress-active-ring: rgba(148, 161, 181, .18);--progress-done: #31a46f;--danger-surface: rgba(180, 35, 24, .09);--player-bg: #050608;--shadow-soft: 0 18px 46px rgba(18, 24, 34, .08);--shadow-card: 0 24px 60px rgba(18, 24, 34, .1)}@media (prefers-color-scheme: dark){:root{--page-bg: #0b0d11;--page-warm: rgba(244, 111, 83, .08);--page-cool: rgba(120, 150, 255, .08);--surface: rgba(20, 24, 31, .7);--surface-strong: rgba(25, 29, 37, .84);--surface-hover: rgba(29, 34, 43, .92);--stroke: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .12);--inner-stroke: rgba(255, 255, 255, .08);--text-primary: #f5f7fb;--text-secondary: rgba(245, 247, 251, .72);--text-tertiary: rgba(245, 247, 251, .42);--accent: #f5f7fb;--accent-contrast: #111318;--progress-idle: rgba(151, 162, 181, .28);--progress-active: #b7c2d6;--progress-active-ring: rgba(183, 194, 214, .18);--progress-done: #39b97e;--danger-surface: rgba(180, 35, 24, .15);--shadow-soft: 0 24px 72px rgba(0, 0, 0, .28);--shadow-card: 0 28px 80px rgba(0, 0, 0, .32)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top center,var(--page-cool),transparent 24rem),radial-gradient(circle at 15% 0%,var(--page-warm),transparent 20rem),var(--page-bg);color:var(--text-primary)}body,button,input,textarea,a{font:inherit}button,input,textarea{border:0}button{background:none;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}.page{min-height:100vh}.shell{width:min(760px,calc(100% - 1rem));margin:0 auto;padding:.85rem 0 4rem;display:grid;gap:.9rem}.surface{position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--stroke);background:linear-gradient(180deg,var(--surface-strong),var(--surface)),var(--surface);box-shadow:var(--shadow-card);backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08)}.surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid var(--inner-stroke);pointer-events:none}.surface>*{position:relative}.siteHeader{padding:.08rem .15rem 0}.brandLockup{display:inline-flex;align-items:center;gap:.6rem}.brandMark{width:1.1rem;height:1.1rem;flex:none}.brandWordmark{font-size:.98rem;font-weight:620;letter-spacing:-.028em;color:var(--text-primary)}.searchDeck,.answerCard,.agentPanel,.feedbackCard{padding:1rem}.searchDeck{display:grid;gap:.9rem}.heroCopy{display:grid;gap:.34rem;padding:.12rem .12rem 0}.heroCopy h1,.feedbackCard h2,.sectionHeader h3,.agentPanelTitle,.answerTitle{margin:0;letter-spacing:-.045em}.heroCopy h1{max-width:none;font-size:clamp(1.25rem,6vw,3.1rem);line-height:.96;text-wrap:normal}.heroCopy h1 span{display:block;white-space:nowrap}.heroText,.answerMeta,.answerSummary,.alternativeMeta,.alternativeSnippet,.agentCardText,.feedbackCard p,.statusStepLabel{margin:0;color:var(--text-secondary)}.heroText{font-size:1rem;line-height:1.42}.composer{display:grid;gap:.72rem;padding:.18rem;border-radius:26px;border:1px solid var(--stroke);background:#00000005}@media (prefers-color-scheme: dark){.composer{background:#ffffff05}}.composerInput{width:100%;min-height:4.6rem;resize:none;outline:none;padding:.86rem 1rem 0;border-radius:22px;background:transparent;color:var(--text-primary);font-size:1.02rem;line-height:1.42}.composerInput::placeholder{color:var(--text-tertiary)}.composerFooter{display:flex;justify-content:flex-end;padding:0 .18rem .18rem}.primaryButton,.secondaryButton,.exampleChip,.agentCard,.alternativeButton,.loadingPill,.statusMetric,.answerStartPill{border-radius:999px;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease}.primaryButton,.secondaryButton,.loadingPill,.statusMetric,.answerStartPill{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.28rem .8rem}.primaryButton{border:1px solid transparent;background:var(--accent);color:var(--accent-contrast);font-weight:600;cursor:pointer}.primaryButton:disabled{opacity:.56;cursor:default}.secondaryButton,.loadingPill,.statusMetric,.answerStartPill,.exampleChip,.alternativeButton{border:1px solid var(--stroke);background:#ffffff29}@media (prefers-color-scheme: dark){.secondaryButton,.loadingPill,.statusMetric,.answerStartPill,.exampleChip,.alternativeButton{background:#ffffff08}}.exampleStrip{padding:0 .12rem}.exampleRow{display:flex;flex-wrap:wrap;gap:.55rem}.statusSteps{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:.55rem;overflow-x:auto;scrollbar-width:none}.statusSteps::-webkit-scrollbar{display:none}.exampleChip{min-height:2.15rem;padding:.42rem .82rem;color:var(--text-primary);white-space:nowrap;cursor:pointer}.statusRail{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:0 .12rem}.statusStep{padding:.08rem 0}.statusStepTop{display:flex;align-items:center;gap:.48rem}.statusStepLabel{font-size:.9rem}.statusDot{width:.62rem;height:.62rem;border-radius:999px;background:var(--progress-idle)}.state-active .statusDot{background:var(--progress-active);box-shadow:0 0 0 8px var(--progress-active-ring)}.state-done .statusDot{background:var(--progress-done)}.answerCard{display:grid;gap:.9rem}.sectionKicker,.eyebrow{margin:0;font-size:.73rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.answerCardTop{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.answerStartPill{color:var(--text-primary);font-size:.88rem}.playerShell{overflow:hidden;border-radius:24px;border:1px solid var(--stroke);background:var(--player-bg)}.playerFrame,.playerFallback{display:block;width:100%;aspect-ratio:16 / 9;border:0}.playerFallback{display:grid;place-items:center;color:#ffffffb8}.answerDetails,.answerHeaderMain{display:grid;gap:.32rem}.answerTitle{font-size:clamp(1.18rem,4vw,1.48rem);line-height:1.08;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:pretty}.answerMeta{font-size:.94rem}.answerSummary{font-size:.96rem;line-height:1.52;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.answerActions{display:flex;flex-wrap:wrap;gap:.65rem}.sectionHeader,.sectionIntro{display:grid;gap:.24rem}.sectionHeader h3,.agentPanelTitle{font-size:1rem;line-height:1.18}.alternativeList{display:grid;gap:.72rem}.alternativeButton{width:100%;display:grid;grid-template-columns:5.5rem 1fr auto;gap:.72rem;align-items:center;padding:.58rem;border-radius:24px;text-align:left;cursor:pointer}.alternativeThumb{overflow:hidden;aspect-ratio:16 / 9;border-radius:18px;background:var(--player-bg)}.alternativeThumb img,.thumbFallback{display:block;width:100%;height:100%}.alternativeThumb img{object-fit:cover}.thumbFallback{display:grid;place-items:center;color:#ffffffd1;font-size:.82rem}.alternativeCopy{display:grid;gap:.2rem}.alternativeCopy h3{margin:0;font-size:.98rem;line-height:1.22;letter-spacing:-.025em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.alternativeMeta{font-size:.84rem}.alternativeSnippet{font-size:.9rem;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.loadingPill{color:var(--text-secondary);font-size:.88rem}.loadingPill.isLoading{color:var(--text-primary)}.agentPanel{display:grid;gap:.82rem}.agentGrid{display:grid;gap:.7rem}.agentCard{min-height:0;padding:.9rem .92rem;border-radius:24px;display:grid;gap:.18rem;justify-items:start;justify-content:start;text-align:left;cursor:pointer}.agentCardTitle,.agentCardValue,.agentCardCode{color:var(--text-primary)}.agentCardTitle{font-size:.98rem;font-weight:600;letter-spacing:-.02em}.agentCardValue,.agentCardCode{font-size:.9rem}.agentCardCode{font-family:SF Mono,Roboto Mono,SFMono-Regular,Menlo,monospace}.agentCardText{font-size:.86rem;line-height:1.38}.feedbackCard{display:grid;gap:.44rem}.errorCard{border-color:#b4231829;background:linear-gradient(180deg,#ffffffb8,#ffffffa3),var(--danger-surface)}@media (prefers-color-scheme: dark){.errorCard{background:linear-gradient(180deg,#191d25db,#14181fbd),var(--danger-surface)}}.primaryButton:hover:not(:disabled),.secondaryButton:hover,.exampleChip:hover,.agentCard:hover,.alternativeButton:hover{transform:translateY(-1px);background:var(--surface-hover);border-color:var(--stroke-strong)}.primaryButton:hover:not(:disabled){background:var(--accent)}.primaryButton:active,.secondaryButton:active,.exampleChip:active,.agentCard:active,.alternativeButton:active{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.primaryButton,.secondaryButton,.exampleChip,.agentCard,.alternativeButton,.loadingPill,.statusMetric,.answerStartPill{transition:none}}@media (min-width: 720px){.shell{width:min(760px,calc(100% - 2rem));gap:1rem}.primaryButton{min-width:8.75rem}.agentGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 639px){.shell{width:calc(100% - .9rem);padding-top:.6rem;gap:.75rem}.brandMark{width:1rem;height:1rem}.brandWordmark{font-size:.94rem}.searchDeck,.answerCard,.agentPanel,.feedbackCard{padding:.82rem}.heroCopy h1{max-width:none;font-size:clamp(1.25rem,6.4vw,1.72rem);line-height:1.02}.heroText{font-size:.92rem}.composer{gap:.56rem;padding:.14rem}.composerInput{min-height:3.8rem;padding:.74rem .88rem 0;font-size:.98rem}.composerFooter{display:block;padding:0 .14rem .14rem}.primaryButton{width:100%}.exampleStrip{padding:0}.exampleRow{gap:.45rem}.exampleChip{min-height:1.95rem;padding:.38rem .72rem;font-size:.88rem;white-space:normal;text-align:left}.statusRail{display:grid;gap:.5rem}.statusSteps{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:initial;grid-auto-columns:initial;overflow:visible;gap:.5rem}.statusStepTop{gap:.38rem}.statusStepLabel{font-size:.82rem}.statusMetric{justify-self:flex-start}.answerCardTop{align-items:flex-start;display:grid;justify-content:initial;gap:.45rem}.answerStartPill{justify-self:flex-start}.answerTitle{font-size:1.08rem}.answerMeta,.answerSummary{font-size:.9rem}.answerActions,.agentGrid,.secondaryButton,.agentCard{width:100%}.alternativeButton{grid-template-columns:1fr;align-items:initial;gap:.62rem}.alternativeThumb{width:100%;border-radius:16px}.alternativeCopy{gap:.24rem}.alternativeCopy h3{font-size:.94rem}.loadingPill{grid-column:auto;justify-self:flex-start}.agentCard{padding:.82rem .84rem}}
