@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", var(--font);--bg:#f7f8fb;--bg-soft:#eef1f7;--surface:#fff;--surface-2:#f3f5f9;--ink:#101828;--ink-2:#475467;--muted:#667085;--line:#e4e7ec;--accent:#4f46e5;--accent-soft:#eef2ff;--accent-ink:#4338ca;--ok:#067647;--ok-soft:#ecfdf3;--bad:#b42318;--bad-soft:#fef3f2;--shadow:0 1px 2px #1018280f, 0 8px 24px #1018280f;--radius:14px;--radius-lg:18px}html[data-theme=dark]{--bg:#0c0e14;--bg-soft:#11141c;--surface:#151922;--surface-2:#1b202b;--ink:#f2f4f7;--ink-2:#cdd3de;--muted:#98a2b3;--line:#262b36;--accent:#8b8bf7;--accent-soft:#1e1f3a;--accent-ink:#b4b4fb;--ok:#47cd89;--ok-soft:#0f2b1e;--bad:#f97066;--bad-soft:#2d1513;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.page{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:.5rem;max-width:780px;height:52px;margin:0 auto;padding:0 .75rem;display:flex}.topbar-left,.topbar-right{align-items:center;gap:.15rem;min-width:0;display:flex}.topbar-title{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;overflow:hidden}.content{width:100%;max-width:780px;padding:1.25rem 1rem calc(3rem + env(safe-area-inset-bottom,0px));flex:1;margin:0 auto}.content.wide{padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}.hero{margin-bottom:1.35rem}.hero-badge{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:.7rem;padding:.25rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.brand{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0 0 .4rem;font-size:clamp(1.75rem,5vw,2.35rem);line-height:1.1}.lede{color:var(--muted);max-width:38rem;margin:0;font-size:1rem;line-height:1.55}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;font-weight:600;transition:background .12s,border-color .12s,transform 60ms,opacity .12s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-md{height:40px;padding:0 .95rem;font-size:.925rem}.btn-sm{height:32px;padding:0 .7rem;font-size:.85rem}.btn-full{width:100%}.btn-solid{background:var(--accent);color:#fff}.btn-solid:hover:not(:disabled){background:var(--accent-ink)}.btn-outline{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.icon-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:.9rem;padding:1rem}.card-hl{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:linear-gradient(180deg, var(--accent-soft), var(--surface) 60%)}.card h3{font-family:var(--font-display);color:var(--ink);margin:0 0 .6rem;font-size:1rem;font-weight:600}.card p{color:var(--ink-2);margin:.3rem 0;font-size:.94rem;line-height:1.55}.card pre{color:var(--ink-2);font-family:var(--font);white-space:pre-wrap;word-break:break-word;margin:.3rem 0;font-size:.9rem}.field{margin-bottom:.85rem;display:block}.field-label{color:var(--muted);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.field-input,.textarea{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:.65rem .8rem;font-size:.95rem;transition:border-color .12s,box-shadow .12s}.field-input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.75}.field-input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.textarea{resize:none;min-height:3rem;line-height:1.55;overflow:hidden}.field-hint{color:var(--muted);margin-top:.3rem;font-size:.8rem;display:block}.note{color:var(--muted);margin:.6rem 0 0;font-size:.82rem;line-height:1.5}.text-err{color:var(--bad);margin:.7rem 0 0;font-size:.9rem}.text-ok{color:var(--ok);margin:.7rem 0 0;font-size:.9rem}.composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:.9rem;padding:.75rem}.composer .textarea{box-shadow:none;border:0;padding:.35rem .3rem;font-size:1rem}.composer .textarea:focus{box-shadow:none}.composer-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem;padding-top:.5rem;display:flex}.composer-spacer{flex:1}.chip-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem;margin-top:1rem;display:grid}.chip{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:var(--radius);cursor:pointer;padding:.75rem .85rem;font-size:.9rem;line-height:1.45;transition:border-color .12s,background .12s,transform 80ms}.chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);transform:translateY(-1px)}.chip-sm{border-radius:999px;padding:.35rem .6rem;font-size:.82rem}.chip-row{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.file-chip{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.45rem;padding:.5rem .7rem;font-size:.88rem;display:flex}.file-chip em{color:var(--muted);font-size:.8rem;font-style:normal}.file-chip button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.15rem;display:inline-flex}.file-chip button:hover{color:var(--bad);background:var(--bad-soft)}.row{border-bottom:1px solid var(--line);padding:.7rem 0}.row:last-child{border-bottom:none}.row-title{color:var(--ink);font-weight:600}.pill{text-transform:capitalize;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.pill-bad{background:var(--bad-soft);color:var(--bad)}.pill-live{background:var(--ok-soft);color:var(--ok);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.pill-live:before{content:"";background:currentColor;border-radius:999px;width:.42rem;height:.42rem;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.spinner-sm{border-width:1.5px;width:12px;height:12px}@keyframes spin{to{transform:rotate(360deg)}}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.actions-sticky{z-index:10;padding:.8rem 1rem calc(.9rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);margin:1rem -1rem 0;position:sticky;bottom:0}.history-card{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);cursor:pointer;width:100%;box-shadow:var(--shadow);margin-bottom:.75rem;padding:.95rem;transition:border-color .12s,transform 80ms;display:block}.history-card:hover{border-color:var(--accent);transform:translateY(-1px)}.history-top{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.history-when{color:var(--muted);font-size:.78rem}.history-card h3{font-family:var(--font-display);color:var(--ink);margin:0 0 .3rem;font-size:1.02rem}.history-card p{color:var(--muted);margin:.2rem 0;font-size:.88rem;line-height:1.5}.history-outcome{font-weight:600;color:var(--accent-ink)!important}.history-actions{justify-content:flex-end;margin-top:.6rem;display:flex}.thread{flex-direction:column;gap:.6rem;display:flex}.turn{flex-direction:column;max-width:88%;display:flex}.turn-you{align-self:flex-end;align-items:flex-end}.turn-them{align-self:flex-start}.turn-label{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:.22rem;font-size:.7rem;font-weight:600}.bubble{word-break:break-word;white-space:pre-wrap;border-radius:14px;padding:.6rem .8rem;font-size:.93rem;line-height:1.5}.turn-you .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.turn-them .bubble{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px}.transcript{flex-direction:column;gap:.55rem;margin-top:.6rem;display:flex}.transcript.is-live{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);scroll-behavior:smooth;max-height:min(50vh,400px);padding:.75rem;overflow-y:auto}.transcript-empty{border-radius:var(--radius);border:1px dashed var(--line);background:var(--surface-2);color:var(--muted);padding:.85rem;font-size:.9rem}.transcript-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin-bottom:.3rem;font-size:.76rem;display:flex}.legend-item{align-items:center;gap:.3rem;display:inline-flex}.legend-item:before{content:"";background:var(--line);border-radius:999px;width:.5rem;height:.5rem}.legend-caller:before{background:var(--accent)}.transcript-fallback{background:var(--surface-2);border:1px solid var(--line);white-space:pre-wrap;font-family:var(--font);color:var(--ink-2);border-radius:10px;margin:.5rem 0 0;padding:.7rem;font-size:.9rem}.step{align-items:flex-start;gap:.7rem;margin-top:.7rem;display:flex}.step-num{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-top:.1rem;font-size:.75rem;font-weight:700;display:inline-flex}.step p{margin:.1rem 0}.clarify{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.8rem}.clarify:first-of-type{border-top:0;margin-top:0;padding-top:0}.clarify-q{color:var(--ink);margin:0 0 .15rem;font-weight:600}.clarify-why{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.empty h3{font-family:var(--font-display);color:var(--ink);margin:0 0 .4rem}.empty p{margin:0 0 1rem;font-size:.92rem}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--surface-2) 25%, var(--line) 50%, var(--surface-2) 75%);background-size:200% 100%;height:84px;margin-bottom:.75rem;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.stack-sm>*+*{margin-top:.4rem}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}