:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--bg-color: #f7f8fa;--primary-color: #1976d2;--secondary-color: #444;--accent-color: #d81b60;--card-bg: #fff;--card-border: #ddd;--border-radius: 8px;--text-color: #333;--input-bg: #fff;--input-border: #ddd;--select-bg: #fff;--highlight-color: #d81b60}[data-theme=dark]{--bg-color: #1a1a1a;--primary-color: #64b5f6;--secondary-color: #e0e0e0;--accent-color: #f48fb1;--card-bg: #2d2d2d;--card-border: #404040;--text-color: #e0e0e0;--input-bg: #3d3d3d;--input-border: #555;--select-bg: #3d3d3d;--highlight-color: #f48fb1}#root{width:100%}body{margin:0;padding:0;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--secondary-color);transition:background-color .3s ease,color .3s ease}.App{max-width:1200px;margin:0 auto;padding:2rem;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center}.layout{display:flex;gap:1rem;width:fit-content;margin:0 auto;max-width:100%}.input-panel{width:480px;max-height:85vh;overflow-y:auto;padding:1rem;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius)}.results-panel{width:440px;position:sticky;top:1rem;align-self:start;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:1rem;box-sizing:border-box;height:fit-content}@media (max-width: 850px){.layout{flex-direction:column;width:100%;margin:0 auto}.input-panel,.results-panel{width:100%;margin:0 auto;max-height:initial}.results-panel{position:static;margin-top:1rem}}h1{margin-top:0;text-align:center;margin-bottom:.5rem;color:var(--accent-color);font-size:2.4rem}.intro-text{text-align:center;margin-bottom:1rem;color:var(--secondary-color)}h2{color:var(--primary-color)}.label-range{display:block;margin-top:1rem;font-weight:600;color:var(--secondary-color)}input[type=range]{width:100%;margin:.25rem 0 .75rem}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}input[type=number],select{margin-top:.25rem;padding:.4rem;border-radius:4px;border:1px solid var(--input-border);color:var(--text-color);font-size:.95rem;background-color:var(--input-bg);transition:border-color .2s ease}input[type=number]:focus,select:focus{outline:none;border-color:var(--primary-color)}input[type=checkbox]{accent-color:var(--primary-color)}.result-highlight{color:var(--accent-color);font-weight:700}.section-title{margin-top:0;margin-bottom:1rem}.kvCacheAnimate{overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.kvCacheAnimate.open{max-height:200px;opacity:1}.kvCacheAnimate.closed{max-height:0;opacity:0}.info-icon{margin-left:.5rem;background-color:var(--accent-color);color:#fff;display:inline-block;text-align:center;line-height:1rem;border-radius:50%;font-size:.75rem;width:1rem;height:1rem;cursor:pointer;position:relative}.info-icon .tooltip-text{display:none;position:absolute;background-color:#333;color:#fff;padding:.25rem;font-size:.75rem;border-radius:4px;top:1.5rem;left:0;width:200px;z-index:999}.info-icon:hover .tooltip-text{display:block}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--secondary-color);cursor:pointer;transition:all .2s ease-in-out;font-size:.9rem;font-weight:500;position:absolute;top:1rem;right:1rem;z-index:1000}.theme-toggle:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.theme-toggle:active{transform:translateY(0)}.theme-toggle-icon{font-size:1.2em;display:flex;align-items:center}.theme-toggle-text{font-size:.85rem}@media (max-width: 768px){.theme-toggle{position:fixed;top:1rem;right:1rem;padding:.4rem .8rem;font-size:.8rem}.theme-toggle-text{display:none}.theme-toggle-icon{font-size:1.4em}}