:root{--bg-primary: #1c1c21;--bg-secondary: #26262e;--bg-surface: #ffffff;--bg-surface-subtle: #f5f6fa;--bg-surface-muted: #f7f7f7;--bg-insight: #f2f7fa;--text-primary: #1c1c21;--text-inverse: #ffffff;--text-secondary: #4d4d4d;--text-muted: #5a5a64;--text-subtle: #595966;--text-label: #6a6a73;--accent-primary: #16874a;--accent-secondary: #5933b2;--accent-secondary-dark: #402680;--cta-primary: #16874a;--cta-text: #ffffff;--cta-highlight: #fddc04;--cta-highlight-text: #1c1c21;--status-positive: #197a3b;--status-negative: #c12121;--status-warning: #b85f0f;--status-amber: #8d6e0f;--status-neutral: #6e6e75;--border: #e2e8f0;--border-subtle: #e0e5eb;--stat-bar-bg: #edf0f2;--form-win: #197a3b;--form-draw: #a26500;--form-loss: #c12121;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 999px;--tap-target: 44px}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.touchTarget{min-width:var(--tap-target);min-height:var(--tap-target)}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s;--duration-entrance: .5s}.widget-enter{opacity:0;transform:translateY(20px);transition:opacity var(--duration-entrance) var(--ease-out-expo),transform var(--duration-entrance) var(--ease-out-expo);will-change:opacity,transform}.widget-enter.visible{opacity:1;transform:translateY(0)}.stagger-child{opacity:0;transform:translateY(12px);transition:opacity var(--duration-normal) var(--ease-out-expo),transform var(--duration-normal) var(--ease-out-expo);transition-delay:var(--stagger-delay, 0ms)}.stagger-child.visible{opacity:1;transform:translateY(0)}.bar-grow{width:0!important;transition:width var(--duration-slow) var(--ease-out-expo);transition-delay:var(--stagger-delay, .2s)}.bar-grow.visible{width:unset!important}.tab-panel{animation:tabFadeIn var(--duration-fast) var(--ease-out-quart)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.expand-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-normal) var(--ease-out-expo);overflow:hidden}.expand-container.expanded{grid-template-rows:1fr}.expand-container>.expand-inner{min-height:0}@keyframes numberPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.number-pop{animation:numberPop var(--duration-normal) var(--ease-spring);animation-delay:var(--stagger-delay, 0ms);animation-fill-mode:both}.carousel-card{transition:transform var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) var(--ease-out-expo)}.carousel-card.entering{opacity:0;transform:scale(.96)}.carousel-card.active{opacity:1;transform:scale(1)}.dot-morph{transition:width var(--duration-fast) var(--ease-spring),background-color var(--duration-fast) var(--ease-out-quart)}.dot-morph.active{width:20px;border-radius:4px;background-color:var(--accent-primary, var(--accent-primary))}.stage-shell{opacity:0;transform:scale(.82) translateY(24px);filter:blur(14px);transition:opacity .62s var(--ease-out-expo),transform .72s var(--ease-spring),filter .52s var(--ease-out-expo);will-change:opacity,transform,filter}.stage-shell.visible,.hk-revealed .stage-shell{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}.stage-header{opacity:0;transform:translateY(-28px) scale(.92);filter:blur(6px);transition:opacity .52s var(--ease-out-expo) .42s,transform .62s var(--ease-spring) .42s,filter .42s var(--ease-out-expo) .42s;will-change:opacity,transform,filter}.stage-shell.visible .stage-header,.hk-revealed .stage-header{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.stage-content{opacity:0;transition:opacity .42s var(--ease-out-expo) .72s}.stage-shell.visible .stage-content,.hk-revealed .stage-content{opacity:1}.stage-row{opacity:0;transform:translateY(26px) scale(.9);filter:blur(6px);transition:opacity .52s var(--ease-out-expo),transform .6s var(--ease-spring),filter .42s var(--ease-out-expo);will-change:opacity,transform,filter}.stage-shell.visible .stage-row,.hk-revealed .stage-row{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.stage-shell.visible .stage-row:nth-child(1),.hk-revealed .stage-row:nth-child(1){transition-delay:.84s}.stage-shell.visible .stage-row:nth-child(2),.hk-revealed .stage-row:nth-child(2){transition-delay:.95s}.stage-shell.visible .stage-row:nth-child(3),.hk-revealed .stage-row:nth-child(3){transition-delay:1.06s}.stage-shell.visible .stage-row:nth-child(4),.hk-revealed .stage-row:nth-child(4){transition-delay:1.17s}.stage-shell.visible .stage-row:nth-child(5),.hk-revealed .stage-row:nth-child(5){transition-delay:1.28s}.stage-shell.visible .stage-row:nth-child(6),.hk-revealed .stage-row:nth-child(6){transition-delay:1.39s}.stage-shell.visible .stage-row:nth-child(7),.hk-revealed .stage-row:nth-child(7){transition-delay:1.5s}.stage-shell.visible .stage-row:nth-child(8),.hk-revealed .stage-row:nth-child(8){transition-delay:1.61s}.stage-shell.visible .stage-row:nth-child(9),.hk-revealed .stage-row:nth-child(9){transition-delay:1.72s}.stage-shell.visible .stage-row:nth-child(10),.hk-revealed .stage-row:nth-child(10){transition-delay:1.83s}.stage-shell.visible .stage-row:nth-child(11),.hk-revealed .stage-row:nth-child(11){transition-delay:1.94s}.stage-shell.visible .stage-row:nth-child(12),.hk-revealed .stage-row:nth-child(12){transition-delay:2.05s}.stage-shell.visible .stage-row:nth-child(n+13),.hk-revealed .stage-row:nth-child(n+13){transition-delay:2.16s}.stage-bar{--stage-bar-target: 0%;width:var(--stage-bar-from, 0%)!important;transition:width .9s var(--ease-out-expo) 1.2s}.stage-shell.visible .stage-bar,.hk-revealed .stage-bar{width:var(--stage-bar-target, 100%)!important}@media(prefers-reduced-motion:reduce){.widget-enter,.stagger-child,.bar-grow,.carousel-card,.stage-shell,.stage-header,.stage-content,.stage-row,.stage-bar{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.expand-container{transition:none!important}.tab-panel{animation:none!important}.dot-morph{transition:none!important}}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--bg-surface);color:var(--text-primary);font-size:14px;line-height:20px}#root{min-height:100vh;max-width:375px;margin:0 auto}.boot-state{padding:var(--space-32);text-align:center;color:var(--text-muted)}.boot-state__title{margin:0 0 var(--space-12) 0;color:var(--text-primary);font-size:22px;line-height:28px}.boot-state__body{margin:0 0 var(--space-16) 0;color:var(--text-secondary);font-size:14px;line-height:20px}.boot-state__detail{margin:0 auto;padding:var(--space-12);background:var(--bg-surface-subtle);color:var(--text-secondary);font-size:12px;line-height:16px;text-align:left;white-space:pre-wrap;word-break:break-word;border-radius:var(--radius-md);max-width:320px}.boot-state__action{margin-top:var(--space-16);padding:var(--space-8) var(--space-16);background:var(--cta-primary);color:var(--text-inverse);border:0;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.boot-state__action:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.app-header{background:var(--bg-primary);color:var(--text-inverse);padding:var(--space-16)}.app-main{padding:var(--space-16)}.app-footer{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-16);background:var(--bg-surface-subtle);color:var(--text-muted);font-size:12px}
