:root{--font-voice:"Instrument Serif", "Iowan Old Style", "Apple Garamond", "Baskerville", Georgia, serif;--font-structure:"Geist", "Inter", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;--font-measurement:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--type-display-xl:clamp(2.4rem, 5vw + .5rem, 4.8rem);--type-display-l:clamp(1.7rem, 2.5vw + .4rem, 2.4rem);--type-h2:clamp(1.25rem, .8vw + .9rem, 1.45rem);--type-voice:.875rem;--type-body:1rem;--type-body-strong:1rem;--type-label:.8125rem;--type-micro:.6875rem;--type-measure:.8125rem;--leading-tight:1.04;--leading-snug:1.22;--leading-normal:1.55;--leading-relaxed:1.65;--tracking-tight:-.025em;--tracking-snug:-.015em;--tracking-normal:0;--tracking-wide:.04em;--tracking-kicker:.08em;--feat-num:"tnum" 1, "zero" 1, "ss01" 1, "cv11" 1;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:56px;--space-11:64px;--space-12:80px;--space-14:112px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--duration-fast:.12s;--duration-base:.22s;--duration-slow:.32s;--duration-deliberate:.38s;--duration-stillness:1.2s;--ease-quart:cubic-bezier(.22, 1, .36, 1);--ease-quint:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-linear:linear;--z-base:0;--z-popover:10;--z-sticky:20;--z-toast:30;--z-backdrop:40;--z-modal:50;--z-tooltip:60;--shadow-soft:0 1px 0 #ffffff0d inset, 0 4px 12px -4px #0000000f;--shadow-hard:0 1px 0 #ffffff0f inset, 0 16px 48px -10px #0000002e;--shadow-glow:0 0 0 1px #009b9b4d, 0 0 18px #009b9b4d;--shadow-reward-glow:0 0 0 1px #f4a50059, 0 0 22px #f4a50059;--shadow-focus:0 0 0 3px #0000002e}@supports (color:lab(0% 0 0)){:root{--shadow-soft:0 1px 0 lab(100% 0 0/.05) inset, 0 4px 12px -4px lab(0% 0 0/.06);--shadow-hard:0 1px 0 lab(100% 0 0/.06) inset, 0 16px 48px -10px lab(0% 0 0/.18);--shadow-glow:0 0 0 1px lab(57.7985% -59.0378 -17.3499/.3), 0 0 18px lab(57.7985% -59.0378 -17.3499/.3);--shadow-reward-glow:0 0 0 1px lab(74.2669% 23.583 81.9232/.35), 0 0 22px lab(74.2669% 23.583 81.9232/.35);--shadow-focus:0 0 0 3px lab(0% 0 0/.18)}}:root,:root[data-mode=focus]{--paper:#f5f3f0;--paper-1:#eae7e4;--paper-2:#dcdad7;--paper-3:#cccac7;--ink:#100e0a;--ink-quiet:#45423e;--ink-faint:#77746f;--hairline:#d5d4d1;--marker:#de4e4b;--marker-soft:#de4e4b1f;--anticipation:var(--ink);--reward:var(--marker);--spark:var(--ink);--bg:var(--paper);--surface:var(--paper-1);--surface-2:var(--paper-2);--text:var(--ink);--text-quiet:var(--ink-quiet);--text-faint:var(--ink-faint);--border:var(--hairline);--accent:var(--marker);--focus-ring:var(--ink)}@supports (color:lab(0% 0 0)){:root,:root[data-mode=focus]{--paper:lab(95.9547% .282526 1.88147);--paper-1:lab(91.8947% .282824 1.88165);--paper-2:lab(87.2547% .283182 1.88187);--paper-3:lab(81.4547% .283688 1.88218);--ink:lab(4.06919% .35385 1.78794);--ink-quiet:lab(28.1015% .48916 3.03528);--ink-faint:lab(48.9824% .47341 3.02436);--hairline:lab(84.9318% .225335 1.50476);--marker:lab(54.1237% 56.7341 33.7839);--marker-soft:lab(54.1237% 56.7341 33.7839/.12)}}:root[data-mode=alive]{--paper:#eef9fa;--paper-1:#def1f2;--paper-2:#cbe8e9;--paper-3:#b7dddf;--ink:#000e1a;--ink-quiet:#234155;--ink-faint:#4a7d8d;--hairline:#bbd7d9;--anticipation:#009b9b;--reward:#f4a500;--spark:#fffae4;--marker:var(--anticipation);--marker-soft:#009b9b26;--bg:var(--paper);--surface:var(--paper-1);--surface-2:var(--paper-2);--text:var(--ink);--text-quiet:var(--ink-quiet);--text-faint:var(--ink-faint);--border:var(--hairline);--accent:var(--anticipation);--focus-ring:var(--anticipation);--shadow-glow:0 0 0 1px #009b9b66, 0 0 24px #009b9b66, 0 12px 40px -10px #009b9b59;--shadow-reward-glow:0 0 0 1px #f4a50073, 0 0 28px #f4a50073, 0 12px 40px -10px #f4a50066;--shadow-focus:0 0 0 3px #009b9b73}@supports (color:lab(0% 0 0)){:root[data-mode=alive]{--paper:lab(97.2196% -3.79834 -1.59366);--paper-1:lab(93.819% -6.32706 -2.65027);--paper-2:lab(89.8578% -9.48373 -3.96395);--paper-3:lab(85.3161% -12.6345 -5.26894);--ink:lab(3.32038% -1.88275 -9.95594);--ink-quiet:lab(25.7516% -6.36946 -15.8264);--ink-faint:lab(49.2874% -14.4125 -14.3492);--hairline:lab(84.0577% -9.48259 -3.96211);--anticipation:lab(57.7985% -59.0378 -17.3499);--reward:lab(74.2669% 23.583 81.9232);--spark:lab(98.4878% -.89401 15.4813);--marker-soft:lab(57.7985% -59.0378 -17.3499/.15);--shadow-glow:0 0 0 1px lab(57.7985% -59.0378 -17.3499/.4), 0 0 24px lab(57.7985% -59.0378 -17.3499/.4), 0 12px 40px -10px lab(57.7985% -59.0378 -17.3499/.35);--shadow-reward-glow:0 0 0 1px lab(74.2669% 23.583 81.9232/.45), 0 0 28px lab(74.2669% 23.583 81.9232/.45), 0 12px 40px -10px lab(74.2669% 23.583 81.9232/.4);--shadow-focus:0 0 0 3px lab(57.7985% -59.0378 -17.3499/.45)}}@media (prefers-color-scheme:dark){:root:not([data-mode=alive]){--paper:#030302;--paper-1:#0a0907;--paper-2:#13110f;--paper-3:#1c1a18;--ink:#edebe7;--ink-quiet:#b3b1ae;--ink-faint:#767471;--hairline:#201f1d;--marker:#fa6863;--marker-soft:#fa68632e;--anticipation:var(--ink);--reward:var(--marker);--spark:#fffae4;--focus-ring:var(--ink)}@supports (color:lab(0% 0 0)){:root:not([data-mode=alive]){--paper:lab(.776772% .0745952 .368327);--paper-1:lab(2.48427% .150532 .818706);--paper-2:lab(5.2778% .239871 1.3681);--paper-3:lab(9.53332% .308149 1.89879);--ink:lab(93.0547% .282735 1.8816);--ink-quiet:lab(72.1746% .284582 1.88279);--ink-faint:lab(48.9744% .288069 1.885);--hairline:lab(11.8535% .305407 1.89683);--marker:lab(63.4204% 56.5783 32.9929);--marker-soft:lab(63.4204% 56.5783 32.9929/.18);--spark:lab(98.4878% -.89401 15.4813)}}:root[data-mode=alive]{--paper:#000406;--paper-1:#000b11;--paper-2:#00151c;--paper-3:#001f28;--ink:#def1f2;--ink-quiet:#94b9bb;--ink-faint:#4a7d8d;--hairline:#082831;--anticipation:#00b7b8;--reward:#ffb331;--spark:#fffae4;--marker:var(--anticipation);--marker-soft:#00b7b82e;--focus-ring:var(--anticipation)}@supports (color:lab(0% 0 0)){:root[data-mode=alive]{--paper:lab(.925736% -.968158 -1.39264);--paper-1:lab(2.54313% -2.79698 -4.14748);--paper-2:lab(5.4083% -6.10417 -8.74879);--paper-3:lab(9.73279% -9.93285 -10.5428);--ink:lab(93.819% -6.32706 -2.65027);--ink-quiet:lab(72.5555% -12.629 -5.26081);--ink-faint:lab(49.2874% -14.4125 -14.3492);--hairline:lab(14.3645% -9.27597 -9.46394);--anticipation:lab(67.0852% -58.9992 -17.435);--reward:lab(78.9302% 23.1983 79.2156);--spark:lab(98.4878% -.89401 15.4813);--marker-soft:lab(67.0852% -58.9992 -17.435/.18)}}}:root,:root[data-mode]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;transition:--paper var(--duration-deliberate) var(--ease-quint), --paper-1 var(--duration-deliberate) var(--ease-quint), --paper-2 var(--duration-deliberate) var(--ease-quint), --ink var(--duration-deliberate) var(--ease-quint), --ink-quiet var(--duration-deliberate) var(--ease-quint), --ink-faint var(--duration-deliberate) var(--ease-quint), --hairline var(--duration-deliberate) var(--ease-quint), --anticipation var(--duration-deliberate) var(--ease-quint), --reward var(--duration-deliberate) var(--ease-quint), --marker var(--duration-deliberate) var(--ease-quint), --marker-soft var(--duration-deliberate) var(--ease-quint)}@media (prefers-color-scheme:dark){:root,:root[data-mode]{--lightningcss-light: ;--lightningcss-dark:initial}}@property --paper{syntax:"<color>";inherits:true;initial-value:oklch(96.5% .005 80)}@property --paper-1{syntax:"<color>";inherits:true;initial-value:oklch(93% .005 80)}@property --paper-2{syntax:"<color>";inherits:true;initial-value:oklch(89% .005 80)}@property --paper-3{syntax:"<color>";inherits:true;initial-value:oklch(84% .005 80)}@property --ink{syntax:"<color>";inherits:true;initial-value:oklch(16.5% .008 80)}@property --ink-quiet{syntax:"<color>";inherits:true;initial-value:oklch(38% .008 80)}@property --ink-faint{syntax:"<color>";inherits:true;initial-value:oklch(56% .008 80)}@property --hairline{syntax:"<color>";inherits:true;initial-value:oklch(87% .004 80)}@property --marker{syntax:"<color>";inherits:true;initial-value:oklch(62% .18 25)}@property --marker-soft{syntax:"<color>";inherits:true;initial-value:oklch(62% .18 25/.12)}@property --anticipation{syntax:"<color>";inherits:true;initial-value:oklch(62% .18 195)}@property --reward{syntax:"<color>";inherits:true;initial-value:oklch(78% .17 75)}@property --spark{syntax:"<color>";inherits:true;initial-value:oklch(98.5% .04 95)}@media (prefers-reduced-motion:reduce){:root,:root[data-mode]{transition:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-structure);font-size:var(--type-body);line-height:var(--leading-normal);transition:background var(--duration-deliberate) var(--ease-quint), color var(--duration-deliberate) var(--ease-quint);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}.t-display-xl{font-family:var(--font-voice);font-size:var(--type-display-xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text);text-wrap:balance;margin:0}.t-display-xl em{font-style:italic;font-weight:500}.t-display-l{font-family:var(--font-voice);font-size:var(--type-display-l);font-weight:550;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--text);text-wrap:balance;margin:0}.t-display-l em{font-style:italic}.t-h2{font-family:var(--font-voice);font-size:var(--type-h2);letter-spacing:var(--tracking-snug);color:var(--text);margin:0;font-weight:550}.t-voice{font-family:var(--font-structure);font-style:italic;font-weight:500;font-size:var(--type-voice);letter-spacing:var(--tracking-wide);color:var(--text-quiet)}.t-body{font-size:var(--type-body);line-height:var(--leading-normal);color:var(--text)}.t-body-quiet{color:var(--text-quiet)}.t-body-faint{color:var(--text-faint)}.t-label{font-family:var(--font-structure);font-size:var(--type-label);letter-spacing:var(--tracking-snug);font-weight:500}.t-micro{font-family:var(--font-measurement);font-size:var(--type-micro);text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:var(--text-faint);font-weight:600}.t-measure{font-family:var(--font-measurement);font-size:var(--type-measure);font-feature-settings:var(--feat-num);font-weight:500}.kicker{align-items:center;gap:var(--space-2);font-family:var(--font-measurement);font-size:var(--type-micro);text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:var(--text-quiet);font-weight:600;display:inline-flex}.kicker:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.theory{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-quiet);font-family:var(--font-measurement);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.theory__loop{color:var(--text-faint);text-transform:none;letter-spacing:.01em;font-size:10px;font-weight:500}.top{z-index:var(--z-sticky);background:oklch(from var(--bg) l c h / .78);-webkit-backdrop-filter:blur(12px)saturate(140%);border-bottom:1px solid var(--border);transition:background var(--duration-deliberate) var(--ease-quint), border-color var(--duration-deliberate) var(--ease-quint);position:sticky;top:0}.top__inner{max-width:80rem;padding:var(--space-3) clamp(1rem, 4vw, 2.5rem);align-items:center;gap:var(--space-6);grid-template-columns:auto 1fr auto;margin:0 auto;display:grid}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-voice);letter-spacing:-.01em;font-size:1.15rem;font-style:italic;font-weight:600;display:inline-flex}.brand__mark{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:26px;height:26px;font-family:var(--font-measurement);letter-spacing:0;transition:background var(--duration-base) var(--ease-quart), border-color var(--duration-base) var(--ease-quart), color var(--duration-base) var(--ease-quart);place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid}.top__actions{align-items:center;gap:var(--space-4);justify-self:center;display:flex}.nav{align-items:center;gap:var(--space-1);display:flex}.nav__link{color:var(--text-quiet);border-radius:var(--radius-sm);transition:color var(--duration-base) var(--ease-quart), background var(--duration-base) var(--ease-quart);padding:6px 10px;font-size:.85rem}.nav__link:hover{color:var(--text);background:var(--surface)}.nav__auth{align-items:center;display:inline-flex}.user-pill{align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill,9999px);font-size:.8rem;font-family:var(--font-measurement);padding:3px 6px 3px 4px;display:inline-flex}.user-pill__identity{color:var(--text);border-right:1px solid var(--border);align-items:center;gap:6px;padding-right:4px;font-weight:500;text-decoration:none;display:inline-flex}.user-pill__identity:hover .user-pill__handle{color:var(--accent)}.user-pill__avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:22px;height:22px}.user-pill__avatar--empty{background:var(--surface-raised,#262626);width:22px;height:22px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.user-pill__handle{color:var(--text);transition:color var(--duration-fast) ease;font-weight:500}.user-pill__signout-btn{color:var(--text-quiet);border-radius:var(--radius-sm,4px);font-size:.75rem;font-family:var(--font-measurement);transition:all var(--duration-fast) ease;align-items:center;gap:4px;padding:3px 7px;text-decoration:none;display:inline-flex}.user-pill__signout-btn:hover{color:#f55;background:#ff55551a}.nav__signin-btn{font-size:.82rem;font-family:var(--font-measurement);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill,9999px);transition:all var(--duration-fast) ease;align-items:center;gap:6px;padding:5px 12px;font-weight:600;text-decoration:none;display:inline-flex}.nav__signin-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-raised,#222);transform:translateY(-1px)}.mode-toggle{--toggle-w:156px;width:var(--toggle-w);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);height:38px;font-family:var(--font-measurement);letter-spacing:.08em;text-transform:uppercase;color:var(--text-quiet);isolation:isolate;align-items:center;gap:0;padding:3px;font-size:.7rem;font-weight:600;display:inline-flex;position:relative}.mode-toggle__opt{z-index:1;height:100%;transition:color var(--duration-base) var(--ease-quart);flex:1;place-items:center;display:grid}.mode-toggle__opt--alive,.mode-toggle__opt--focus{border-radius:var(--radius-full)}.mode-toggle__opt.is-active{color:var(--bg)}.mode-toggle__pill{z-index:0;background:var(--text);border-radius:var(--radius-full);width:calc(50% - 3px);transition:transform var(--duration-deliberate) var(--ease-quint), background var(--duration-deliberate) var(--ease-quint);position:absolute;top:3px;bottom:3px;left:3px}:root[data-mode=alive] .mode-toggle__pill{background:var(--anticipation);transform:translate(100%)}@media (max-width:720px){.nav{display:none}.top__inner{grid-template-columns:auto auto}.mode-toggle{--toggle-w:124px;height:34px}}.section{max-width:80rem;margin:0 auto;padding:clamp(3.5rem,6vw,6rem) clamp(1rem,4vw,2.5rem)}.section--hairline{border-top:1px solid var(--border)}.section--bleed{max-width:none;padding-left:0;padding-right:0}.section__head{gap:var(--space-3);grid-template-columns:1fr;max-width:60rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:grid}.section__title{font-family:var(--font-voice);font-size:var(--type-display-l);font-weight:550;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--text);text-wrap:balance;margin:0}.section__title em{font-style:italic}.section__sub{color:var(--text-quiet);font-size:1.02rem;line-height:var(--leading-snug);max-width:60ch;margin:0}.plays{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));display:grid}.play{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:var(--space-6);gap:var(--space-5);transition:border-color var(--duration-base) var(--ease-quart), transform var(--duration-base) var(--ease-quart), box-shadow var(--duration-base) var(--ease-quart);flex-direction:column;display:flex;position:relative;overflow:hidden}.play:hover{border-color:var(--text-quiet);box-shadow:var(--shadow-soft);transform:translateY(-2px)}:root[data-mode=alive] .play:hover{border-color:var(--anticipation);box-shadow:var(--shadow-glow)}.play__head{gap:var(--space-3);flex-direction:column;display:flex}.play__verb{font-family:var(--font-voice);letter-spacing:-.02em;color:var(--text);text-transform:lowercase;margin:0;font-size:2rem;font-style:italic;font-weight:600;line-height:1}.play__verb em{font-style:italic;font-weight:500}:root[data-mode=alive] .play__verb em{color:var(--anticipation)}.play__desc{color:var(--text-quiet);max-width:40ch;margin:0;font-size:.95rem;line-height:1.55}.play__render{padding:var(--space-6) var(--space-4);background:var(--surface);border-radius:var(--radius-md);border:1px dashed var(--border);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;min-height:140px;display:flex;position:relative;overflow:hidden}.play__render-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.play__micro{font-family:var(--font-measurement);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);text-align:center;font-size:11px;font-weight:600}.charge{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;max-width:320px;height:10px;position:relative;overflow:hidden}.charge__fill{background:linear-gradient(90deg, var(--accent), var(--anticipation,var(--accent)));border-radius:var(--radius-full);width:0%;transition:width var(--duration-deliberate) var(--ease-quart);position:absolute;inset:0 auto 0 0}:root[data-mode=alive] .charge__fill{background:linear-gradient(90deg, var(--anticipation), var(--reward))}.charge--demo .charge__fill{animation:charge-fill 2.2s var(--ease-quart) 1 forwards, charge-settle .38s var(--ease-out-back) 2.2s 1 forwards}@keyframes charge-fill{0%{width:0%}88%{width:88%}to{width:100%}}@keyframes charge-settle{0%{transform-origin:100%;width:100%;transform:scaleX(1.06)}to{transform-origin:100%;width:100%;transform:scaleX(1)}}.charge__caption{width:100%;max-width:320px;font-family:var(--font-measurement);letter-spacing:.04em;color:var(--text-quiet);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.charge__caption strong{color:var(--accent);font-feature-settings:var(--feat-num);text-align:right;min-width:36px;font-weight:700;display:inline-block}.charge--demo .charge__caption strong{animation:charge-count 2.2s var(--ease-quart) 1 forwards}@keyframes charge-count{0%{--dummy:0;content:"0%"}to{content:"100%"}}.charge__caption strong:after{content:"—"}.charge--demo .charge__caption strong:after{content:"100%"}.await{background:var(--surface);border:1px solid var(--border);isolation:isolate;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.await:before,.await:after{content:"";border:1.5px solid var(--anticipation,var(--accent));opacity:0;border-radius:50%;position:absolute;inset:0}:root[data-mode=alive] .await:before{animation:await-pulse 4.4s var(--ease-quart) infinite}:root[data-mode=alive] .await:after{animation:await-pulse 5.7s var(--ease-quart) infinite 1.2s}@keyframes await-pulse{0%{opacity:.85;transform:scale(.85)}60%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.await__core{background:var(--anticipation,var(--accent));width:32px;height:32px;box-shadow:0 0 16px var(--anticipation,var(--accent));border-radius:50%}.await__micro{font-family:var(--font-measurement);letter-spacing:.06em;text-transform:uppercase;color:var(--text-quiet);min-height:14px;font-size:11px;font-weight:600}.await__micro.is-rotating{color:var(--anticipation,var(--accent))}.await__micro--demo:after{content:"Working on it";animation:await-text 6.4s var(--ease-quart) infinite}@keyframes await-text{0%{content:"Working on it"}33%{content:"Almost there"}66%{content:"Coming together"}to{content:"Still going"}}.cross-target{width:100%;max-width:360px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:var(--space-2);transition:background var(--duration-deliberate) var(--ease-quint), border-color var(--duration-deliberate) var(--ease-quint), color var(--duration-deliberate) var(--ease-quint);flex-direction:column;display:flex}.cross-target__row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.cross-target__num{font-family:var(--font-measurement);font-feature-settings:var(--feat-num);letter-spacing:-.02em;color:var(--text);font-size:1.8rem;font-weight:600}.cross-target__label{font-family:var(--font-measurement);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:600}.cross-target__desc{color:var(--text-quiet);margin:0;font-size:.85rem}.cross-target--crossed{background:var(--surface-2,var(--surface));border-color:var(--anticipation,var(--accent));color:var(--text)}.cross-trigger{font-family:var(--font-structure);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-quiet);background:var(--bg);transition:color var(--duration-base) var(--ease-quart), border-color var(--duration-base) var(--ease-quart);align-self:center;padding:6px 12px;font-size:.8rem;font-weight:500}.cross-trigger:hover{color:var(--text);border-color:var(--text-quiet)}.cool-target{width:100%;max-width:360px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:var(--space-2);transition:background var(--duration-stillness) var(--ease-in-out), border-color var(--duration-stillness) var(--ease-in-out), color var(--duration-stillness) var(--ease-in-out), opacity var(--duration-stillness) var(--ease-in-out), filter var(--duration-stillness) var(--ease-in-out);flex-direction:column;display:flex}.cool-target__voice{font-family:var(--font-voice);color:var(--text);margin:0;font-size:1.05rem;font-style:italic}.cool-target__micro{font-family:var(--font-measurement);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);transition:color var(--duration-base) var(--ease-quart);font-size:11px;font-weight:600}.cool-target--cooling{background:var(--bg);border-color:var(--border);color:var(--text-quiet);filter:saturate(.4);opacity:.78}.cool-trigger{font-family:var(--font-structure);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-quiet);background:var(--bg);align-self:center;padding:6px 12px;font-size:.8rem;font-weight:500}.cool-trigger:hover{color:var(--text)}.signature-render{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.signature-stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:4px;width:200px;padding:14px 18px;display:flex;position:relative;overflow:hidden}.signature-stage__title{font-family:var(--font-voice);color:var(--text);opacity:0;transition:opacity var(--duration-stillness) var(--ease-in-out);font-size:1.05rem;font-style:italic;font-weight:600}.signature-stage__copy{color:var(--text-quiet);opacity:0;transition:opacity var(--duration-stillness) var(--ease-in-out);margin:0;font-size:.78rem}.signature-stage:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:conic-gradient(from 0deg, var(--reward,var(--accent)) 0deg, transparent 0deg);opacity:0;border:1.5px solid #0000;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.signature-trigger{font-family:var(--font-structure);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-quiet);background:var(--bg);padding:6px 12px;font-size:.8rem;font-weight:500}.signature-trigger:hover{color:var(--text)}.signature-stage--play{background:var(--surface-2,var(--surface));border-color:oklch(from var(--reward,var(--accent)) l c h / .6);animation:signature-cycle 3.2s var(--ease-quart) 1}.signature-stage--play .signature-stage__title,.signature-stage--play .signature-stage__copy{animation:signature-text-cycle 3.2s var(--ease-quart) 1}.signature-stage--play:before{animation:signature-stroke 3.2s var(--ease-quart) 1}@keyframes signature-stroke{0%{background:conic-gradient(from 0deg, var(--reward,var(--accent)) 0deg, transparent 0deg);opacity:0}3%{opacity:1}24%{background:conic-gradient(from 0deg, var(--reward,var(--accent)) 360deg, transparent 360deg);opacity:1}36%{background:conic-gradient(from 0deg, var(--reward,var(--accent)) 360deg, var(--reward,var(--accent)) 360deg);opacity:1}64%{opacity:1}to{opacity:0}}@keyframes signature-text-cycle{0%,24%{opacity:0}36%,64%{opacity:1}to{opacity:0}}@keyframes signature-cycle{0%{background:var(--surface)}36%{background:color-mix(in oklch, var(--reward,var(--accent)) 8%, var(--surface))}64%{background:color-mix(in oklch, var(--reward,var(--accent)) 8%, var(--surface))}to{background:var(--surface)}}.handoff-stage{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;max-width:360px;display:flex}.handoff-actor{align-items:center;gap:var(--space-2);width:80px;transition:filter var(--duration-stillness) var(--ease-in-out), opacity var(--duration-stillness) var(--ease-in-out);flex-direction:column;display:flex}.handoff-avatar{width:48px;height:48px;font-family:var(--font-measurement);color:var(--bg);border:1px solid var(--border);border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid}.handoff-avatar--sender{background:#57768c;background:lab(47.8249% -7.07728 -16.0233)}.handoff-avatar--receiver{background:#2ba1a7;background:lab(60.369% -31.3298 -12.8783)}.handoff-actor-name{font-family:var(--font-measurement);color:var(--text-quiet);text-align:center;font-size:11px}.handoff-path{border-radius:var(--radius-full);background:var(--border);flex:1;height:2px;position:relative;overflow:visible}.handoff-path__ball{background:var(--anticipation,var(--accent));width:12px;height:12px;box-shadow:0 0 12px var(--anticipation,var(--accent));border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)scale(0)}.handoff-trigger{text-align:center;font-family:var(--font-structure);color:var(--text-faint);font-size:.78rem;position:absolute;inset:auto 0 -28px}.handoff--play .handoff-path__ball{animation:handoff-glide 1.1s var(--ease-quart) 1 forwards}@keyframes handoff-glide{0%{left:0%;transform:translate(-50%,-50%)scale(0)}20%{transform:translate(-50%,-50%)scale(1)}to{left:100%;transform:translate(-50%,-50%)scale(1)}}.handoff--play .handoff-actor--receiver{animation:handoff-receive 1.3s var(--ease-quart) 1 forwards}@keyframes handoff-receive{0%,80%{filter:none}90%{filter:brightness(1.1)saturate(1.4)}to{filter:none}}.handoff-trigger{margin-top:var(--space-4);font-family:var(--font-structure);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-quiet);background:var(--bg);align-self:center;margin-left:auto;margin-right:auto;padding:6px 12px;font-size:.8rem;font-weight:500;display:block;position:relative}.ripple-stage{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.ripple-origin{background:var(--anticipation,var(--accent));width:60px;height:60px;color:var(--bg);font-family:var(--font-measurement);z-index:1;border-radius:50%;place-items:center;font-weight:700;display:grid;position:relative}.ripple-wave{border:1.5px solid var(--anticipation,var(--accent));opacity:0;border-radius:50%;position:absolute;inset:0}.ripple-trigger{font-family:var(--font-structure);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-quiet);background:var(--bg);padding:6px 12px;font-size:.8rem;font-weight:500}.ripple--play .ripple-wave{animation:ripple-exp 1.4s var(--ease-quart) 1}.ripple--play .ripple-wave:nth-child(2){animation-delay:.12s}.ripple--play .ripple-wave:nth-child(3){animation-delay:.24s}@keyframes ripple-exp{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.rest-stage{width:100%;max-width:360px;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);text-align:center;transition:background var(--duration-stillness) var(--ease-in-out), border-color var(--duration-stillness) var(--ease-in-out), filter var(--duration-stillness) var(--ease-in-out);flex-direction:column;display:flex}.rest-stage__micro{font-family:var(--font-measurement);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:600}.rest-stage__voice{font-family:var(--font-voice);letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.3rem;font-style:italic}.rest-stage__copy{color:var(--text-quiet);max-width:36ch;margin:0;font-size:.85rem}.rest-trigger{font-family:var(--font-structure);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-quiet);background:var(--bg);padding:6px 12px;font-size:.8rem;font-weight:500}.rest-trigger:hover{color:var(--text)}.rest--resting .rest-stage{background:var(--bg);border-color:var(--border);filter:saturate(.6)}.rest--resting .rest-stage__voice,.rest--resting .rest-stage__copy,.rest--resting .rest-stage__micro{color:var(--text-faint)}@media (prefers-reduced-motion:reduce){.play__render,.motion__demo,.voice__row{animation:none!important}.charge--demo .charge__fill{width:100%;animation:none}.await:before,.await:after{display:none}}