html,body{margin:0;padding:0;background:var(--bg-primary)}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--text-disabled: #adb5bd;--border-color: #dee2e6;--border-input: #ced4da;--accent: rgb(75, 192, 192);--accent-hover: rgb(55, 172, 172);--accent-subtle: rgba(75, 192, 192, .1);--error: #dc3545;--error-bg: #f8d7da;--error-border: #f5c6cb;--error-text: #721c24;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--slider-track: #e0e0e0;--btn-secondary: #6c757d;--btn-secondary-hover: #5a6268}:root.dark{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #e8e8e8;--text-secondary: #b8b8b8;--text-muted: #888888;--text-disabled: #555555;--border-color: #2d3748;--border-input: #4a5568;--accent-subtle: rgba(75, 192, 192, .2);--error: #f87171;--error-bg: rgba(248, 113, 113, .2);--error-border: rgba(248, 113, 113, .4);--error-text: #fca5a5;--shadow: 0 2px 4px rgba(0, 0, 0, .3);--slider-track: #3d3d5c;--btn-secondary: #4a4a6a;--btn-secondary-hover: #5a5a7a}h1{text-align:center;color:var(--text-primary)}h2{color:var(--text-primary)}.tool-page{max-width:1200px;margin:0 auto;padding:0 1rem}.tool-page h2{text-align:center;margin-bottom:.5rem;color:var(--text-primary)}.tool-page .subtitle{text-align:center;color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.controls-container{background:var(--bg-secondary);border-radius:8px;padding:1.5rem}.columns-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.form-column{display:flex;flex-direction:column;gap:1rem}.form-section{background:var(--bg-primary);border-radius:8px;padding:1rem}.form-section h3{margin:0 0 1rem;font-size:1rem;color:var(--text-secondary);font-weight:600}@media (max-width: 1024px){.columns-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.columns-layout{grid-template-columns:1fr}.controls-container{padding:1rem}}.chart-container{background:var(--bg-primary);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);max-width:900px;margin:0 auto 2rem}.chart-container canvas{display:block}