.web-trace{stroke-dasharray:.12 .88;opacity:0;animation:1.4s linear infinite paused web-flow}@keyframes web-flow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hero-fill{transform-origin:0;animation:hero-fill var(--dur) linear both}@keyframes hero-fill{0%{transform:scaleX(var(--from))}to{transform:scaleX(var(--to))}}@media (prefers-reduced-motion:reduce){.hero-fill{transform:scaleX(var(--to));animation:none}}@keyframes character-float{0%,to{translate:0}50%{translate:0 -10px}}@media (prefers-reduced-motion:no-preference){.character-float{animation:9s ease-in-out infinite character-float}}.dot-field{background-image:radial-gradient(var(--border) 1px, transparent 1.25px);background-size:16px 16px;-webkit-mask-image:radial-gradient(#000 25%,#0000 70%);mask-image:radial-gradient(#000 25%,#0000 70%)}.story-character .mascot{--mascot-size:min(52px, 9.3cqw)}.story-character .agent-tag{padding:min(3px,.5cqw) min(10px,1.8cqw);font-size:clamp(9px,2.15cqw,12px)}.story-wire{stroke-width:2px;stroke-dasharray:6 6;stroke-linecap:round}.story-wire-link{stroke:var(--muted-foreground);stroke-opacity:.5;stroke-width:1.5px}@media (prefers-reduced-motion:no-preference){.is-flowing .story-wire{animation:.6s linear infinite story-flow}}@keyframes story-flow{to{stroke-dashoffset:12px}}.is-flowing .web-trace{opacity:1;animation-play-state:running}@media (prefers-reduced-motion:reduce){.web-trace{animation:none}}[data-look]{--ai-field:#fff;--ai-field-line:#e7e7e7;--ai-hint:#9b9b9b;--ai-head:#333d4d;--ai-head-muted:#8a929f;--ai-head-line:#edf0f4;--ai-surface:#fafafa;--ai-ink:#171717;--ai-muted:#929292;--ai-line:#ebebeb;--ai-you:#b95108;--ai-you-ink:#fff;--ai-agent:#ebebeb;--ai-send:#24272d;--ai-send-ink:#fff;--ai-focus:#959eae;--ai-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--ai-surface);color:var(--ai-ink);font-family:var(--ai-font);letter-spacing:0}[data-look=dots]{--ai-surface:#fff;--ai-you:#49a8e8;--ai-agent:#f3f3f3;--ai-send:#49a8e8;--ai-focus:#8aa2d2}[data-look=muse]{--ai-surface:#fbfbfb;--ai-you:#d2e5fd;--ai-you-ink:#18212b;--ai-agent:#fff;--ai-send:#d2e5fd;--ai-send-ink:#1d2938;--ai-focus:#aac9ed}[data-look=claude]{--ai-surface:#faf9f5;--ai-line:#eceae4;--ai-you:#eeece2;--ai-you-ink:#282720;--ai-agent:transparent;--ai-send:#c96e50;--ai-focus:#cda58f}[data-look=instinct],[data-look=hermes]{--ai-surface:#fcfcfc;--ai-send:#252525;--ai-focus:#a8b2c0}:is([data-theme=dark],.dark) [data-look]{--ai-field:#2a2c32;--ai-field-line:#3a3d44;--ai-hint:#7d8088;--ai-head:#e8e9ec;--ai-head-muted:#8d9099;--ai-head-line:#2c2f35;--ai-surface:#1e2025;--ai-ink:#ececee;--ai-muted:#8b8e96;--ai-line:#30333a;--ai-agent:#2c2f35;--ai-send:#ececee;--ai-send-ink:#17181b;--ai-focus:#5b6170}:is([data-theme=dark],.dark) [data-look=dots]{--ai-surface:#212121;--ai-agent:#303030;--ai-field:#2f2f2f;--ai-send:#49a8e8;--ai-send-ink:#fff;--ai-focus:#4a6da8}:is([data-theme=dark],.dark) [data-look=muse]{--ai-surface:#1b1c20;--ai-you:#2c4a6e;--ai-you-ink:#e3edf8;--ai-agent:#27292e;--ai-send:#2c4a6e;--ai-send-ink:#e3edf8;--ai-focus:#46638a}:is([data-theme=dark],.dark) [data-look=claude]{--ai-surface:#262624;--ai-line:#3a3936;--ai-field:#30302e;--ai-you:#3a3a37;--ai-you-ink:#ececea;--ai-agent:transparent;--ai-send:#c96e50;--ai-send-ink:#fff;--ai-focus:#8a6a5c}:is([data-theme=dark],.dark) [data-look=instinct],:is([data-theme=dark],.dark) [data-look=hermes]{--ai-surface:#1c1c1d}:root [data-look][data-look],:root [data-look][data-look] *,:root .stay-round.stay-round{corner-shape:round}[data-look=claude] .ai-agent{padding-inline:2px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.55}[data-look=claude] .ai-title{font-family:Georgia,serif;font-size:18px;font-weight:400}.bot-face{background:#db6c0d;border-radius:50%;flex-shrink:0;width:23px;height:23px;display:inline-block;position:relative;box-shadow:inset -3px -3px 6px #ad490055,inset 3px 3px 6px #ffd48a80}.bot-face:before,.bot-face:after{content:"";background:#161616;border-radius:50%;width:3px;height:5px;position:absolute;top:9px}.bot-face:before{left:7px}.bot-face:after{right:7px}.mascot{--mascot-size:48px;width:var(--mascot-size);height:var(--mascot-size);transition:transform .45s var(--ease-out), filter .4s, opacity .4s;flex-shrink:0;display:block;position:relative}.mascot.mascot-sm{--mascot-size:30px}.mascot-art{width:100%;height:100%;box-shadow:0 0 0 max(2px, calc(var(--mascot-size) * .05)) #ffffffd9, 0 calc(var(--mascot-size) * .12) calc(var(--mascot-size) * .24) calc(var(--mascot-size) * -.06) #1e2a4a59;background:#fff;border-radius:28%;place-items:center;display:grid;overflow:hidden}.mascot-art img{object-fit:cover;width:100%;height:100%}.mascot[data-provider=hermes] .mascot-art img{object-position:30% 45%;scale:1.35}.mascot[data-provider=claude] .mascot-art{background:#1f1e1d}.mascot-clawd{fill:#d97757;width:76%}.mascot-mark{color:#171717;width:50%;height:50%}.mascot-done{color:#fff;width:38%;height:38%;box-shadow:0 0 0 max(2px, calc(var(--mascot-size) * .05)) #fff;opacity:0;transition:opacity .25s, scale .35s var(--ease-out);background:#2f8f5b;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-10%;right:-10%;scale:.5}.mascot-done svg{width:62%;height:62%}.mascot[data-mood=happy] .mascot-done{opacity:1;scale:1}.mascot[data-mood=asleep]{opacity:.75;filter:grayscale(.85);transform:translateY(6%)rotate(-3deg)}.mascot[data-mood=awake],.mascot[data-mood=happy],.mascot[data-mood=think]{transform:translateY(-5%)}@media (prefers-reduced-motion:no-preference){.mascot[data-mood=think] .mascot-art{animation:1.2s ease-in-out infinite mascot-sway}.mascot[data-mood=think][data-provider=claude] .mascot-art{animation:none}.mascot[data-mood=think] .mascot-clawd{animation:.6s steps(2,end) infinite mascot-shuffle}.mascot[data-hop]{animation:mascot-hop .55s var(--ease-out)}}@keyframes mascot-shuffle{to{translate:0 -12%}}@keyframes mascot-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes mascot-hop{0%{translate:0}35%{translate:0 -26%;scale:1.04 .96}70%{translate:0 3%;scale:.98 1.03}to{translate:0}}.podstage{container-type:inline-size}.podstage-stage{text-align:left;grid-template-columns:1fr minmax(0,500px) 1fr;grid-template-areas:".yours."".link.""left pod right";align-items:stretch;display:grid}.podstage-yours{z-index:1;border-radius:24px;grid-area:yours;position:relative;overflow:hidden;box-shadow:0 12px 40px -12px #1e2a4a33,0 0 0 1px #0000000f}.podstage-yours-head{align-items:center;gap:10px;padding:10px 16px 4px;font-size:14px;font-weight:600;display:flex}.podstage-yours-head>span:last-child{flex-direction:column;display:flex}.podstage-yours-head .mascot{--mascot-size:30px}.podstage-yours-where{font:400 11px var(--font-mono);color:var(--ai-muted)}.podstage-yours-thread{flex-direction:column;gap:8px;height:148px;padding:2px 16px 14px;display:flex;overflow:hidden}.podstage-bubble{border-radius:16px;flex-shrink:0;max-width:88%;padding:8px 12px;font-size:14px;line-height:1.4}.podstage-you{background:var(--ai-you);color:var(--ai-you-ink);align-self:flex-end}.podstage-answer{background:var(--ai-agent);max-width:94%;color:var(--ai-ink);align-self:flex-start}.podstage-approve{gap:6px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.podstage-approve>span{background:var(--ai-send);color:var(--ai-send-ink);border-radius:999px;padding:4px 10px}.podstage-working{color:var(--ai-muted);align-items:center;gap:8px;font-size:13px;display:flex}.podstage-typing{gap:4px;display:inline-flex}.podstage-typing i{opacity:.6;background:currentColor;border-radius:50%;width:6px;height:6px}.podstage-typing-pod{color:var(--muted-foreground);align-self:center}@media (prefers-reduced-motion:no-preference){.podstage-typing i{animation:1s infinite typing}.podstage-typing i:nth-child(2){animation-delay:.15s}.podstage-typing i:nth-child(3){animation-delay:.3s}}@keyframes typing{50%{opacity:.2}}.podstage-line,.podstage-link{opacity:.35;transition:opacity .3s;position:relative;overflow:hidden}.podstage-line i,.podstage-link i{background:repeating-linear-gradient(to right, var(--accent,var(--link)) 0 7px, transparent 7px 14px);position:absolute;inset:0 -14px}.podstage-link{--accent:#db6c0d;grid-area:link;justify-self:center;width:2px;height:28px}.podstage-link i{background:repeating-linear-gradient(to bottom, var(--accent) 0 7px, transparent 7px 14px);inset:-14px 0}.podstage-link[data-flow],.podstage-agent[data-live] .podstage-line{opacity:1}@media (prefers-reduced-motion:no-preference){.podstage-link[data-flow=down] i{animation:.5s linear infinite dash-down}.podstage-link[data-flow=up] i{animation:.5s linear infinite reverse dash-down}.podstage-side[data-side=left] .podstage-agent[data-live] .podstage-line i{animation:.5s linear infinite dash-right}.podstage-side[data-side=right] .podstage-agent[data-live] .podstage-line i{animation:.5s linear infinite reverse dash-right}}@keyframes dash-down{0%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes dash-right{0%{transform:translate(-14px)}to{transform:translate(0)}}.podstage-side{flex-direction:column;justify-content:space-around;padding-block:20px;display:flex}.podstage-side[data-side=left]{grid-area:left}.podstage-side[data-side=right]{grid-area:right}.podstage-agent{align-items:flex-start;display:flex}.podstage-side[data-side=right] .podstage-agent{flex-direction:row-reverse}.podstage-who{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:112px;display:flex}.podstage-who .mascot{--mascot-size:48px}.agent-tag{background:linear-gradient(var(--popover), var(--popover)), var(--background);box-shadow:0 0 0 1px var(--border);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.podstage-tag-short{display:none}.podstage-agent[data-live] .agent-tag{box-shadow:0 0 0 1.5px var(--accent)}.podstage-line{flex:1;height:2px;margin-top:23px}.podstage-pod{z-index:1;background:linear-gradient(var(--popover), var(--popover)), var(--background);height:300px;color:var(--popover-foreground);box-shadow:0 16px 48px -16px #1e2a4a40, 0 0 0 1px var(--border);border-radius:24px;flex-direction:column;grid-area:pod;display:flex;position:relative;overflow:hidden}.podstage-pod-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.podstage-pod-count{font:400 11px var(--font-mono);color:var(--muted-foreground);white-space:nowrap}.podstage-thread{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;min-height:0;padding:12px 14px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 32px);mask-image:linear-gradient(#0000,#000 32px)}.podstage-post{flex-shrink:0;gap:10px;display:flex}.podstage-post .mascot{--mascot-size:28px;transform:none}.podstage-post-name{color:var(--accent);font-size:12px;font-weight:600;display:block}.podstage-post-text{font-size:13.5px;line-height:1.4}@container not (min-width:720px){.podstage-stage{grid-template-columns:1fr 1fr;grid-template-areas:"yours yours""link link""left right""pod pod"}.podstage-side{flex-direction:row;justify-content:space-around;padding-block:0 16px}.podstage-side[data-side=right] .podstage-agent{flex-direction:row}.podstage-line{display:none}.podstage-who{gap:8px;width:auto}.podstage-who .mascot{--mascot-size:38px}.podstage-agent .agent-tag{padding:2px 8px;font-size:11px}.podstage-tag-full{display:none}.podstage-tag-short{display:inline}.podstage-link{height:20px}.podstage-pod{height:300px}.podstage-pod-count{display:none}.podstage-bubble{font-size:13px}.podstage-yours-thread{height:172px}}.setup-pick:hover .mascot[data-mood=asleep]{opacity:.95;filter:grayscale(.3)}.setup-pick[aria-pressed=true] .agent-tag{box-shadow:0 0 0 1.5px var(--accent)}.setup-pick .mascot,.setup-joined .mascot{transform:none}.setup-figure{place-items:center;height:52px;display:grid}.setup-joined-line{opacity:1;margin-top:25px}@media (prefers-reduced-motion:no-preference){.setup-joined-line i{animation:.5s linear infinite dash-right}}