@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;700;800&display=swap";:root{--bg-base: #f3f4f5;--bg-accent: rgba(175, 16, 26, .08);--bg-accent-soft: rgba(175, 16, 26, .04);--surface-0: #f8f9fa;--surface-1: #edeeef;--surface-2: #ffffff;--surface-3: #e7e8e9;--surface-4: rgba(255, 255, 255, .78);--text-main: #191c1d;--text-muted: #626a70;--text-subtle: #7b858d;--accent: #af101a;--accent-strong: #d32f2f;--accent-soft: rgba(175, 16, 26, .1);--accent-border: rgba(175, 16, 26, .18);--good: #1c7c46;--good-soft: rgba(28, 124, 70, .12);--bad: #ba1a1a;--bad-soft: rgba(186, 26, 26, .12);--field-surface: #f3f4f5;--thread-wash: radial-gradient(circle at top left, rgba(175, 16, 26, .1), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f3f4f5 100%);--bubble-user: linear-gradient(180deg, #ba1a20 0%, #971118 100%);--bubble-user-text: #ffffff;--bubble-agent: #ffffff;--bubble-agent-text: #191c1d;--bubble-system: #fff2f0;--bubble-system-text: #5b403d;--shadow-soft: 0 18px 50px -24px rgba(175, 16, 26, .16);--shadow-panel: 0 30px 90px -48px rgba(24, 28, 33, .18);color-scheme:light}html[data-theme=dark]{--bg-base: #131619;--bg-accent: rgba(255, 120, 108, .14);--bg-accent-soft: rgba(255, 120, 108, .07);--surface-0: #171b1f;--surface-1: #1d2328;--surface-2: #232a30;--surface-3: #2b3239;--surface-4: rgba(23, 27, 31, .84);--text-main: #eff2f4;--text-muted: #b5c0ca;--text-subtle: #909aa4;--accent: #ff7a70;--accent-strong: #ff5f57;--accent-soft: rgba(255, 122, 112, .14);--accent-border: rgba(255, 122, 112, .24);--good: #71d39b;--good-soft: rgba(113, 211, 155, .16);--bad: #ff9c96;--bad-soft: rgba(255, 156, 150, .16);--field-surface: #1f252b;--thread-wash: radial-gradient(circle at top left, rgba(255, 95, 87, .16), transparent 36%), linear-gradient(180deg, #181d21 0%, #121619 100%);--bubble-user: linear-gradient(180deg, #db5148 0%, #9c1c23 100%);--bubble-user-text: #ffffff;--bubble-agent: #20262c;--bubble-agent-text: #eff2f4;--bubble-system: #30231f;--bubble-system-text: #ffd8d3;--shadow-soft: 0 18px 50px -24px rgba(0, 0, 0, .5);--shadow-panel: 0 30px 90px -48px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--text-main);font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at top right,var(--bg-accent),transparent 30%),radial-gradient(circle at bottom left,var(--bg-accent-soft),transparent 28%),var(--bg-base);transition:background-color .18s ease,color .18s ease}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.72}input,textarea,select{width:100%;border:1px solid transparent;border-radius:.9rem;padding:.92rem 1rem;color:var(--text-main);background:var(--field-surface);outline:none;box-shadow:inset 0 -2px 0 transparent;transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease,transform .16s ease}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,textarea:focus,select:focus{border-color:var(--accent-border);box-shadow:inset 0 -2px 0 var(--accent),0 0 0 4px var(--accent-soft)}textarea{resize:vertical}.app-shell{min-height:100dvh;height:100dvh;padding:1.2rem;display:grid;grid-template-rows:auto 1fr;gap:1rem;overflow:hidden}.panel-surface,.topbar{background:var(--surface-4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-panel);transition:background-color .18s ease,box-shadow .18s ease}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;border-radius:1.4rem}.brand-cluster,.topbar-actions{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.brand-cluster{min-width:0}.brand-lockup{display:flex;align-items:center;gap:.95rem;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;padding:.72rem .88rem;border-radius:1rem;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;font-family:Manrope,sans-serif;font-size:.92rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-soft)}.brand-lockup strong,.thread-hero h1,.welcome-story h1,.panel-heading h2{font-family:Manrope,sans-serif;letter-spacing:-.03em}.brand-lockup strong{display:block;font-size:1rem}.brand-lockup span:last-child{display:block;color:var(--text-muted);font-size:.84rem}.topbar-context{display:flex;align-items:center;gap:1rem;padding-left:.35rem}.topbar-context div,.presence-card{padding:.82rem .95rem;border-radius:1rem;background:var(--surface-1)}.topbar-context span,.presence-card span,.detail-label,.field span,.detail-grid span{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle)}.topbar-context strong,.presence-card strong{display:block;margin-top:.2rem;font-size:.94rem}.theme-toggle,.secondary-button{border-radius:999px;padding:.84rem 1rem;background:var(--surface-1);color:var(--text-main);transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.theme-toggle:hover,.secondary-button:hover,.primary-button:hover{transform:translateY(-1px)}.primary-button{border-radius:.9rem;padding:.96rem 1.2rem;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 12px 32px -4px #af101a2e;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.status-pill{border-radius:999px;padding:.46rem .84rem;background:var(--surface-1);color:var(--text-muted);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status-pill.good{color:var(--good);background:var(--good-soft)}.status-pill.bad{color:var(--bad);background:var(--bad-soft)}.eyebrow{margin:0 0 .65rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle)}.welcome-shell,.chat-shell{min-height:0}.onboarding-mode .welcome-shell{display:grid;min-height:0}.welcome-frame{display:grid;min-height:0;height:100%;grid-template-columns:minmax(0,.98fr) minmax(380px,.88fr);gap:1rem}.welcome-story,.welcome-panel,.thread-surface,.inspector{border-radius:1.75rem;overflow:hidden}.welcome-story,.welcome-panel,.inspector{padding:1.15rem 1.2rem}.welcome-story{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,var(--surface-2),var(--surface-1)),var(--surface-2);animation:rise-in .28s ease}.welcome-story h1{margin:0;font-size:clamp(2.1rem,4vw,3.6rem);line-height:.94;max-width:10ch}.welcome-lead,.panel-heading p,.workspace-summary span,.message-empty span,.thread-hero p,.workspace-preview p,.story-card p,.inspector-card p,.helper-copy{color:var(--text-muted)}.welcome-lead{max-width:28rem;font-size:.95rem;line-height:1.55}.story-grid,.detail-grid{display:grid;gap:.85rem}.story-points{display:flex;flex-wrap:wrap;gap:.55rem}.story-points span{padding:.45rem .72rem;border-radius:999px;background:var(--surface-1);color:var(--text-muted);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card,.workspace-preview,.workspace-summary,.inspector-card,.thread-hero-card,.message-empty{background:var(--surface-2);box-shadow:var(--shadow-soft)}.story-card,.workspace-preview,.workspace-summary,.inspector-card,.thread-hero-card{border-radius:1.2rem;padding:1.05rem 1.1rem}.story-card strong,.workspace-preview strong,.workspace-summary strong,.thread-hero-card strong,.inspector-card strong{display:block;margin-top:.35rem;font-family:Manrope,sans-serif;font-size:1rem}.accent-card{position:relative}.accent-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-strong))}.detail-grid{margin-top:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .8rem}.detail-grid strong{margin-top:.22rem;font-size:.84rem;word-break:break-word}.welcome-panel{display:flex;flex-direction:column;justify-content:center;background:var(--surface-0);animation:rise-in .32s ease}.panel-heading{margin-bottom:.95rem}.panel-heading h2{margin:0;font-size:clamp(1.55rem,2.6vw,2rem)}.welcome-form{display:grid;gap:.8rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.field{display:grid;gap:.45rem}.field.wide{grid-column:1 / -1}.form-footer{display:grid;gap:.65rem}.helper-copy{margin:0;font-size:.76rem;line-height:1.45}.chat-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.thread-surface{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--thread-wash)}.thread-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.35rem 0}.thread-hero h1{margin:0;font-size:clamp(1.9rem,3vw,2.7rem)}.thread-hero p{max-width:42rem;line-height:1.6}.thread-hero-card{max-width:20rem;min-width:14rem}.thread-list{min-height:0;overflow:auto;padding:1.25rem 1.35rem;display:grid;gap:1rem}.message-empty{place-self:center;padding:1.35rem;max-width:24rem;text-align:center}.message-empty p{margin:0 0 .45rem;font-family:Manrope,sans-serif;font-size:1.05rem}.message-row{display:flex;flex-direction:column;gap:.45rem;max-width:min(76%,46rem);animation:rise-in .22s ease}.message-row.mine{justify-self:end}.message-meta{display:flex;align-items:center;gap:.7rem;color:var(--text-subtle);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.message-row.mine .message-meta{justify-content:flex-end}.author-chip{padding:.34rem .58rem;border-radius:999px;background:var(--surface-1);font-weight:700}.message-bubble{padding:1rem 1.05rem .92rem;border-radius:1.25rem;line-height:1.65;box-shadow:var(--shadow-soft)}.message-bubble.inbound{background:var(--bubble-user);color:var(--bubble-user-text);border-bottom-right-radius:.35rem}.message-bubble.outbound{background:var(--bubble-agent);color:var(--bubble-agent-text);border-bottom-left-radius:.35rem}.message-bubble.system{background:var(--bubble-system);color:var(--bubble-system-text);border-bottom-left-radius:.35rem}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.composer{display:grid;gap:.95rem;padding:0 1.35rem 1.35rem}.composer-field{display:grid;gap:.45rem}.composer textarea{min-height:7rem}.action-row{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.inspector{display:grid;align-content:start;gap:.9rem;background:linear-gradient(180deg,var(--surface-1),var(--surface-0))}.inspector-card{min-width:0}.inspector-card p{margin:.35rem 0 0;line-height:1.6;word-break:break-word}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.app-shell{height:auto;min-height:100dvh;overflow:auto}.welcome-frame,.chat-shell{grid-template-columns:1fr}.inspector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.app-shell{padding:.9rem}.topbar,.thread-surface,.welcome-story,.welcome-panel,.inspector{border-radius:1.25rem}.topbar,.thread-hero,.topbar-context,.brand-cluster,.topbar-actions{flex-direction:column;align-items:stretch}.topbar-context{padding-left:0}.detail-grid,.field-grid,.inspector{grid-template-columns:1fr}.message-row{max-width:90%}.thread-hero-card{max-width:none;min-width:0}}@media(max-width:560px){.welcome-story,.welcome-panel,.inspector{padding:1.1rem}.thread-hero,.thread-list,.composer{padding-left:1rem;padding-right:1rem}.welcome-story h1{font-size:2.4rem}.action-row{flex-direction:column-reverse;align-items:stretch}.message-row{max-width:100%}}