@layer tokens,reset,primitives,shell,screens;@layer tokens{:root{--bg: #0a0a0a;--text: #e8e8e8;--text-muted: #6a6a6a;--gain: #4ade80;--loss: #f87171;--positive: var(--gain);--negative: var(--loss);--border: #1a1a1a;--font: "Electrolize", system-ui, sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.125rem;--text-md: 1.25rem;--text-lg: 1.375rem;--text-hero: 4rem;--content-max: 40rem;--footer-height: 2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 4px}}@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;font-family:var(--font)}body{font-family:var(--font);font-size:var(--text-base);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}}@layer primitives{.hero-value-block{text-align:center}.hero-value{font-size:clamp(var(--text-hero),min(22cqi,28cqb),10rem);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;margin:0;white-space:nowrap}.hero-value__change{display:inline-flex;align-items:center;gap:var(--space-2);font-size:clamp(var(--text-sm),3cqi,var(--text-base));margin:var(--space-2) 0 0;font-variant-numeric:tabular-nums}.hero-value__change-sep{color:var(--text-muted);opacity:.5}.hero-value__change[data-tone=gain]{color:var(--gain)}.hero-value__change[data-tone=loss]{color:var(--loss)}.hero-value__change[data-tone=flat]{color:var(--text-muted)}.position-card{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.position-card__main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}.position-card__identity{min-width:0;flex:1}.position-card__name{font-size:var(--text-md);color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.position-card__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:.125rem}.position-card__symbol{font-size:var(--text-xs);color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}.position-card__tag{display:inline-block;padding:.125rem .375rem;font-size:.625rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);line-height:1.2}.position-card__held{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;line-height:1.2}.position-card__figures{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex-shrink:0;text-align:right}.position-card__value{font-size:var(--text-lg);font-variant-numeric:tabular-nums;margin:0;line-height:1.2}.position-card__change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;line-height:1.2}.position-card__change-sep{opacity:.45}.position-card__change[data-tone=gain]{color:var(--gain)}.position-card__change[data-tone=loss]{color:var(--loss)}.position-card__change[data-tone=flat]{color:var(--text-muted)}.screen-pager{display:flex;flex:1;min-height:0;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.screen-pager::-webkit-scrollbar{display:none}.screen-pager__panel{flex:0 0 100%;scroll-snap-align:start;height:100%;overflow-y:auto}.screen-nav{display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-4) var(--space-4) var(--space-2)}.screen-nav__tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-muted);border-bottom:2px solid transparent;border-radius:0;transition:color .12s ease,border-color .12s ease}.screen-nav__tab[data-active=true]{color:var(--text);border-bottom-color:var(--text)}.screen-nav__tab:hover{color:var(--text)}}@layer shell{.app{display:flex;flex-direction:column;height:100dvh;background:var(--bg)}.app-loader{display:flex;align-items:center;justify-content:center;height:100%}.app-loader__spinner{width:3rem;height:3rem;border:3px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:app-loader-spin .8s linear infinite}@keyframes app-loader-spin{to{transform:rotate(360deg)}}.status-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:var(--text-sm)}.app-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:var(--footer-height);padding:0 var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.app-footer__updated,.app-footer__version{font-variant-numeric:tabular-nums}}@layer screens{.total-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;container-type:size;min-height:100%;padding:var(--space-4) var(--space-4) var(--space-2);margin-top:-1.5rem}.positions-screen{padding:var(--space-5) 0 var(--space-2);min-height:100%}}