.os-root{background:#fbfbfd;color:#18181b}html[data-theme=dark] .os-root{background:#020617;color:#f8fafc}.os-root h1,.os-root h2,.os-root h3{color:inherit;font-weight:700;letter-spacing:-.03em;line-height:1.08}.os-root h1{font-size:clamp(2rem,4.6vw,3.6rem)}.os-root h2{font-size:clamp(1.35rem,2vw,1.75rem)}.os-root h3{font-size:1rem;font-weight:600}.os-root a,.os-root a:hover{color:inherit;text-decoration:none}.os-root ol,.os-root ul{list-style:none}.os-root .os-display{color:transparent;background-image:linear-gradient(180deg,#09090b,#3f3f46 55%,#a1a1aa);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:-.03em}.os-root p.os-display{font-size:1.5rem;line-height:1.15}html[data-theme=dark] .os-root .os-display{background-image:linear-gradient(180deg,#ffffff,#e2e8f0 45%,#64748b)}button.os-primary{background:#18181b;color:#fafafa}button.os-primary:hover{background:#27272a;color:#fafafa}html[data-theme=dark] button.os-primary{background:#f4f4f5;color:#18181b}html[data-theme=dark] button.os-primary:hover{background:#ffffff;color:#18181b}button.font-mono{font-family:var(--font-mono),ui-monospace,monospace}a.os-credit{color:#78350f}html[data-theme=dark] a.os-credit{color:#fffbeb}a.os-credit:hover{background:#f59e0b;color:#18181b}.os-root .font-mono{font-family:var(--font-mono),ui-monospace,monospace}.os-wave{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;height:112px;overflow:hidden}.os-wave i{--i:0;display:block;width:2px;height:28%;border-radius:999px;background:currentColor;transform-origin:center;animation-duration:2.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--i) * 55ms)}.os-wave[data-phase=idle]{color:#71717a}.os-wave[data-phase=idle] i{height:10%;opacity:.55;animation:none}.os-wave[data-phase=listening]{color:#d97706;animation:os-glow 3.2s ease-in-out infinite}.os-wave[data-phase=listening] i{height:calc(16% + 12% * sin(var(--i) * .45));animation-name:os-listen}.os-wave[data-phase=thinking]{color:#6d28d9}.os-wave[data-phase=thinking] i{height:calc(12% + (1 - min(1, abs((var(--i) - 23.5) / 23.5))) * 76%);animation-name:os-think;animation-duration:1.35s}.os-wave[data-phase=speaking]{color:#4f46e5}.os-wave[data-phase=speaking] i{height:calc(12% + 64% * abs(sin(var(--i) * .62)));animation-name:os-speak;animation-duration:.95s;animation-timing-function:linear}html[data-theme=dark] .os-wave[data-phase=idle]{color:#a1a1aa}html[data-theme=dark] .os-wave[data-phase=listening]{color:#fbbf24}html[data-theme=dark] .os-wave[data-phase=thinking]{color:#c4b5fd}html[data-theme=dark] .os-wave[data-phase=speaking]{color:#818cf8}.os-fractal{position:absolute;inset:8% 6%;width:88%;height:84%;pointer-events:none}.os-fractal line{stroke:currentColor;stroke-width:.7;stroke-dasharray:2.5 3.5;animation:os-dash 1.6s linear infinite}.os-flow{fill:none;stroke:rgba(52,211,153,.55);stroke-width:1.25;stroke-dasharray:4 7;animation:os-dash 2.6s linear infinite}.os-node{fill:#34d399;filter:drop-shadow(0 0 6px #34d399);animation:os-blink 1.6s ease-in-out infinite}.os-crystal-spin{display:inline-block;transform-style:preserve-3d;animation:os-spin 22s linear infinite}.os-node-dot{position:absolute;width:7px;height:7px;margin:-3px 0 0 -3px;border-radius:999px;background:#34d399;box-shadow:0 0 8px #34d399;animation:os-blink 1.6s ease-in-out infinite}.os-stage{position:relative;height:100%;min-height:280px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgba(79,70,229,.16),transparent 62%),linear-gradient(180deg,transparent,rgba(0,0,0,.04))}html[data-theme=dark] .os-stage{background:radial-gradient(ellipse at 50% 42%,rgba(99,102,241,.22),transparent 62%),linear-gradient(180deg,transparent,rgba(0,0,0,.28))}.os-stage-floor{position:absolute;left:8%;right:8%;bottom:18%;height:28%;background:linear-gradient(rgba(99,102,241,.18) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.18) 1px,transparent 0);background-size:22px 22px;transform:perspective(180px) rotateX(58deg);transform-origin:center top;mask-image:linear-gradient(180deg,#000,transparent)}.os-stage-crystal{position:absolute;left:50%;top:38%;color:#4f46e5;transform:translate(-50%,-50%)}html[data-theme=dark] .os-stage-crystal{color:#a5b4fc}.os-log-line{animation:os-line-in .42s ease both}@keyframes os-listen{0%,to{transform:scaleY(.4);opacity:.45}50%{transform:scaleY(1);opacity:.95}}@keyframes os-think{0%,to{transform:scaleY(.3);opacity:.35}50%{transform:scaleY(1);opacity:1}}@keyframes os-speak{0%{transform:scaleY(.2)}18%{transform:scaleY(1)}36%{transform:scaleY(.35)}54%{transform:scaleY(.86)}72%{transform:scaleY(.28)}to{transform:scaleY(.55)}}@keyframes os-glow{0%,to{opacity:.72}50%{opacity:1}}@keyframes os-dash{to{stroke-dashoffset:-48}}@keyframes os-blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes os-spin{to{transform:rotateY(1turn)}}@keyframes os-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.os-crystal-spin,.os-flow,.os-fractal line,.os-log-line,.os-node,.os-node-dot,.os-wave,.os-wave i{animation:none!important}.os-wave[data-phase=listening] i,.os-wave[data-phase=speaking] i,.os-wave[data-phase=thinking] i{transform:none;opacity:.9}.os-node,.os-node-dot{opacity:1}}.os-root{--pf-stage:#fbfbfd;--pf-stage-alt:#f4f4f5;--pf-ink:#18181b;--pf-muted:#64748b;--pf-line:rgba(228,228,231,0.8);--pf-surface:rgba(255,255,255,0.6);--pf-overlay:#ffffff;--pf-overlay-line:rgba(212,212,216,0.9);--pf-overlay-shadow:0 16px 48px rgba(0,0,0,0.04);--pf-surface-shadow:0 8px 32px rgba(0,0,0,0.02)}.os-root,html[data-theme=dark] .os-root{background:var(--pf-stage);color:var(--pf-ink)}html[data-theme=dark] .os-root{--pf-stage:#020617;--pf-stage-alt:#09090b;--pf-ink:#f8fafc;--pf-muted:#94a3b8;--pf-line:rgba(30,41,59,0.6);--pf-surface:rgba(15,23,42,0.3);--pf-overlay:rgba(15,23,42,0.9);--pf-overlay-line:rgba(51,65,85,0.6);--pf-overlay-shadow:0 12px 40px rgba(0,0,0,0.5);--pf-surface-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}.os-root .pf-surface{background:var(--pf-surface);border:1px solid var(--pf-line);box-shadow:var(--pf-surface-shadow);backdrop-filter:blur(24px)}.os-root .pf-overlay{background:var(--pf-overlay);border:1px solid var(--pf-overlay-line);box-shadow:var(--pf-overlay-shadow)}.os-root h1.os-display{font-size:3rem;line-height:.95}@media (min-width:768px){.os-root h1.os-display{font-size:6rem}}.os-root .pf-muted{color:var(--pf-muted);font-weight:300}.os-root .pf-label,html[data-theme=light] .os-root .pf-label{color:#18181b;font-weight:500}html[data-theme=dark] .os-root .pf-label{color:#94a3b8;font-weight:300}.platform-shell{display:grid;grid-template-columns:minmax(0,1fr);min-height:36rem;overflow:hidden}.platform-shell>*{min-width:0;border-bottom:1px solid var(--pf-line)}.platform-shell>:last-child{border-bottom:0}@media (min-width:640px){.platform-shell{min-height:40rem}}@media (min-width:1024px){.platform-shell{grid-template-columns:minmax(11rem,20%) minmax(14rem,30%) minmax(0,50%);min-height:40rem}.platform-shell>*{border-bottom:0;border-right:1px solid var(--pf-line)}.platform-shell>:last-child{border-right:0}}.pf-bento-term{min-height:11rem;background:#09090b;color:#e2e8f0;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;line-height:1.6}.pf-bento-grid{min-height:11rem;background:linear-gradient(rgba(99,102,241,.22) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.22) 1px,transparent 0),radial-gradient(circle at 50% 45%,rgba(79,70,229,.2),transparent 60%);background-size:18px 18px,18px 18px,auto}.pf-step-pulse{animation:pf-pulse 1.8s ease-in-out infinite}@keyframes pf-pulse{0%,to{opacity:.45;box-shadow:0 0 0 0 rgba(16,185,129,0)}50%{opacity:1;box-shadow:0 0 8px #34d399}}@media (prefers-reduced-motion:reduce){.pf-step-pulse{animation:none;opacity:1}}