:root{color-scheme:dark;--bg:#101419;--card:#1a2028;--text:#e8edf3;--muted:#9aa8b8;--accent:#73dfbb}*{box-sizing:border-box}body{margin:0;background:var(--tg-theme-bg-color,var(--bg));color:var(--tg-theme-text-color,var(--text));font:15px/1.5 system-ui,sans-serif;padding:24px 18px calc(92px + env(safe-area-inset-bottom));max-width:860px;margin:auto}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:32px;margin:4px 0 22px;letter-spacing:-1px}h2{font-size:20px;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.dot{font-size:14px;color:var(--accent)}button{cursor:pointer;border:0;background:var(--card);color:var(--text);padding:12px 16px;border-radius:12px;font:inherit;min-height:44px}button:focus-visible{outline:2px solid var(--accent)}button.selected{background:var(--accent);color:#10231c}button:disabled{opacity:.5}.period{display:flex;align-items:center;gap:8px;margin:16px 0 24px}.period span{font-size:11px;color:var(--muted);margin-left:auto}#message{color:var(--muted);font-size:13px}article,.card{border:1px solid #303946;border-radius:18px;background:var(--tg-theme-secondary-bg-color,var(--card));padding:18px;margin-bottom:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.value{font-size:28px;font-weight:650;letter-spacing:-1px}.muted,small{color:var(--muted)}.warn{color:#ffc278}.good{color:var(--accent)}.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #303946}.row:last-child{border:0}.row span:last-child{text-align:right}svg{width:100%;height:150px;overflow:visible;display:block}.axis{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.action{margin:12px 0 0;border-left:2px solid var(--accent);padding-left:12px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:5px;padding:12px 6px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #303946}nav button{padding:10px 12px;font-size:12px}p{overflow-wrap:anywhere;margin:8px 0}.empty{color:var(--muted);padding:24px 0} @media(min-width:650px){body{padding-top:40px}.grid{grid-template-columns:repeat(4,1fr)}}

.period{flex-wrap:wrap}.period button{padding:8px 12px}.tools{margin-bottom:20px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}select{display:block;width:100%;background:var(--card);color:var(--text);border:1px solid #394452;border-radius:10px;padding:12px;font:inherit}summary{cursor:pointer;padding:10px 0}.chart-stats{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:12px}.chart-wrapper svg{height:180px;touch-action:pan-y}.chart-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.chart-actions button{font-size:12px;padding:8px 10px}.point-readout{font-size:13px;color:var(--accent);min-height:20px}.table-scroll{max-height:280px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:8px;border-bottom:1px solid #394452;text-align:left}th:last-child,td:last-child{text-align:right}.chart-card.expanded{position:fixed;inset:10px;z-index:10;overflow:auto;margin:0}.chart-card.expanded svg{height:45vh}.value{overflow-wrap:anywhere}