.demo-stage,.recording-stage{--brand-blue:#4ca9ff;--brand-violet:#945ff9;--brand-pink:#fb2b9a;--brand-coral:#ff7d6e;--brand-amber:#ffc463;--brand-blue-soft:color-mix(in srgb, var(--brand-blue) 40%, transparent);--brand-coral-soft:color-mix(in srgb, var(--brand-coral) 45%, transparent);--brand-cyan:var(--brand-blue);--brand-cyan-soft:var(--brand-blue-soft);--brand-magenta:var(--brand-coral);--brand-magenta-soft:var(--brand-coral-soft);--ink:#fffffff2;--ink-2:#ffffff9e;--ink-3:#ffffff61;--paper:#f7f7fb;--paper-2:#ecedf2;--paper-ink:#18182a;--paper-ink-2:#5b5d77;--paper-ink-3:#9a9caf;background:radial-gradient(110% 70% at 14% 0%, color-mix(in srgb, var(--brand-blue) 18%, transparent) 0%, transparent 55%), radial-gradient(80% 50% at 60% 0%, color-mix(in srgb, var(--brand-violet) 14%, transparent) 0%, transparent 60%), radial-gradient(120% 70% at 100% 110%, color-mix(in srgb, var(--brand-coral) 22%, transparent) 0%, transparent 55%), radial-gradient(60% 40% at 80% 95%, color-mix(in srgb, var(--brand-pink) 14%, transparent) 0%, transparent 60%), linear-gradient(180deg, #08071f 0%, #050416 60%, #030212 100%);box-shadow:inset 0 1px #ffffff0f,0 30px 90px -40px #000000d9,0 0 0 1px #78a0ff12}@supports (color:lab(0% 0 0)){.demo-stage,.recording-stage{--brand-blue:lab(66.639% -5.40772 -60.4876);--brand-violet:lab(52.3399% 47.3098 -70.9392);--brand-pink:lab(57.2919% 79.6975 -7.21617);--brand-coral:lab(67.7171% 68.5065 46.8922);--brand-amber:lab(83.5544% 24.6395 84.3612)}}.demo-stage{--loop:15s}.recording-stage{--loop:22s}.stage-frame{container-type:inline-size}.stage-canvas{transform-origin:0 0;width:1000px;height:625px;transform:scale(calc(100cqi / 1000px));will-change:transform;position:absolute;inset:0}.toolbar-pill{background:linear-gradient(#0a092c,#030212);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0006,inset 0 0 0 1px #ffffff0f,0 2px 4px #0000002e,0 14px 30px -6px #0000008c}.toolbar-hint-pill{background:linear-gradient(#0a092c,#030212);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0f,0 2px 4px #0000002e,0 8px 24px -4px #00000059}.toolbar-badge{background:var(--brand-blue);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0006,0 0 0 2px #030212}.toolbar-copy:after{content:"";background:color-mix(in srgb, var(--brand-blue) 28%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-blue) 60%, transparent);opacity:0;animation:copy-pulse var(--loop) linear infinite;border-radius:10px;position:absolute;inset:1px}.keycap{background:linear-gradient(#2a2a4a,#181830);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000073,0 0 0 1px #ffffff0f}.cursor-mod{box-shadow:inset 0 1px 0 #ffffff29, 0 0 0 1px color-mix(in srgb, var(--brand-cyan) 70%, transparent), 0 0 10px color-mix(in srgb, var(--brand-cyan) 65%, transparent);background:linear-gradient(#2c3a72,#1a234a)}.copy-toast{box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px color-mix(in srgb, var(--brand-blue) 40%, transparent), 0 0 22px -4px color-mix(in srgb, var(--brand-blue) 50%, transparent), 0 14px 40px -10px #000000a6;background:linear-gradient(#0a092c,#030212)}.hover-outline{border:1.5px dashed var(--brand-blue);background:color-mix(in srgb, var(--brand-blue) 8%, transparent)}.marker{box-shadow:0 2px 6px #00000040,0 1px 2px #0000002e,inset 0 1px #ffffff38,inset 0 -1px #0000002e}.marker:before{content:"";pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 28%, transparent), 0 0 12px 4px color-mix(in srgb, currentColor 18%, transparent);opacity:.55;border-radius:50%;position:absolute;inset:0}.note-popup{background:linear-gradient(#070621,#030212);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0f,0 12px 32px -8px #0000008c,0 4px 12px #00000040}.note-field{box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px 1px #0003}.note-add{background:var(--brand-blue);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000002e,0 1px 2px #0000002e}.note-add:after{content:"";opacity:0;background:#ffffff73;position:absolute;inset:0}.claude-window{--cc-bg:#1a1714;--cc-bg-2:#14110f;--cc-fg:#e8e2d8;--cc-dim:#8a8378;--cc-mute:#6a6358;--cc-cream:#f5efe2;--cc-coral:#e26b4d;--cc-green:#6fb86b;--cc-blue:#7ba3e0;--cc-user-bg:#ffffff0b;background:var(--cc-bg);box-shadow:inset 1px 0 #ffffff0a,-28px 0 60px -20px #0009}.anim-scene-dim{animation:scene-dim var(--loop) linear infinite}.anim-claude-slide{animation:claude-slide var(--loop) cubic-bezier(.7, 0, .2, 1) infinite}.anim-key-hud{animation:key-hud var(--loop) linear infinite}.anim-kp-1{animation:kp-1 var(--loop) linear infinite}.anim-kp-2{animation:kp-2 var(--loop) linear infinite}.anim-kp-3{animation:kp-3 var(--loop) linear infinite}.anim-toolbar-cycle{animation:toolbar-cycle var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}.anim-toolbar-badge{animation:toolbar-badge var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}.anim-badge-1{animation:badge-count-1 var(--loop) linear infinite}.anim-badge-2{animation:badge-count-2 var(--loop) linear infinite}.anim-copy-toast{animation:copy-toast var(--loop) linear infinite}.anim-cursor-path{animation:cursor-path var(--loop) cubic-bezier(.32, .72, .24, 1) infinite}.anim-cursor-mod{animation:cursor-mod var(--loop) linear infinite}.anim-ho-1{animation:ho-1 var(--loop) linear infinite}.anim-ho-2{animation:ho-2 var(--loop) linear infinite}.anim-mk-1{animation:mk-1 var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}.anim-mk-2{animation:mk-2 var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}.anim-np-1{animation:np-1 var(--loop) linear infinite}.anim-np-2{animation:np-2 var(--loop) linear infinite}.anim-type-1{animation:type-1 var(--loop) steps(32, end) infinite}.anim-type-2{animation:type-2 var(--loop) steps(23, end) infinite}.anim-caret-1{animation:caret-1 var(--loop) linear infinite;color:var(--brand-blue)}.anim-caret-2{animation:caret-2 var(--loop) linear infinite;color:var(--brand-blue)}.anim-add-flash-1:after{animation:add-flash-1 var(--loop) linear infinite}.anim-add-flash-2:after{animation:add-flash-2 var(--loop) linear infinite}.anim-cc-user{animation:cc-user var(--loop) linear infinite}.anim-cc-md-1{animation:cc-md-1 var(--loop) linear infinite}.anim-cc-md-2{animation:cc-md-2 var(--loop) linear infinite}.anim-cc-md-3{animation:cc-md-3 var(--loop) linear infinite}.anim-cc-md-5{animation:cc-md-5 var(--loop) linear infinite}.anim-cc-md-6{animation:cc-md-6 var(--loop) linear infinite}.anim-cc-md-7{animation:cc-md-7 var(--loop) linear infinite}.anim-cc-md-9{animation:cc-md-9 var(--loop) linear infinite}.anim-cc-md-10{animation:cc-md-10 var(--loop) linear infinite}.anim-cc-md-11{animation:cc-md-11 var(--loop) linear infinite}.anim-cc-row-a1{animation:cc-row-a1 var(--loop) linear infinite}.anim-cc-row-a2{animation:cc-row-a2 var(--loop) linear infinite}.anim-cc-row-a3{animation:cc-row-a3 var(--loop) linear infinite}.anim-cc-row-a4{animation:cc-row-a4 var(--loop) linear infinite}.anim-cc-row-a5{animation:cc-row-a5 var(--loop) linear infinite}.anim-cc-pulse{animation:1s ease-in-out infinite cc-pulse}@keyframes scene-dim{0%,51%{filter:none}54%,99%{filter:brightness(.55)saturate(.8)blur(.5px)}to{filter:none}}@keyframes claude-slide{0%,51%{opacity:0;transform:translate(105%)}54%{opacity:1;transform:translate(0)}54.5%,99%{opacity:1;transform:translate(0)}99.5%,to{opacity:0;transform:translate(105%)}}@keyframes key-hud{0%,1.5%{opacity:0;transform:translate(-50%,calc(-50% - 6px))}3%,9%{opacity:1;transform:translate(-50%,-50%)}12%,to{opacity:0;transform:translate(-50%,calc(-50% - 6px))}}@keyframes kp-1{0%,3%{background:linear-gradient(#2a2a4a,#181830);transform:translateY(0)}4%,6%{box-shadow:inset 0 1px 0 #fff3, 0 0 0 1px var(--brand-cyan), 0 0 12px var(--brand-cyan-soft);background:linear-gradient(#3a4a8a,#1d2858);transform:translateY(1px)}8.5%,to{background:linear-gradient(#2a2a4a,#181830);transform:translateY(0)}}@keyframes kp-2{0%,4%{background:linear-gradient(#2a2a4a,#181830);transform:translateY(0)}5.5%,8%{box-shadow:inset 0 1px 0 #fff3, 0 0 0 1px var(--brand-cyan), 0 0 12px var(--brand-cyan-soft);background:linear-gradient(#3a4a8a,#1d2858);transform:translateY(1px)}10%,to{background:linear-gradient(#2a2a4a,#181830);transform:translateY(0)}}@keyframes kp-3{0%,5.5%{background:linear-gradient(#2a2a4a,#181830);transform:translateY(0)}7%,9%{box-shadow:inset 0 1px 0 #fff3, 0 0 0 1px var(--brand-cyan), 0 0 12px var(--brand-cyan-soft);background:linear-gradient(#3a4a8a,#1d2858);transform:translateY(1px)}11%,to{background:linear-gradient(#2a2a4a,#181830);transform:translateY(0)}}@keyframes toolbar-cycle{0%,7%{opacity:0;transform:translate(-50%)translateY(60px)}10%,47%{opacity:1;transform:translate(-50%)translateY(0)}51%,to{opacity:0;transform:translate(-50%)translateY(28px)}}@keyframes toolbar-badge{0%,16%{opacity:0;transform:scale(.3)}18%,37%{opacity:1;transform:scale(1)}38%{opacity:1;transform:scale(1.18)}40%,47%{opacity:1;transform:scale(1)}50%,to{opacity:0;transform:scale(.3)}}@keyframes badge-count-1{0%,37%{opacity:1}38%,to{opacity:0}}@keyframes badge-count-2{0%,37%{opacity:0}38%,to{opacity:1}}@keyframes copy-pulse{0%,46%{opacity:0;transform:scale(.7)}48%{opacity:1;transform:scale(1.6)}49%{opacity:.85;transform:scale(1.3)}51%,to{opacity:0;transform:scale(.7)}}@keyframes copy-toast{0%,47%{opacity:0;transform:translate(-50%)translateY(8px)}49%,53%{opacity:1;transform:translate(-50%)translateY(0)}55%,to{opacity:0;transform:translate(-50%)translateY(-4px)}}@keyframes cursor-path{0%,9%{opacity:0;top:94%;left:5%;transform:translate(0)}10%{opacity:1;top:94%;left:5%;transform:translate(0)}14%{opacity:1;top:13%;left:18%;transform:translate(0)}16%{opacity:1;top:13%;left:18%;transform:translate(2px,1px)}17%{opacity:1;top:13%;left:18%;transform:translate(0)}27%{opacity:1;top:13%;left:18%;transform:translate(0)}32%{opacity:1;top:52%;left:86%;transform:translate(0)}34%{opacity:1;top:52%;left:86%;transform:translate(2px,1px)}35%{opacity:1;top:52%;left:86%;transform:translate(0)}43%{opacity:1;top:52%;left:86%;transform:translate(0)}46%{opacity:1;top:88%;left:41%;transform:translate(0)}48%{opacity:1;top:88%;left:41%;transform:translate(2px,1.5px)}49%{opacity:1;top:88%;left:41%;transform:translate(2px,1.5px)}50%{opacity:1;top:88%;left:41%;transform:translate(0)}52%{opacity:1;top:88%;left:41%;transform:translate(0)}54%{opacity:0;top:88%;left:41%;transform:translate(0)}to{opacity:0;top:94%;left:5%;transform:translate(0)}}@keyframes cursor-mod{0%,12%{opacity:0;transform:scale(.7)}13%,35%{opacity:1;transform:scale(1)}37%,to{opacity:0;transform:scale(.7)}}@keyframes ho-1{0%,13%{opacity:0}15%,17%{opacity:1}18%,to{opacity:0}}@keyframes mk-1{0%,15%{opacity:0;transform:scale(.3)translateY(-4px)}17%{opacity:1;transform:scale(1.18)translateY(0)}20%,99%{opacity:1;transform:scale(1)translateY(0)}99.5%,to{opacity:0;transform:scale(.3)}}@keyframes np-1{0%,17.5%{opacity:0;transform:scale(.96)translateY(-4px)}20%,25%{opacity:1;transform:scale(1)translateY(0)}27%,to{opacity:0;transform:scale(.96)translateY(-4px)}}@keyframes type-1{0%,20%{width:0}24%,25%{width:22.5ch}27%,to{width:0}}@keyframes caret-1{0%,20%{opacity:0}20.5%{opacity:1}24%{opacity:1}26%,to{opacity:0}}@keyframes add-flash-1{0%,25%{opacity:0}26%{opacity:.55}27%,to{opacity:0}}@keyframes ho-2{0%,31%{opacity:0}33%,35%{opacity:1}36%,to{opacity:0}}@keyframes mk-2{0%,34%{opacity:0;transform:scale(.3)translateY(-4px)}36%{opacity:1;transform:scale(1.18)translateY(0)}38%,99%{opacity:1;transform:scale(1)translateY(0)}99.5%,to{opacity:0;transform:scale(.3)}}@keyframes np-2{0%,36%{opacity:0;transform:scale(.96)translateY(-4px)}38%,43%{opacity:1;transform:scale(1)translateY(0)}45%,to{opacity:0;transform:scale(.96)translateY(-4px)}}@keyframes type-2{0%,38%{width:0}41%,43%{width:18ch}45%,to{width:0}}@keyframes caret-2{0%,38%{opacity:0}38.5%{opacity:1}42%{opacity:1}43%,to{opacity:0}}@keyframes add-flash-2{0%,43%{opacity:0}43.5%{opacity:.55}45%,to{opacity:0}}@keyframes cc-user{0%,53%{opacity:0;transform:translateY(4px)}54%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(4px)}}@keyframes cc-md-1{0%,54%{opacity:0;transform:translateY(2px)}55%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-md-2{0%,54.5%{opacity:0;transform:translateY(2px)}55.5%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-md-3{0%,55%{opacity:0;transform:translateY(2px)}56%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-md-5{0%,55.5%{opacity:0;transform:translateY(2px)}56.5%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-md-6{0%,56%{opacity:0;transform:translateY(2px)}57%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-md-7{0%,56.5%{opacity:0;transform:translateY(2px)}57.5%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-md-9{0%,57%{opacity:0;transform:translateY(2px)}58%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-md-10{0%,57.5%{opacity:0;transform:translateY(2px)}58.5%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-md-11{0%,58%{opacity:0;transform:translateY(2px)}59%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-row-a1{0%,60%{opacity:0;transform:translateY(2px)}61.5%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-row-a2{0%,62.5%{opacity:0;transform:translateY(2px)}64%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-row-a3{0%,65%{opacity:0;transform:translateY(2px)}66.5%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-row-a4{0%,67.5%{opacity:0;transform:translateY(2px)}68%,68.8%{opacity:1;transform:translateY(0)}69.2%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-row-a5{0%,69.5%{opacity:0;transform:translateY(2px)}71%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(2px)}}@keyframes cc-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.demo-stage *,.demo-stage :before,.demo-stage :after{animation:none!important}.demo-stage .anim-toolbar-cycle,.demo-stage .anim-toolbar-badge,.demo-stage .anim-mk-1,.demo-stage .anim-mk-2,.demo-stage .anim-key-hud{opacity:1!important;transform:none!important}.demo-stage .anim-cursor-path,.demo-stage .anim-np-1,.demo-stage .anim-np-2,.demo-stage .anim-claude-slide,.demo-stage .anim-copy-toast,.demo-stage .anim-ho-1,.demo-stage .anim-ho-2{opacity:0!important}}
.anim-rec-toolbar-cycle{animation:rec-toolbar-cycle var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}@keyframes rec-toolbar-cycle{0%,7%{opacity:0;transform:translate(-50%)translateY(60px)}10%,49%{opacity:1;transform:translate(-50%)translateY(0)}52%,to{opacity:0;transform:translate(-50%)translateY(28px)}}.anim-rec-route-amber{animation:rec-route-amber var(--loop) linear infinite, rec-route-pulse 1.5s ease-in-out infinite}@keyframes rec-route-amber{0%,13.5%{color:#ffffffd9;background:0 0}14.5%,46%{color:#ffb333;color:lab(78.9668% 21.4103 72.2375);background:#f2a6182e}47%,to{color:#ffffffd9;background:0 0}}@keyframes rec-route-pulse{0%,to{opacity:1}50%{opacity:.6}}.anim-rec-list-badge{animation:rec-list-badge var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}@keyframes rec-list-badge{0%,18%{opacity:0;transform:scale(.3)}19.5%{opacity:1;transform:scale(1.18)}21%,46%{opacity:1;transform:scale(1)}47%,to{opacity:0;transform:scale(.3)}}.anim-rec-count-1{animation:rec-count-1 var(--loop) linear infinite}.anim-rec-count-2{animation:rec-count-2 var(--loop) linear infinite}.anim-rec-count-3{animation:rec-count-3 var(--loop) linear infinite}@keyframes rec-count-1{0%,18%{opacity:0}19.5%,25.5%{opacity:1}26.5%,to{opacity:0}}@keyframes rec-count-2{0%,25.5%{opacity:0}27%,34%{opacity:1}35.5%,to{opacity:0}}@keyframes rec-count-3{0%,34%{opacity:0}35.5%,46%{opacity:1}47%,to{opacity:0}}.anim-rec-hint-idle{animation:rec-hint-idle var(--loop) linear infinite}.anim-rec-hint-recording{animation:rec-hint-recording var(--loop) linear infinite}.anim-rec-hint-dot{animation:1.2s ease-in-out infinite rec-hint-dot}@keyframes rec-hint-idle{0%,13.5%{opacity:1}15%,to{opacity:0}}@keyframes rec-hint-recording{0%,13.5%{opacity:0}15%,to{opacity:1}}@keyframes rec-hint-dot{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.anim-rec-cursor-mod{animation:rec-cursor-mod var(--loop) linear infinite}@keyframes rec-cursor-mod{0%,28.5%{opacity:0;transform:scale(.7)}30%,42%{opacity:1;transform:scale(1)}43.5%,to{opacity:0;transform:scale(.7)}}.anim-rec-send-flash:after{content:"";opacity:0;animation:rec-send-flash var(--loop) linear infinite;background:#ffffff8c;position:absolute;inset:0}@keyframes rec-send-flash{0%,25%{opacity:0}25.5%{opacity:.7}27%,to{opacity:0}}.anim-rec-tab-patron{animation:rec-tab-patron var(--loop) cubic-bezier(.32, .72, .24, 1) infinite}@keyframes rec-tab-patron{0%,17.5%{background:#fff;border-color:#00000014}18.5%,99%{background:color-mix(in srgb, var(--brand-blue) 8%, white);border-color:color-mix(in srgb, var(--brand-blue) 65%, transparent)}99.5%,to{background:#fff;border-color:#00000014}}.anim-rec-confirm{animation:rec-confirm var(--loop) linear infinite}@keyframes rec-confirm{0%,25.5%{opacity:0;transform:translateY(-2px)}27%,99%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(-2px)}}.anim-rec-msg-placeholder{animation:rec-msg-placeholder var(--loop) linear infinite}@keyframes rec-msg-placeholder{0%,18.5%{opacity:1}19.5%,99%{opacity:0}99.5%,to{opacity:1}}.anim-rec-msg-autofill{animation:rec-msg-autofill var(--loop) linear infinite}@keyframes rec-msg-autofill{0%,18.5%{opacity:0}20%,99%{opacity:1}99.5%,to{opacity:0}}.anim-rec-bug-flash{animation:rec-bug-flash var(--loop) ease-out infinite}@keyframes rec-bug-flash{0%,25.5%{box-shadow:none;color:var(--paper-ink);background:0 0}27%,30.5%{color:#a60011;color:lab(33.8858% 70.2525 54.0093);background:#ffe6e3;background:lab(93.5447% 21.5811 11.7387);box-shadow:inset 0 0 0 1.5px #f94144,0 0 24px -6px #f94144;box-shadow:inset 0 0 0 1.5px lab(57.1752% 69.5963 43.0458),0 0 24px -6px lab(57.1752% 69.5963 43.0458)}34%,46%{color:#a60011;color:lab(33.8858% 70.2525 54.0093);background:#fff0ee;background:lab(96.1493% 12.2788 6.63452);box-shadow:inset 0 0 0 1px #ffb8b1;box-shadow:inset 0 0 0 1px lab(81.6511% 30.9962 17.0515)}47%,to{box-shadow:none;color:var(--paper-ink);background:0 0}}.anim-rec-ho-3{animation:rec-ho-3 var(--loop) linear infinite}@keyframes rec-ho-3{0%,31%{opacity:0}32%,33%{opacity:1}34%,to{opacity:0}}.anim-rec-mk-1{animation:rec-mk-1 var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}.anim-rec-mk-2{animation:rec-mk-2 var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}.anim-rec-mk-3{animation:rec-mk-3 var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}@keyframes rec-mk-1{0%,18%{opacity:0;transform:scale(.3)translateY(-4px)}19.5%{opacity:1;transform:scale(1.18)translateY(0)}21%,99%{opacity:1;transform:scale(1)translateY(0)}99.5%,to{opacity:0;transform:scale(.3)}}@keyframes rec-mk-2{0%,25.5%{opacity:0;transform:scale(.3)translateY(-4px)}27%{opacity:1;transform:scale(1.18)translateY(0)}28.5%,99%{opacity:1;transform:scale(1)translateY(0)}99.5%,to{opacity:0;transform:scale(.3)}}@keyframes rec-mk-3{0%,33.5%{opacity:0;transform:scale(.3)translateY(-4px)}35%{opacity:1;transform:scale(1.18)translateY(0)}36.5%,99%{opacity:1;transform:scale(1)translateY(0)}99.5%,to{opacity:0;transform:scale(.3)}}.anim-rec-np-3{animation:rec-np-3 var(--loop) linear infinite}@keyframes rec-np-3{0%,34.5%{opacity:0;transform:scale(.96)translateY(4px)}36%,43%{opacity:1;transform:scale(1)translateY(0)}44%,to{opacity:0;transform:scale(.96)translateY(4px)}}.anim-rec-type-3{animation:rec-type-3 var(--loop) steps(19, end) infinite}@keyframes rec-type-3{0%,36%{width:0}40.5%,43%{width:14ch}44%,to{width:0}}.anim-rec-caret-3{animation:rec-caret-3 var(--loop) linear infinite}@keyframes rec-caret-3{0%,36%{opacity:0}36.5%{opacity:1}43%{opacity:1}44%,to{opacity:0}}.anim-rec-add-flash-3:after{animation:rec-add-flash-3 var(--loop) linear infinite}@keyframes rec-add-flash-3{0%,42.5%{opacity:0}43%{opacity:.55}44%,to{opacity:0}}.anim-rec-cursor-path{animation:rec-cursor-path var(--loop) cubic-bezier(.32, .72, .24, 1) infinite}@keyframes rec-cursor-path{0%,9%{opacity:0;top:96%;left:5%;transform:translate(0)}10%{opacity:1;top:96%;left:5%;transform:translate(0)}13%{opacity:1;top:90%;left:51%;transform:translate(0)}13.5%{transform:translate(2px,1px)}14.5%{transform:translate(0)}17%{top:29%;left:50%;transform:translate(0)}17.5%{transform:translate(2px,1px)}18.5%{transform:translate(0)}21%{top:29%;left:50%;transform:translate(0)}24.5%{top:42%;left:93%;transform:translate(0)}25%{transform:translate(2px,1px)}26%{transform:translate(0)}28.5%{top:42%;left:93%;transform:translate(0)}31%{top:94%;left:93%;transform:translate(0)}33%{transform:translate(2px,1px)}34%{transform:translate(0)}44%{top:94%;left:93%;transform:translate(0)}46%{top:90%;left:44%;transform:translate(0)}48%{transform:translate(2px,1px)}49%{transform:translate(0)}50%{top:90%;left:44%;transform:translate(0)}51%{opacity:1;top:90%;left:44%;transform:translate(0)}52%{opacity:0;top:90%;left:44%}to{opacity:0;top:96%;left:5%}}@media (prefers-reduced-motion:reduce){.recording-stage *,.recording-stage :before,.recording-stage :after{animation:none!important}.recording-stage .anim-rec-toolbar-cycle{opacity:1!important;transform:none!important}.recording-stage .anim-rec-tab-patron{background:#fff!important;box-shadow:0 1px #0000000a,0 0 0 1px #0000000a!important}.recording-stage .anim-rec-hint-idle{opacity:1!important}.recording-stage .anim-key-hud,.recording-stage .anim-rec-cursor-path,.recording-stage .anim-rec-cursor-mod,.recording-stage .anim-rec-list-badge,.recording-stage .anim-rec-hint-recording,.recording-stage .anim-rec-confirm,.recording-stage .anim-rec-mk-1,.recording-stage .anim-rec-mk-2,.recording-stage .anim-rec-mk-3,.recording-stage .anim-rec-np-3,.recording-stage .anim-rec-ho-3,.recording-stage .anim-claude-slide{opacity:0!important}}
.hunt-chip{width:28px;height:28px;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;color:#ffffff4d;cursor:pointer;background:#ffffff04;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:500;transition:color .2s ease-out,background .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out;animation:8s ease-in-out infinite hunt-chip-drift;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff08}.hunt-chip__num{z-index:1;position:relative}.hunt-chip:hover{color:#ffffffeb;background:#ffffff0d;transform:scale(1.08);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 1px #ffffff14,0 0 18px -6px #ffffff38}@keyframes hunt-chip-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hunt-chip--start{animation:7s ease-in-out infinite hunt-chip-drift,2s ease-in-out infinite hunt-chip-start}@keyframes hunt-chip-start{0%,to{color:#ffffff8c;box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #ffffff0d,0 0 #fff0}50%{color:#fffffff2;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 1px #ffffff1a,0 0 22px -2px #ffffff40}}.hunt-chip--wrong{color:#ffaaaaf2;animation:.38s cubic-bezier(.36,.07,.19,.97) hunt-chip-shake;box-shadow:inset 0 0 0 1px #ff82828c,inset 0 1px #ffffff0f}@keyframes hunt-chip-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)rotate(-2deg)}40%{transform:translate(4px)rotate(2deg)}60%{transform:translate(-3px)rotate(-1deg)}80%{transform:translate(2px)rotate(1deg)}}.hunt-burst{opacity:0;background:radial-gradient(circle,#ffffff73 0%,#0000 70%);border-radius:999px;width:8px;height:8px;margin:-4px 0 0 -4px;animation:.9s ease-out forwards hunt-burst;position:absolute;box-shadow:0 0 18px 2px #ffffff2e}@keyframes hunt-burst{0%{opacity:0;transform:scale(.4)}20%{opacity:.75}to{opacity:0;transform:scale(6)}}.hunt-banner-fade{opacity:0;animation:.5s ease-out forwards brand-fade-in}.hunt-sticker{opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s forwards hunt-sticker-drop;transform:translateY(8px)rotate(-3deg)}@keyframes hunt-sticker-drop{to{opacity:1;transform:translateY(0)rotate(-3deg)}}.hunt-reset-icon{color:#fff6;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:13px;line-height:1;transition:color .18s ease-out,transform .35s cubic-bezier(.16,1,.3,1);display:inline-flex}.hunt-reset-icon:hover{color:#fffffff2;transform:rotate(-180deg)}@media (prefers-reduced-motion:reduce){.hunt-chip,.hunt-chip--start,.hunt-chip--wrong,.hunt-burst,.hunt-sticker,.hunt-banner-fade{animation:none}}