:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1d23;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #646cff;--primary-hover-color: #535bf2;--card-bg-dark: #24272e;--card-border-dark: #3a3f4b;--card-bg-light: #ffffff;--card-border-light: #e2e8f0;--text-light: #333;--text-dark: rgba(255, 255, 255, .87);--input-bg-dark: #2f333b;--input-bg-light: #f8f9fa;--input-border-dark: #4a505a;--input-border-light: #ced4da;--button-bg-dark: var(--primary-color);--button-text-dark: white;--button-bg-light: var(--primary-color);--button-text-light: white;--error-color: #f87171}body{margin:0;font-size:16px;min-height:100vh;background-color:var(--background-color, #1a1d23);color:var(--text-color, var(--text-dark));transition:background-color .3s,color .3s}a{font-weight:500;color:var(--primary-color);text-decoration:inherit;transition:color .25s}a:hover{color:var(--primary-hover-color)}button{border-radius:8px;border:1px solid transparent;padding:.8em 1.5em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s,background-color .25s;background-color:var(--button-bg, var(--button-bg-dark));color:var(--button-text, var(--button-text-dark))}button:hover{border-color:var(--primary-hover-color);opacity:.9}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: light){:root{--background-color: #f8f9fa;--text-color: var(--text-light);--card-bg: var(--card-bg-light);--card-border: var(--card-border-light);--input-bg: var(--input-bg-light);--input-border: var(--input-border-light);--button-bg: var(--button-bg-light);--button-text: var(--button-text-light)}}@media (prefers-color-scheme: dark){:root{--background-color: #1a1d23;--text-color: var(--text-dark);--card-bg: var(--card-bg-dark);--card-border: var(--card-border-dark);--input-bg: var(--input-bg-dark);--input-border: var(--input-border-dark);--button-bg: var(--button-bg-dark);--button-text: var(--button-text-dark)}}body{background-color:var(--background-color);color:var(--text-color)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.App{max-width:900px;margin:2rem auto;padding:1rem;display:flex;flex-direction:column;gap:2rem}.App h1{text-align:center;font-size:2.5em;margin-bottom:1rem;color:var(--primary-color)}.calculator-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem 2rem;box-shadow:0 4px 6px #0000001a;transition:background-color .3s,border-color .3s}.calculator-card h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5em;color:var(--text-color);border-bottom:1px solid var(--card-border);padding-bottom:.5rem}.form-group{margin-bottom:1.2rem;display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-group input[type=number],.form-group input[type=text],.form-group select{padding:.8em 1em;border:1px solid var(--input-border);border-radius:6px;font-size:1em;background-color:var(--input-bg);color:var(--text-color);transition:border-color .25s,background-color .25s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-moz-appearance:textfield}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #646cff33}.error-message{color:var(--error-color);background-color:#f871711a;border:1px solid rgba(248,113,113,.3);padding:.8rem 1rem;border-radius:6px;margin-top:1rem;font-size:.9em}.result-section{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed var(--card-border)}.result-section h3{margin-bottom:.8rem;font-size:1.2em}.result-section p{margin-bottom:.5rem;font-size:1em}.result-section span{font-weight:700;color:var(--primary-color)}.calculator-menu{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--card-border)}.calculator-menu button{padding:.6em 1.2em;background-color:transparent;color:var(--text-color);border:1px solid var(--input-border);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}.calculator-menu button:hover{background-color:#646cff1a;border-color:var(--primary-color)}.calculator-menu button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:700}