:root{--color-paper: oklch(12% .012 265);--color-paper-2: oklch(15% .014 265);--color-paper-3: oklch(19% .016 265);--color-paper-hover: oklch(22% .018 265);--color-ink: oklch(92% .01 265);--color-ink-2: oklch(62% .02 265);--color-ink-3: oklch(42% .015 265);--color-accent: oklch(74% .14 85);--color-accent-soft: oklch(74% .14 85 / .14);--color-accent-ink: oklch(18% .03 85);--color-blue: oklch(58% .14 250);--color-focus: oklch(74% .14 85);--color-rule: oklch(92% .01 265 / .08);--color-rule-strong: oklch(92% .01 265 / .14);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Mono", Consolas, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--radius-sm: 6px;--radius-md: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-short: .18s;--dur-mid: .28s;--header-h: 52px;--stats-h: 48px;--footer-h: 36px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-md);background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;min-height:0}.header{display:flex;align-items:center;gap:var(--space-md);min-height:var(--header-h);padding:0 var(--space-md);background:var(--color-paper-2);border-bottom:1px solid var(--color-rule)}.ticker{display:flex;align-items:center;gap:.65rem;flex-shrink:0;min-width:0;line-height:1}.ticker-symbol{display:inline-flex;align-items:center;gap:.05rem;flex-shrink:0;line-height:0}.ticker-cash{font-family:var(--font-display);font-size:.8125rem;font-weight:600;font-style:normal;letter-spacing:-.02em;color:var(--color-ink-2);line-height:1;flex-shrink:0;transform:translate(1px,-1px)}.ticker-logo-host{display:flex;align-items:center;flex-shrink:0;line-height:0}.ticker-logo{display:block;height:22px;width:auto;object-fit:contain;image-rendering:auto}.ticker-price{font-family:var(--font-mono);font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--color-ink)}.timeframes{display:flex;flex-wrap:wrap;gap:4px}.github-link{display:inline-flex;align-items:center;gap:var(--space-2xs);margin-left:auto;padding:.4rem .75rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-2);text-decoration:none;background:transparent;border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.github-link:hover{color:var(--color-ink);border-color:var(--color-ink-3);background:var(--color-paper-3)}.github-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.github-icon{width:14px;height:14px;fill:currentColor}.timeframe-btn{padding:.35rem .65rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-ink-2);background:transparent;border:1px solid var(--color-rule);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.timeframe-btn:hover{color:var(--color-ink);border-color:var(--color-rule-strong);background:var(--color-paper-3)}.timeframe-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.timeframe-btn.active{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.stats-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);min-height:var(--stats-h);padding:var(--space-2xs) var(--space-md);background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.stat{display:flex;flex-direction:column;gap:1px;min-width:3.5rem}.stat-label{font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-3)}.stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-ink)}.stat-separator{width:1px;height:1.75rem;background:var(--color-rule-strong);flex-shrink:0}.candle-presets{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.preset-label{font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-3);margin-right:2px}.preset-btn{padding:.25rem .5rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-ink-2);background:transparent;border:1px solid var(--color-rule);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.preset-btn:hover{color:var(--color-ink);border-color:var(--color-rule-strong)}.preset-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.preset-btn.active{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.control-btn{padding:.4rem .85rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-accent-ink);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.control-btn:hover{filter:brightness(1.06)}.control-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.control-btn:active{filter:brightness(.96)}.control-btn.active{color:var(--color-ink);background:#822b2a;border-color:#a43b38;filter:none}.control-btn.secondary{color:var(--color-ink-2);background:var(--color-paper-2);border-color:var(--color-rule-strong);filter:none}.control-btn.secondary:hover{color:var(--color-ink);border-color:var(--color-ink-3);background:var(--color-paper-3);filter:none}.control-btn.toggle-active{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.chart-container{flex:1;min-height:0;background:#07070a}.footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:var(--footer-h);padding:0 var(--space-md);font-size:var(--text-xs);color:var(--color-ink-3);background:var(--color-paper-2);border-top:1px solid var(--color-rule)}.footer a{color:var(--color-ink-2);text-decoration:none;transition:color var(--dur-short) var(--ease-out)}.footer a:hover{color:var(--color-accent)}.footer a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (max-width: 768px){.header{flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm)}.timeframes{order:3;width:100%}.github-link{margin-left:0}.stats-bar{gap:var(--space-xs) var(--space-sm);padding:var(--space-2xs) var(--space-sm)}.stat-separator{display:none}.ticker-price{font-size:var(--text-md)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}}