.dev-aud{--aud: #64748b;--aud-ink: color-mix(in srgb, var(--aud) 62%, var(--foreground));--aud-soft: color-mix(in srgb, var(--aud) 12%, var(--card));--aud-soft2: color-mix(in srgb, var(--aud) 22%, var(--card));--aud-line: color-mix(in srgb, var(--aud) 34%, transparent);--aud-line-strong: color-mix(in srgb, var(--aud) 55%, transparent);--aud-glow: color-mix(in srgb, var(--aud) 24%, transparent);--live: #10b981;--da-mono: ui-monospace, "SF Mono", Menlo, monospace}.dev-aud.aud-developers{--aud: #06b6d4}.dev-aud.aud-agents{--aud: #d946ef}.da-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.da-reveal.in{opacity:1;transform:none}.da-mark{position:relative;white-space:nowrap}.da-mark>svg{position:absolute;left:-2%;bottom:-.36em;width:104%;height:.5em;overflow:visible;pointer-events:none}.da-mark path{stroke:var(--aud);stroke-width:3.4;fill:none;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300}.da-reveal.in .da-mark path,.in .da-mark path{animation:da-draw .9s .3s cubic-bezier(.5,0,.2,1) forwards}.da-frame{position:relative;border-radius:20px;background:var(--card);border:1px solid var(--border);box-shadow:0 2px 4px #0f172a0d,0 26px 60px -22px #0f172a38;overflow:hidden}:global(.dark) .da-frame,.dark .da-frame{box-shadow:0 2px 6px #00000080,0 30px 70px -24px #000000b3}.da-frame-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--border);background:var(--secondary)}.da-lights{display:flex;gap:6px;flex:none}.da-lights i{width:11px;height:11px;border-radius:999px;display:inline-block}.da-url{flex:1;display:flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-family:var(--da-mono);font-size:12px;color:var(--muted-foreground);min-width:0}.da-url .u{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.da-live{display:inline-flex;align-items:center;gap:5px;font-family:var(--da-mono);font-size:10.5px;color:var(--live);font-weight:700;letter-spacing:.04em;flex:none;transition:opacity .4s}.da-live i{width:6px;height:6px;border-radius:999px;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 30%,transparent)}.da-prompt{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 55%,var(--secondary))}.da-prompt .tag{font-family:var(--da-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-weight:600;flex:none}.da-prompt .typed{font-size:15px;color:var(--foreground)}.da-caret{display:inline-block;width:2px;height:16px;background:var(--aud);margin-left:1px;vertical-align:-3px;animation:da-blink 1s steps(1) infinite}.da-stage{position:relative;height:300px;background:var(--background)}.da-screen{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none}.da-screen.on{opacity:1;pointer-events:auto}.da-building{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--da-mono);font-size:12.5px;color:var(--muted-foreground)}.da-spin{width:14px;height:14px;border-radius:999px;border:2px solid var(--border);border-top-color:var(--aud);animation:da-spin .7s linear infinite}.da-flow{display:block;width:100%;height:auto;min-width:680px}.da-flow .track{fill:none;stroke:var(--border);stroke-width:2.5;stroke-linecap:round}.da-flow .track.dim{stroke-dasharray:2 9}.da-flow .track.live{stroke:var(--aud);stroke-width:3.5}.da-flow .pulse{fill:none;stroke:var(--aud);stroke-width:4;stroke-linecap:round;stroke-dasharray:48 760;stroke-dashoffset:808;filter:drop-shadow(0 0 6px var(--aud-glow))}.in .da-flow .pulse{animation:da-pulse 2.7s 1s linear infinite}.da-flow .lane-label{font-family:var(--da-mono);font-size:12px;letter-spacing:.05em;fill:var(--muted-foreground);text-transform:uppercase;font-weight:600}.da-flow .lane-label.live{fill:var(--aud-ink)}.da-flow .step{font-size:13px;fill:var(--muted-foreground)}.da-flow .step.live{fill:var(--foreground)}.da-flow .dot{fill:var(--muted-foreground)}.da-flow .dot.live{fill:var(--aud)}.da-flow .dest-card{fill:var(--card);stroke:var(--aud-line);stroke-width:2}.da-flow .dest-bar{fill:var(--secondary)}.da-flow .dest-url{font-family:var(--da-mono);font-size:12.5px;fill:var(--foreground)}.da-flow .youre-here{font-family:var(--da-mono);font-size:10.5px;fill:var(--aud-ink);font-weight:700;letter-spacing:.07em}.da-sketch{fill:none;stroke:var(--aud);stroke-width:2;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320}.in .da-sketch{animation:da-draw 1s .5s ease forwards}.da-sketch-hand{font-family:var(--da-mono);font-size:11px;fill:var(--aud-ink)}.da-seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--secondary);border:1px solid var(--border);gap:2px}.da-seg button{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;color:var(--muted-foreground);padding:8px 18px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:color .2s}.da-seg button[aria-selected=true]{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px #0f172a1a}.da-seg button[aria-selected=true] .d{background:var(--aud)}.da-seg button .d{width:8px;height:8px;border-radius:999px;background:var(--muted-foreground)}.da-lift{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.da-lift:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0f172a0d,0 20px 44px -18px #0f172a33}.dark .da-lift:hover{box-shadow:0 2px 6px #00000080,0 24px 54px -20px #0009}.da-banner{background:var(--primary);color:var(--primary-foreground);font-family:var(--da-mono);font-size:12px;text-align:center;padding:9px 16px;letter-spacing:.01em}.da-banner a{color:inherit;text-decoration:underline;text-underline-offset:3px}.da-banner b{color:inherit;font-weight:700}@keyframes da-draw{to{stroke-dashoffset:0}}@keyframes da-pulse{to{stroke-dashoffset:48}}@keyframes da-blink{50%{opacity:0}}@keyframes da-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.da-reveal{opacity:1!important;transform:none!important}.da-mark path,.da-sketch{stroke-dashoffset:0!important}.in .da-flow .pulse,.da-caret,.da-spin{animation:none!important}}