:root{--page:#f7f7f4;--surface:#fff;--surface-subtle:#fbfbf9;--text:#171717;--muted:#72736b;--border:#d8d8d1;--border-soft:#deded7;--border-muted:#eeeeea;--border-hover:#a9aaa2;--positive:#168348;--negative:#c2372c;--modal-scrim:#00000047;--shadow:#0003;color:var(--text);background:var(--page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--page:#101316;--surface:#171b20;--surface-subtle:#12161a;--text:#f1f4f6;--muted:#9ba6af;--border:#2d353d;--border-soft:#252d35;--border-muted:#343d46;--border-hover:#58636e;--positive:#4ed18b;--negative:#ff6b5f;--modal-scrim:#00000094;--shadow:#0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.shell{width:100vw;min-height:100vh;margin:0;padding:0}.topbar{z-index:10;background:var(--page);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex;position:sticky;top:0}.watchlistControls{align-items:center;min-width:0;margin-right:auto;display:inline-flex;overflow:hidden}.listTabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-auto-columns:minmax(78px,1fr);grid-auto-flow:column;height:30px;padding:2px;display:inline-grid}.listTab{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-grid;overflow:hidden}.listTab.active{color:var(--text);background:var(--surface-subtle);box-shadow:inset 0 0 0 1px var(--border-muted)}.listPicker{min-width:118px;max-width:158px;height:30px;display:inline-flex}.listPicker select{width:100%;min-width:0;color:var(--text);text-overflow:ellipsis;background:var(--surface);border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:8px;padding:0 24px 0 9px;font-size:.78rem;font-weight:800;overflow:hidden}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.topbarActions{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}h1,h2,p{margin:0}h1{font-size:1.1rem;line-height:1}.iconButton{width:34px;height:34px;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}.iconButton:hover{border-color:var(--border-hover)}.iconButton.flat{background:0 0;border-color:#0000}.updatedAt{color:var(--muted);white-space:nowrap;font-size:.8rem}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0;width:100vw;display:grid}.tile{min-height:172px;color:inherit;text-align:center;background:var(--surface);border:0;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);cursor:pointer;border-radius:0;align-content:center;justify-items:center;padding:34px 14px 24px;display:grid;position:relative}.tile:hover{border-color:var(--border-hover)}.tile.unavailable{color:var(--muted);cursor:default}.tile.unavailable:hover{border-color:var(--border-soft)}.symbol{font-size:clamp(1rem,1.8vw,1.35rem);font-weight:800;line-height:1;display:block}.price{overflow-wrap:anywhere;margin-top:14px;font-size:clamp(1.65rem,3.4vw,2.35rem);font-weight:800;line-height:1;display:block}.move{justify-content:center;align-items:center;gap:2px;margin-top:12px;font-size:clamp(.86rem,1.4vw,1rem);font-weight:800;line-height:1;display:inline-flex}.tileMove{margin-top:0;font-size:clamp(.74rem,1vw,.88rem);position:absolute;top:12px;right:12px}.positive{color:var(--positive)}.negative{color:var(--negative)}.neutral{color:var(--muted)}.emptyState{text-align:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;min-height:220px;padding:28px}.emptyState h2{margin-bottom:8px;font-size:1rem}.skeleton{opacity:.5}.modalBackdrop{background:var(--modal-scrim);place-items:center;padding:14px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:min(720px,100%);max-height:min(720px,100vh - 28px);box-shadow:0 22px 70px var(--shadow);border-radius:8px;padding:16px;overflow:auto}.modalHeader,.modalPrice,.modalDetails{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.modalHeader h2{font-size:1rem}.modalHeader p{color:var(--muted);margin-top:3px;font-size:.84rem}.modalPrice{align-items:baseline;margin-top:18px}.modalPrice strong{overflow-wrap:anywhere;font-size:2rem;line-height:1}.candleChart{background:var(--surface-subtle);border:1px solid var(--border-muted);border-radius:8px;width:100%;height:280px;margin:14px 0 10px;display:block}.axisLine{stroke:var(--border-soft)}.candle line,.candle rect{stroke-width:2px}.candle.up line,.candle.up rect{fill:var(--positive);stroke:var(--positive)}.candle.down line,.candle.down rect{fill:var(--negative);stroke:var(--negative)}.modalDetails{border-top:1px solid var(--border-muted);padding-top:10px}.modalDetails dt{color:var(--muted);font-size:.74rem}.modalDetails dd{margin:3px 0 0;font-size:.9rem;font-weight:800}@media (width<=760px){.updatedAt{display:none}}@media (width<=560px){.shell{width:100vw}.topbar{gap:8px;height:44px;padding:0 6px}h1{font-size:.95rem}.watchlistControls{scrollbar-width:none;flex:auto;overflow-x:auto}.watchlistControls::-webkit-scrollbar{display:none}.listTabs{grid-auto-columns:minmax(66px,1fr);height:28px}.listTab{padding:0 8px;font-size:.7rem}.listPicker{min-width:112px;max-width:136px;height:28px}.listPicker select{padding:0 20px 0 7px;font-size:.7rem}.topbarActions{gap:6px}.iconButton{width:28px;height:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:128px;padding:30px 8px 16px}.tileMove{top:10px;right:8px}.price{margin-top:11px;font-size:1.55rem}.move{margin-top:10px;font-size:.82rem}.modalBackdrop{align-items:end;padding:8px}.modal{border-radius:8px;max-height:min(620px,100vh - 16px);padding:14px}.modalPrice strong{font-size:1.55rem}.candleChart{height:230px}}@media (width<=420px){h1{display:none}.listTabs{grid-auto-columns:minmax(72px,1fr)}.listPicker{min-width:108px;max-width:126px}}@media (width<=360px){.topbar{gap:5px}.listTabs{grid-auto-columns:minmax(66px,1fr)}.listTab{padding:0 7px}.listPicker{min-width:102px;max-width:116px}.topbarActions{gap:5px}.iconButton{width:27px}}