:root{color-scheme:light;--primary: #1c5cab;--on-primary: #ffffff;--primary-container: #cde2fb;--on-primary-container: #0d366b;--secondary-container: #dbe4f1;--on-secondary-container: #172c42;--surface: #f9f9fc;--surface-container-lowest: #ffffff;--surface-container-low: #f3f4f8;--surface-container: #edeff4;--surface-container-high: #e7e9ef;--surface-container-highest: #e1e4ea;--on-surface: #191c20;--on-surface-variant: #43474e;--outline: #73777f;--outline-variant: #c3c7cf;--good: #006300;--bad: #d03b3b;--live: #0ca30c;--elev-1: 0 1px 2px rgba(0, 0, 0, .14), 0 1px 3px 1px rgba(0, 0, 0, .08);--shape-sm: 8px;--shape-md: 12px;--shape-lg: 16px;--shape-xl: 28px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--primary: #86b6ef;--on-primary: #0d366b;--primary-container: #184f95;--on-primary-container: #cde2fb;--secondary-container: #3a4a5e;--on-secondary-container: #d6e3f7;--surface: #111418;--surface-container-lowest: #0c0e12;--surface-container-low: #191c21;--surface-container: #1d2126;--surface-container-high: #282b31;--surface-container-highest: #33363c;--on-surface: #e1e2e8;--on-surface-variant: #c3c7cf;--outline: #8d9199;--outline-variant: #43474e;--good: #0ca30c;--bad: #e66767;--live: #0ca30c;--elev-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px 1px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{max-width:720px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}@media(min-width:900px){#app{max-width:1200px}}a{color:inherit;text-decoration:none}button{font:inherit}.top-bar{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.top-bar.pinned{position:sticky;top:0;z-index:20}.app-header{display:flex;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) 16px 8px}.app-header h1{font-size:20px;font-weight:700;letter-spacing:-.2px;margin:0}.app-header .spacer{flex:1}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--on-surface-variant);padding:5px 11px;border-radius:999px;background:var(--surface-container)}.live-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--outline)}.live-badge.is-live .dot{background:var(--live);animation:pulse 2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--live) 45%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}main{flex:1;padding:12px 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.page{display:flex;flex-direction:column;gap:14px}.page-enter-active,.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:none}}.top-nav{display:flex;padding:0 4px 8px}.top-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--on-surface-variant)}.top-nav .pill{display:grid;place-items:center;width:56px;height:32px;border-radius:999px;transition:background .2s ease}.top-nav svg{width:22px;height:22px}.top-nav a.router-link-active{color:var(--on-surface);font-weight:700}.top-nav a.router-link-active .pill{background:var(--secondary-container);color:var(--on-secondary-container)}.card{background:var(--surface-container-low);border-radius:var(--shape-lg);padding:16px}.card h2{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.1px;color:var(--on-surface-variant)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:var(--surface-container-low);border-radius:var(--shape-lg);padding:14px 16px}.tile .label{font-size:12px;font-weight:500;color:var(--on-surface-variant)}.tile .value{font-size:24px;font-weight:650;letter-spacing:-.3px;margin-top:4px}.tile-hero{grid-column:1 / -1;background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--shape-xl);padding:20px;box-shadow:var(--elev-1)}.tile-hero .label{color:color-mix(in srgb,var(--on-primary-container) 75%,transparent)}.tile-hero .value{font-size:42px;font-weight:700;letter-spacing:-1px}.trend{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;margin-top:8px;padding:3px 10px;border-radius:999px}.trend.up{color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.trend.down{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}.trend.flat{color:var(--on-surface-variant);background:color-mix(in srgb,var(--on-surface-variant) 12%,transparent)}.ticker{display:flex;align-items:center;gap:10px;background:var(--surface-container-low);border-radius:var(--shape-md);padding:10px 14px;font-size:13px;color:var(--on-surface-variant);overflow:hidden}.ticker .amount{margin-left:auto;font-weight:700;color:var(--on-surface);font-variant-numeric:tabular-nums}.ticker-enter-active{transition:opacity .25s ease,transform .25s ease}.ticker-enter-from{opacity:0;transform:translateY(8px)}.date-bar{display:flex;align-items:center;justify-content:center;gap:10px}.date-bar button{border:none;cursor:pointer;color:var(--on-surface)}.date-bar .icon-btn{width:42px;height:42px;border-radius:50%;background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;flex-shrink:0}.date-bar .icon-btn svg{width:22px;height:22px;display:block}.date-bar .current{min-width:200px;height:42px;border-radius:999px;background:var(--secondary-container);color:var(--on-secondary-container);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.date-bar button:disabled{opacity:.35}.date-bar .date-pick{position:relative;cursor:pointer;overflow:hidden}.date-bar .date-pick-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;-webkit-appearance:none;color-scheme:light dark}.pressable:active{filter:brightness(.92)}@media(prefers-color-scheme:dark){.pressable:active{filter:brightness(1.2)}}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{border:1px solid var(--outline-variant);background:transparent;color:var(--on-surface-variant);border-radius:var(--shape-sm);height:34px;padding:0 14px;font-size:13.5px;font-weight:500;white-space:nowrap;cursor:pointer}.chips button.active{background:var(--secondary-container);border-color:transparent;color:var(--on-secondary-container);font-weight:700}.chips button.active:before{content:"✓ "}.rows{display:flex;flex-direction:column;padding:4px 16px}.row-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--outline-variant)}.row-item:last-child{border-bottom:none}.row-item:active{background:color-mix(in srgb,var(--on-surface) 8%,transparent)}.row-item .grow{flex:1;min-width:0}.row-item .title{font-size:15.5px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-item .meta{font-size:12px;color:var(--on-surface-variant);margin-top:2px}.row-item .num{font-weight:700;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto;margin:0 -16px;padding:0 16px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:10px;white-space:nowrap}th{text-align:right;font-weight:600;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);cursor:pointer;-webkit-user-select:none;user-select:none}td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 55%,transparent)}th.txt,td.txt{text-align:left}tr:last-child td{border-bottom:none}tfoot td{font-weight:700;border-top:1px solid var(--outline-variant)}td.up{color:var(--good)}td.down{color:var(--bad)}.sk{position:relative;overflow:hidden;background:var(--surface-container);border-radius:var(--shape-lg)}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--on-surface) 6%,transparent) 50%,transparent 70%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.sk:after{animation:none}}.state{text-align:center;color:var(--on-surface-variant);padding:32px 0;font-size:14px}.stepper{display:flex;align-items:center;gap:10px;flex-shrink:0}.stepper button{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-container-high);color:var(--on-surface);font-size:18px;font-weight:700;cursor:pointer;display:grid;place-items:center}.stepper button:disabled{opacity:.35}.stepper strong{min-width:26px;text-align:center;font-variant-numeric:tabular-nums}.toggle{border:1px solid var(--outline-variant);background:transparent;color:var(--on-surface-variant);border-radius:var(--shape-sm);height:34px;padding:0 14px;font-size:13.5px;font-weight:600;cursor:pointer;flex-shrink:0}.toggle.active{background:var(--primary-container);border-color:transparent;color:var(--on-primary-container)}