html,body{background:#1e1e2e;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--text:#cdd6f4;--subtext:#a6adc8;--overlay:#6c7086;--mauve:#cba6f7;--lavender:#b4befe;--blue:#89b4fa;--teal:#94e2d5;--green:#a6e3a1;--peach:#fab387;--red:#f38ba8;--yellow:#f9e2af}*{box-sizing:border-box}html,body,#root{background:var(--base);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.root{max-width:1100px;min-height:100vh;margin:0 auto;padding:0 32px}.topbar{border-bottom:1px solid var(--surface0);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.brand{letter-spacing:.02em;color:var(--mauve);font-family:JetBrains Mono,ui-monospace,monospace;font-size:20px;font-weight:600}.nav{gap:24px;display:flex}.nav a{color:var(--subtext);font-size:14px;text-decoration:none;transition:color .15s}.nav a:hover{color:var(--text)}.hero{max-width:820px;padding:80px 0 50px}.hero h1{letter-spacing:-.02em;margin:0 0 24px;font-size:56px;font-weight:700;line-height:1.05}.hero p{color:var(--subtext);max-width:600px;margin:0 0 32px;font-size:18px;line-height:1.6}.cta{background:var(--mauve);color:var(--crust);cursor:pointer;border:0;border-radius:8px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .1s,opacity .2s,background .15s}.cta:hover:not(:disabled){transform:translateY(-1px)}.cta:disabled{opacity:.7;cursor:progress}.warn{border:1px solid var(--red);color:var(--red);background:#f38ba81a;border-radius:6px;margin-top:14px;padding:10px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;display:inline-block}.demo{padding:30px 0 60px}.demo h2{color:var(--text);margin:0 0 24px;font-size:28px;font-weight:600}.stage{background:var(--mantle);border:1px solid var(--surface0);border-radius:10px;margin-bottom:10px;padding:16px 18px;transition:border-color .2s,background .2s}.stage.on{border-color:var(--surface2)}.stage.active{border-color:var(--mauve);background:var(--surface0);box-shadow:0 0 0 1px var(--mauve), 0 0 24px #cba6f72e}.stage-row{grid-template-columns:1fr 280px;align-items:center;gap:24px;display:grid}.stage-meta{min-width:0}.stage-label{color:var(--lavender);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:600}.stage-sub{color:var(--text);word-wrap:break-word;margin-bottom:6px;font-size:14px}.stage-sub .hl{color:var(--teal)}.stage-sub .num{background:var(--crust);color:var(--lavender);border-radius:3px;padding:1px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.stage-badge{color:var(--overlay);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.stt-trace{background:var(--crust);color:var(--subtext);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:130px;margin:8px 0 0;padding:8px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.5;overflow-y:auto}.tool-events{flex-direction:column;gap:4px;margin-top:8px;display:flex}.tool-event{background:var(--crust);border-left:2px solid var(--teal);color:var(--subtext);word-break:break-all;border-radius:4px;padding:6px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.te-name{color:var(--teal);font-weight:600}.te-args{color:var(--lavender);margin-left:6px}.te-result{color:var(--green);margin-left:6px}.cur{color:var(--mauve);margin-left:2px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.wave{background:var(--crust);border-radius:6px;width:100%;height:60px;display:block}.meter{background:var(--crust);border-radius:6px;width:100%;height:28px;position:relative;overflow:hidden}.meter-bar{height:100%;transition:width 60ms linear,background .2s}.meter-thr{background:var(--peach);width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.pdot{background:var(--surface1);border-radius:50%;width:18px;height:18px;margin:0 auto;transition:background .2s,box-shadow .2s}.pdot.on{background:var(--green);animation:.9s ease-in-out infinite pulse;box-shadow:0 0 0 4px #a6e3a140}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.transcript{background:var(--mantle);border:1px solid var(--surface0);border-radius:10px;min-height:100px;margin-top:18px;padding:18px 20px}.transcript-head{text-transform:uppercase;color:var(--overlay);letter-spacing:.06em;margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.transcript-line{grid-template-columns:50px 1fr;gap:12px;padding:6px 0;font-size:14px;line-height:1.5;display:grid}.transcript-line.muted{color:var(--overlay);display:block}.transcript-line .who{text-transform:uppercase;letter-spacing:.06em;color:var(--overlay);padding-top:3px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.transcript-line.user .who{color:var(--blue)}.transcript-line.ai .who{color:var(--green)}.transcript-line .what{color:var(--text)}.foot{border-top:1px solid var(--surface0);color:var(--overlay);justify-content:space-between;margin-top:60px;padding:32px 0;font-size:13px;display:flex}@media (width<=720px){.hero h1{font-size:36px}.stage-row{grid-template-columns:1fr}}