:root{--bg: #0b0e14;--bg-elev: #131722;--border: #232a39;--text: #e6e9ef;--muted: #8b93a7;--up: #22c55e;--down: #ef4444;--accent: #3b82f6;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}.brand{display:flex;align-items:center;gap:10px}.brand__dot{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--up),var(--accent))}.brand__name{font-weight:700;font-size:17px;letter-spacing:.2px}.app__tag{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 9px;text-transform:uppercase;letter-spacing:.5px}.segments{display:flex;gap:8px;overflow-x:auto;padding:6px 18px 14px;scrollbar-width:none}.segments::-webkit-scrollbar{display:none}.seg{flex:0 0 auto;position:relative;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.seg--active{background:var(--text);color:var(--bg);border-color:var(--text)}.seg--soon{opacity:.45;cursor:not-allowed}.seg__soon{margin-left:6px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.content{flex:1;padding:8px 18px 24px}.content__title{margin:4px 0 2px;font-size:26px;font-weight:800}.content__sub{margin:0 0 18px;color:var(--muted);font-size:13px}.cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.card__main{display:flex;flex-direction:column;gap:2px}.card__name{font-weight:600;font-size:15px}.card__sym{font-size:11px;color:var(--muted);letter-spacing:.4px}.card__right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.card__last{font-variant-numeric:tabular-nums;font-weight:700;font-size:16px}.card__chg{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.card__chg.up{color:var(--up)}.card__chg.down{color:var(--down)}.muted{color:var(--muted)}.error{color:var(--down);font-size:13px}.asof{margin-top:16px;font-size:11px;color:var(--muted);text-align:center}.app__footer{padding:14px 18px calc(18px + env(safe-area-inset-bottom));text-align:center;font-size:11px;color:var(--muted);border-top:1px solid var(--border)}.app__footer-sep{margin:0 6px;opacity:.5}.app__footer-link{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.app__footer-link:hover,.app__footer-link:focus-visible{color:var(--text)}