:root{--bg-primary:#f6f8fa;--bg-secondary:#fff;--text-primary:#222;--text-secondary:#666;--border-color:#e3e3e3;--table-header-bg:#e9ecef;--table-row-border:#e3e3e3;--shadow-light:0 2px 8px #00000012;--shadow-hover:0 4px 16px #0000001f;--tooltip-bg:#222;--tooltip-text:#fff;--highlight-bg:#ffe066}@media (prefers-color-scheme:dark){:root{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--border-color:#404040;--table-header-bg:#333;--table-row-border:#404040;--shadow-light:0 2px 8px #0000004d;--shadow-hover:0 4px 16px #00000080;--tooltip-bg:#e8e8e8;--tooltip-text:#1a1a1a;--highlight-bg:#b8860b}}body{background:var(--bg-primary);color:var(--text-primary);margin:0;font-family:Inter,Arial,sans-serif;transition:background-color .3s,color .3s}#root{max-width:600px;margin:0 auto;padding:1rem}.card-content{padding:.5rem 0;overflow-x:auto}.table{border-collapse:collapse;width:100%;margin-bottom:1rem}.table th,.table td{text-align:left;padding:.75rem .5rem}.table th{background:var(--table-header-bg);font-weight:600}.table tr{border-bottom:1px solid var(--table-row-border)}.table tr.highlight{background:var(--highlight-bg)!important}.chart-box{width:100%;height:220px}.hourly-chart-row td{background:var(--bg-secondary);padding:.75rem .25rem}.hourly-chart{width:100%;min-width:0;max-width:100%;height:280px}.current-time-hint{color:var(--text-secondary);margin:0 0 .35rem .25rem;font-size:.85rem}.toggle{align-items:center;display:flex}.toggle .card-content{overflow-x:auto}.toggle .table{border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:100%;max-width:100%;margin:1rem 0}.toggle .table th,.toggle .table td{text-align:center;border-bottom:1px solid var(--table-row-border);box-sizing:border-box;word-break:break-word;padding:.5rem .75rem}.toggle .table th{background:var(--table-header-bg);font-weight:600}.toggle .table tr.highlight{background:var(--highlight-bg)}.toggle{gap:.5rem;margin-bottom:1rem}.toggle-switch{background:var(--border-color);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.toggle-switch[data-checked=true]{background:#4caf50}.toggle-knob{background:var(--bg-secondary);border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:2px}.toggle-switch[data-checked=true] .toggle-knob{left:22px}@media (width<=600px){#root{padding:.5rem}.card{padding:.75rem .5rem}.table th,.table td{padding:.5rem .25rem;font-size:.95em}.hourly-chart{width:calc(100vw - 2rem);height:250px}}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;background-color:var(--tooltip-bg);width:120px;color:var(--tooltip-text);text-align:center;z-index:1;opacity:0;border-radius:6px;margin-left:-60px;padding:5px 0;font-size:.85em;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.card{background:var(--bg-secondary);box-shadow:var(--shadow-light);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:box-shadow .2s,background-color .3s}.card:hover{box-shadow:var(--shadow-hover)}.card-content{padding:.5rem 0}