*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#22263a;--accent:#3b82f6;--accent-dim:#1d4ed8;--text:#e2e8f0;--text-dim:#94a3b8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--border:#2d3348;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:10px}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);overscroll-behavior-y:none;touch-action:manipulation;height:100%}button{cursor:pointer;border:none;outline:none;font-family:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;padding:10px 14px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input[type=date][data-empty=true]:not(:focus){color:transparent}.btn{border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dim)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.shortcut-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform .15s,border-color .15s}.shortcut-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.shortcut-btn:hover span:last-child{color:var(--accent)}.shortcut-btn:active{transform:translateY(0)}.stat-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (max-width:640px){.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat-cell{background:var(--surface);min-width:0;padding:8px 10px}.stat-cell-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;align-items:baseline;gap:4px;margin-bottom:4px;font-size:11px;display:flex}.stat-cell-label>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.stat-cell-row{align-items:baseline;gap:3px;min-width:0;display:flex}.stat-cell-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:700;overflow:hidden}.stat-cell-unit{color:var(--text-dim);flex-shrink:0;font-size:12px}.stat-cell-trend{flex-shrink:0;align-items:center;display:inline-flex}.stat-energy{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:2px 4px;font-size:11px;display:flex}.stat-energy-item{align-items:center;gap:2px;display:inline-flex}.stat-energy-sep{color:var(--border);margin-right:8px}.mono{font-family:var(--font-mono)}@keyframes spin{to{transform:rotate(360deg)}}.leaflet-control-attribution{text-overflow:ellipsis;white-space:nowrap;opacity:.6;max-width:30vw;padding:0 4px;font-size:8px;line-height:1;overflow:hidden}