:root{--sy-spring:linear(0, .204, .624, .96, 1.08, 1.07, 1.025, .998, 1);--sy-smooth:cubic-bezier(.16, 1, .3, 1)}.rolling-number{font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-block}.rolling-number>span{align-items:baseline;display:inline-flex}.rolling-digit{vertical-align:bottom;width:.64em;height:1.15em;display:inline-block;overflow:hidden}.rolling-digit__reel{transform:translateY(calc(var(--digit) * -1.15em));animation:sy-digit .62s var(--sy-smooth) var(--digit-delay) both;flex-direction:column;display:flex}.rolling-digit__reel.is-still{animation:none}.rolling-digit__reel.is-rolling{animation:sy-digit .62s var(--sy-smooth) var(--digit-delay) both}.rolling-digit__reel>span{text-align:center;flex:none;height:1.15em;line-height:1.15;display:block}@keyframes sy-digit{0%{transform:translateY(calc((var(--digit) + 10) * -1.15em))}to{transform:translateY(calc(var(--digit) * -1.15em))}}.motion-segments{grid-template-columns:repeat(var(--segments), minmax(0, 1fr));background:var(--bg-elevated,#1b1b1f);border:1px solid var(--border-card,#ffffff15);isolation:isolate;border-radius:16px;gap:0;padding:4px;display:grid;position:relative}.motion-segments.portfolio-mode-switch{gap:0;width:min(100%,290px)}.motion-segments.segment-row{grid-template-columns:repeat(var(--segments), minmax(0, 1fr));gap:0;display:grid;overflow:visible}.motion-segments__pill{width:calc((100% - 8px) / var(--segments));transform:translateX(calc(var(--selected) * 100%));transition:transform .42s var(--sy-spring);background:var(--bg-card,#141416);z-index:-1;border-radius:12px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 7px #0002,inset 0 1px #ffffff18}.motion-segment,.motion-segments .segment-btn{min-width:0;min-height:44px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:6px 4px;font-size:12px;font-weight:600;display:flex}.motion-segment.active,.motion-segments .segment-btn.active{color:var(--text-primary)}.motion-segment:disabled{opacity:.45;cursor:not-allowed}.motion-segment svg{width:16px;height:16px}.motion-segment:focus-visible{outline:2px solid var(--accent,#5dcbb4);outline-offset:-2px}.motion-count{animation:sy-chip .35s var(--sy-spring);background:#80808020;border-radius:6px;padding:2px 4px;font-size:11px}@keyframes sy-chip{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.motion-surface{min-width:0;transform-origin:var(--sy-navigation-origin,50%) bottom}.performance-trend{margin:0 0 18px}.performance-trend svg{width:100%;max-height:190px;overflow:visible}.performance-trend text{fill:var(--text-secondary);font-size:11px}.performance-trend figcaption{color:var(--text-secondary);font-size:11px}.trend-baseline{stroke:currentColor;opacity:.2;stroke-dasharray:3 4}.trend-bar{fill:var(--success,#50c5a1);opacity:.4;transform-box:view-box;transform-origin:center var(--sy-trend-baseline,50%);animation:sy-bar .48s var(--sy-spring) both}.trend-bar.negative{fill:var(--danger,#ef7d8b)}@keyframes sy-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.trend-line{fill:none;stroke:var(--text-primary);stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;animation:sy-trend .55s var(--sy-smooth) .28s both}@keyframes sy-trend{0%{stroke-dashoffset:1px;opacity:.3}to{stroke-dashoffset:0;opacity:.85}}.trend-dot{fill:var(--text-primary);animation:sy-trace .55s var(--sy-smooth) .28s both}@keyframes sy-trace{0%{offset-distance:0%;opacity:0}10%{opacity:1}to{offset-distance:100%;opacity:1}}.app-bottom-nav .bottom-nav-inner{overflow:visible}.app-bottom-nav .nav-item{position:relative}.dock-icon{width:32px;height:30px;transform:translateY(calc(var(--dock-lift,0) * -3px)) scale(calc(1 + var(--dock-lift,0) * .18));transition:transform .32s var(--sy-spring);background:linear-gradient(160deg,#ffffff0d,#fff0);border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff10}.nav-item.active .dock-icon{background:linear-gradient(150deg,#ffffff28,#ffffff05);box-shadow:inset 0 1px #ffffff38,0 3px 9px #0002}.nav-item:active .dock-icon{transform:scale(.9)}.btn{transition:transform .24s var(--sy-spring), opacity .16s}.btn:active:not(:disabled){transform:scale(.97)}.dock-icon--land{animation:sy-dock .5s var(--sy-spring)}@keyframes sy-dock{0%{transform:translateY(0)}30%{transform:translateY(-6px)}55%{transform:translateY(0)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.rolling-digit__reel,.motion-count,.trend-bar,.trend-line,.trend-dot,.dock-icon--land{animation:none}.motion-segments__pill,.dock-icon{transition:none}.dock-icon{transform:none}.btn{transition:none}.btn:active:not(:disabled){transform:none}}
