.cursor{z-index:5;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 6px #00000073);position:absolute;top:50%;left:50%}.cursor svg{display:block}.cursor__ring{border:2px solid var(--accent);opacity:0;border-radius:50%;width:22px;height:22px;position:absolute;top:2px;left:4px;translate:-50% -50%}.screen[data-phase=ui] .cursor{animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.cursor{display:none}}.screen[data-phase=ui] .cursor--dashboard{animation:7s cubic-bezier(.45,0,.2,1) 1.2s forwards cur-dash}.screen[data-phase=ui] .cursor--dashboard .cursor__ring{animation:7s 1.2s forwards click}@keyframes cur-dash{0%{opacity:0;top:110%;left:60%}8%{opacity:1}22%,30%{top:34%;left:9%}50%,58%{top:16%;left:55%}78%,86%{top:92%;left:40%}to{opacity:1;top:92%;left:40%}}@keyframes click{0%,27%{opacity:0;scale:.4}28%{opacity:.9;scale:.4}34%{opacity:0;scale:1.8}81%{opacity:0;scale:.4}82%{opacity:.9;scale:.4}88%{opacity:0;scale:1.8}to{opacity:0}}.screen[data-phase=ui] .ui-nav:nth-of-type(2){animation:.5s forwards slidein,7s 1.2s forwards nav-hit}@keyframes nav-hit{0%,28%{color:var(--muted);background:0 0}30%,to{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}}.screen[data-phase=ui] .ui-stat:nth-child(2){animation:.5s .52s forwards popin,7s 1.2s forwards stat-lift}@keyframes stat-lift{0%,50%{border-color:var(--line);translate:0}54%,62%{border-color:var(--accent);translate:0 -4px}66%,to{translate:0}}.screen[data-phase=ui] .ui-progress span{animation:2.2s ease-out 1.2s forwards progress,7s 1.2s forwards refill}@keyframes refill{0%,80%{}82%{width:0}to{width:100%}}.chat{grid-area:2/1;grid-template-rows:1fr auto;gap:1rem;min-height:22rem;padding:1.25rem;display:grid;position:relative}.chat__log{align-content:end;gap:.6rem;display:grid}.bubble{border-radius:var(--r-md);max-width:70%;font-size:var(--text-sm);opacity:0;padding:.7rem 1rem;line-height:1.4}.bubble--them{background:color-mix(in srgb, var(--muted) 18%, transparent);border-bottom-left-radius:4px;justify-self:start}.bubble--me{background:var(--accent);color:var(--bg);border-bottom-right-radius:4px;justify-self:end}.bubble--1{opacity:1}.bubble--typing{gap:4px;padding:.8rem 1rem;display:none}.bubble--typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1s infinite dot}.bubble--typing i:nth-child(2){animation-delay:.15s}.bubble--typing i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{opacity:.5;translate:0 -4px}}.chat__composer{border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1.1rem;display:flex}.chat__input{font-size:var(--text-base);flex:1;align-items:center;min-height:1.3em;display:flex}.caret{background:var(--text);opacity:0;width:1px;height:1.1em;margin-left:2px}.chat__send{background:var(--accent);width:2rem;height:2rem;color:var(--bg);font-weight:var(--w-head);border-radius:50%;place-items:center;display:grid}.screen[data-phase=ui] .caret{animation:7s .9s forwards caret-blink}@keyframes caret-blink{0%,8%{opacity:0}9%,40%{opacity:1}41%,to{opacity:0}}.screen[data-phase=ui] .chat__input{animation:7s forwards clear-input}@keyframes clear-input{0%,39%{color:var(--text)}40%,to{color:#0000}}.screen[data-phase=ui] .bubble--2{animation:.45s cubic-bezier(.2,.8,.2,1) 2.85s forwards bubble-in}.screen[data-phase=ui] .bubble--typing{animation:7s forwards typing-show;display:flex}@keyframes typing-show{0%,47%{opacity:0}50%,72%{opacity:1}74%,to{opacity:0;display:none}}.screen[data-phase=ui] .bubble--3{animation:.45s cubic-bezier(.2,.8,.2,1) 5.15s forwards bubble-in}@keyframes bubble-in{0%{opacity:0;translate:0 10px;scale:.96}to{opacity:1}}.screen[data-phase=ui] .chat__send{animation:7s forwards send-hit}@keyframes send-hit{0%,38%{scale:1}40%{scale:.8}43%{scale:1.1}46%,to{scale:1}}.screen[data-phase=ui] .cursor--composer{animation:7s cubic-bezier(.45,0,.2,1) forwards cur-chat}.screen[data-phase=ui] .cursor--composer .cursor__ring{animation:7s forwards click-chat}@keyframes cur-chat{0%{opacity:0;top:40%;left:70%}6%{opacity:1}12%,36%{top:88%;left:30%}40%,46%{top:88%;left:92%}60%{opacity:1;top:60%;left:80%}to{opacity:0;top:60%;left:80%}}@keyframes click-chat{0%,11%{opacity:0;scale:.4}12%{opacity:.9}17%{opacity:0;scale:1.8}39%{opacity:0;scale:.4}40%{opacity:.9}45%{opacity:0;scale:1.8}to{opacity:0}}.board{grid-area:2/1;grid-template-columns:repeat(3,1fr);gap:1rem;min-height:22rem;padding:1.25rem;display:grid;position:relative}.col{background:color-mix(in srgb, var(--bg) 50%, transparent);border:1px solid var(--line);border-radius:var(--r-md);align-content:start;gap:.6rem;padding:.9rem;display:grid}.col__name{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);justify-content:space-between;margin:0 0 .3rem;display:flex}.col__count{font-weight:400}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--text-sm);padding:.8rem .9rem}.card--ghost{opacity:0;background:0 0;border-style:dashed;min-height:2.9rem}.card--drag{z-index:4;position:relative}.screen[data-phase=ui] .card--drag{animation:6s cubic-bezier(.45,0,.2,1) .8s forwards drag}@keyframes drag{0%,20%{box-shadow:none;translate:0;rotate:none}24%{rotate:-2deg;scale:1.04}60%{translate:calc(200% + 5.6rem);rotate:-2deg;scale:1.04}66%,to{box-shadow:none;border-color:var(--accent);translate:calc(200% + 5.6rem);rotate:none;scale:1}}.screen[data-phase=ui] .card--ghost{animation:6s .8s forwards ghost}@keyframes ghost{0%,30%{opacity:0}40%,60%{opacity:.6;border-color:var(--accent)}70%,to{opacity:0}}.screen[data-phase=ui] .col--2 .col__count{animation:6s .8s forwards count-up}.screen[data-phase=ui] .col--0 .col__count{animation:6s .8s forwards count-down}@keyframes count-up{0%,64%{color:var(--muted)}66%{color:var(--accent);scale:1.4}80%,to{color:var(--accent);scale:1}}@keyframes count-down{0%,64%{}66%,to{opacity:.5}}.col--2 .col__count:after{content:"0"}.screen[data-phase=ui] .col--2 .col__count:after{animation:6s .8s forwards to-one}.col--0 .col__count:after{content:"2"}.screen[data-phase=ui] .col--0 .col__count:after{animation:6s .8s forwards to-one}@keyframes to-one{0%,65%{content:attr(data-x)}66%,to{content:"1"}}.col__count{font-size:0}.col__count:after{font-size:var(--text-xs)}.screen[data-phase=ui] .cursor--kanban{animation:6s cubic-bezier(.45,0,.2,1) .8s forwards cur-kan}.screen[data-phase=ui] .cursor--kanban .cursor__ring{animation:6s .8s forwards click-kan}@keyframes cur-kan{0%{opacity:0;top:100%;left:50%}8%{opacity:1}20%,24%{top:28%;left:14%}60%{top:28%;left:82%}66%,80%{opacity:1;top:28%;left:82%}to{opacity:0;top:70%;left:90%}}@keyframes click-kan{0%,19%{opacity:0;scale:.4}20%{opacity:.9}26%{opacity:0;scale:1.8}to{opacity:0}}.settings{grid-area:2/1;grid-template-columns:1.2fr 1fr;gap:1.25rem;min-height:22rem;padding:1.25rem;display:grid;position:relative}.settings__list{align-content:start;gap:.5rem;display:grid;position:relative}.settings__head{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}.row{border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.toggle{border-radius:var(--r-pill);background:color-mix(in srgb, var(--muted) 35%, transparent);flex:none;width:38px;height:22px;transition:background .25s;position:relative}.toggle b{background:var(--text);border-radius:50%;width:16px;height:16px;transition:translate .25s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px}.saved{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent);opacity:0;position:absolute;bottom:-1.8rem;right:0}.settings__preview{border:1px solid var(--line);border-radius:var(--r-md);align-content:start;gap:.75rem;padding:1rem;display:grid}.swatch{border-radius:var(--r-sm);background:color-mix(in srgb, var(--muted) 30%, transparent);height:6rem}.swatch__lines{gap:.4rem;display:grid}.swatch__lines i{background:color-mix(in srgb, var(--muted) 30%, transparent);border-radius:0;width:80%;height:8px}.swatch__lines i:nth-child(2){width:60%}.swatch__lines i:nth-child(3){width:40%}.screen[data-phase=ui] .row--0 .toggle{animation:6.5s .6s forwards t-on}.screen[data-phase=ui] .row--0 .toggle b{animation:6.5s .6s forwards k-on}.screen[data-phase=ui] .row--1 .toggle{animation:6.5s 2s forwards t-on}.screen[data-phase=ui] .row--1 .toggle b{animation:6.5s 2s forwards k-on}.screen[data-phase=ui] .row--2 .toggle{animation:6.5s 3.4s forwards t-on}.screen[data-phase=ui] .row--2 .toggle b{animation:6.5s 3.4s forwards k-on}@keyframes t-on{0%,17%{background:color-mix(in srgb, var(--muted) 35%, transparent)}19%,to{background:var(--accent)}}@keyframes k-on{0%,17%{translate:0}19%,to{translate:16px}}.screen[data-phase=ui] .swatch{animation:6.5s .6s forwards swatch}@keyframes swatch{0%,17%{background:color-mix(in srgb, var(--muted) 30%, transparent)}19%,39%{background:var(--accent)}41%,60%{background:var(--accent2)}62%,to{background:var(--text)}}.screen[data-phase=ui] .saved{animation:6.5s .6s forwards saved}@keyframes saved{0%,62%{opacity:0;translate:0 4px}66%,90%{opacity:1;translate:0}to{opacity:0}}.screen[data-phase=ui] .cursor--switches{animation:6.5s cubic-bezier(.45,0,.2,1) .6s forwards cur-sw}.screen[data-phase=ui] .cursor--switches .cursor__ring{animation:6.5s .6s forwards click-sw}@keyframes cur-sw{0%{opacity:0;top:100%;left:70%}6%{opacity:1}15%,20%{top:24%;left:50%}36%,41%{top:45%;left:50%}57%,62%{top:66%;left:50%}80%{opacity:1;top:80%;left:60%}to{opacity:0;top:80%;left:60%}}@keyframes click-sw{0%,16%{opacity:0;scale:.4}17%{opacity:.9}22%{opacity:0;scale:1.8}37%{opacity:0;scale:.4}38%{opacity:.9}43%{opacity:0;scale:1.8}58%{opacity:0;scale:.4}59%{opacity:.9}64%{opacity:0;scale:1.8}to{opacity:0}}@media (max-width:720px){.settings{grid-template-columns:1fr}.settings__preview{display:none}.board{grid-template-columns:1fr}}.screen--composer,.screen--kanban,.screen--switches{min-height:0}.screen--os .os-agent{font-size:var(--text-xs);color:var(--muted);border-radius:var(--r-sm);opacity:0;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex;transform:translate(-10px)}.screen[data-phase=ui] .os-agent{animation:.5s forwards slidein}.os-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.screen--os .os-agent:nth-of-type(3) .os-dot{background:color-mix(in srgb, var(--muted) 60%, transparent);box-shadow:none}.screen[data-phase=ui] .os-agent:first-of-type{animation:.5s forwards slidein,7s 1.2s forwards os-agent-hit}@keyframes os-agent-hit{0%,28%{color:var(--muted);background:0 0}30%,to{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}}.os-feed{align-content:start;gap:.5rem;margin-top:.25rem;display:grid}.os-feed-h{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);margin:0 0 .2rem}.os-task{font-size:var(--text-sm);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);background:color-mix(in srgb, var(--bg) 45%, transparent);opacity:0;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex;transform:translateY(8px)}.os-task-i{color:var(--accent);font-family:var(--mono)}.os-task.ok .os-task-i{color:var(--accent)}.os-task.ok{color:var(--muted)}.screen[data-phase=ui] .os-task:not(.spawned){animation:.45s cubic-bezier(.2,.8,.2,1) forwards os-task-in}@keyframes os-task-in{to{opacity:1;transform:none}}.os-task.spawned{border-color:var(--accent)}.screen[data-phase=ui] .os-task.spawned{animation:7s 1.2s forwards os-spawn}@keyframes os-spawn{0%,83%{opacity:0;transform:translateY(8px)}89%,to{opacity:1;transform:none}}.os-cmd{border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;gap:.6rem;margin-top:.25rem;padding:.5rem .5rem .5rem 1rem;display:flex}.os-cmd-text{font-family:var(--mono);font-size:var(--text-xs);color:var(--text);white-space:nowrap;flex:1;align-items:center;min-height:1.3em;display:flex;overflow:hidden}.os-caret{background:var(--text);opacity:0;width:1px;height:1.1em;margin-left:2px}.screen[data-phase=ui] .os-caret{animation:7s 3.2s forwards caret-blink}.os-run{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--track-label);text-transform:uppercase;background:var(--accent);color:var(--bg);border-radius:var(--r-pill);padding:.5em 1em}.screen[data-phase=ui] .os-run{animation:7s 1.2s forwards os-run-hit}@keyframes os-run-hit{0%,81%{scale:1}83%{scale:.88}86%{scale:1.06}89%,to{scale:1}}.os-agent,.os-run{position:relative}.os-agent .cursor,.os-run .cursor{top:50%;left:50%}.screen[data-phase=ui] .os-agent .cursor{animation:7s cubic-bezier(.45,0,.2,1) 1.2s forwards cur-os-a}.screen[data-phase=ui] .os-run .cursor{animation:7s cubic-bezier(.45,0,.2,1) 1.2s forwards cur-os-b}.screen[data-phase=ui] .os-agent .cursor__ring{animation:7s 1.2s forwards click-os-a}.screen[data-phase=ui] .os-run .cursor__ring{animation:7s 1.2s forwards click-os-b}@keyframes cur-os-a{0%{opacity:0;translate:220px 420px}8%{opacity:1}22%,30%{opacity:1;translate:0}44%,to{opacity:0;translate:220px 300px}}@keyframes cur-os-b{0%,40%{opacity:0;translate:-320px -60px}46%{opacity:1}56%,62%{opacity:1;translate:-160px}74%,to{opacity:1;translate:0}}@keyframes click-os-a{0%,27%{opacity:0;scale:.4}28%{opacity:.9;scale:.4}34%,to{opacity:0;scale:1.8}}@keyframes click-os-b{0%,81%{opacity:0;scale:.4}82%{opacity:.9;scale:.4}88%,to{opacity:0;scale:1.8}}.os-n:after{content:"12"}.screen[data-phase=ui] .os-n:after{animation:7s 1.2s forwards os-n}@keyframes os-n{0%,82%{content:"12"}83%,to{content:"13"}}.screen[data-phase=ui] .os-cmd-text{animation:7s 1.2s forwards os-cmd-clear}@keyframes os-cmd-clear{0%,84%{opacity:1}88%,to{opacity:.35}}