:root{--color-bg:#f7f9fc;--color-surface:#fff;--color-border:#d5dce6;--color-text:#0f172a;--color-text-muted:#475569;--color-accent:#2563eb;--color-accent-contrast:#fff;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--transition:.18s ease}html[data-theme=dark]{--color-bg:#0b0e14;--color-surface:#131722;--color-border:#2a2e39;--color-text:#e6e9ef;--color-text-muted:#9aa4b2;--color-accent:#3b82f6;--color-accent-contrast:#0b0e14}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{flex-direction:column;height:100vh;min-height:0;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;display:flex}.app-title{letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:600}.app-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.control{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.8rem;display:inline-flex}.control select,.btn{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--transition), border-color var(--transition), color var(--transition);font-size:.8rem}.btn:hover,.control select:hover{border-color:var(--color-accent)}.btn:focus-visible,.control select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.control select:disabled,.btn:disabled{cursor:not-allowed;opacity:.5}.control select:disabled:hover{border-color:var(--color-border)}.app-status{min-height:1rem;color:var(--color-text-muted);flex-basis:100%;margin:0;font-size:.75rem}.chart-container{background:var(--color-bg);touch-action:none;flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.chart-container canvas{display:block;position:absolute;inset:0}.chart-container:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.app-footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.75rem}.app-footer p{margin:0}kbd{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:.7rem}@media (prefers-reduced-motion:reduce){*{transition:none!important}}