/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--primary-color:#2196f3;--primary-dark:#1976d2;--primary-light:#bbdefb;--accent-color:#ff4081;--text-primary:#212121;--text-secondary:#757575;--divider-color:#bdbdbd;--background-color:#f5f5f5;--card-color:#fff;--error-color:#f44336;--success-color:#4caf50;--border-radius:8px;--box-shadow:0 4px 6px #0000001a;--transition-speed:.3s}body.dark{--primary-color:#90caf9;--primary-dark:#42a5f5;--primary-light:#1e88e5;--accent-color:#ff80ab;--text-primary:#fff;--text-secondary:#b0bec5;--divider-color:#424242;--background-color:#121212;--card-color:#1e1e1e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-primary);transition:background-color var(--transition-speed)ease;font-family:Roboto,sans-serif;line-height:1.6}.volume-converter-container{max-width:1200px;margin:0 auto;padding:2rem}@media (width<=768px){.volume-converter-container{padding:1rem}}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header h1{color:var(--primary-color);font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600}@media (width<=768px){.header h1{font-size:1.8rem}}.theme-toggle{gap:.5rem;display:flex}.theme-toggle .theme-btn{cursor:pointer;color:var(--text-secondary);transition:all var(--transition-speed)ease;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-toggle .theme-btn.active{color:var(--primary-color);background-color:var(--primary-light)}.theme-toggle .theme-btn:hover{background-color:#0000001a}body.dark .theme-toggle .theme-btn:hover{background-color:#ffffff1a}.settings-panel{background-color:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem;display:flex}@media (width<=768px){.settings-panel{flex-direction:column;align-items:flex-start}}.switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{background-color:var(--divider-color);width:50px;height:24px;transition:var(--transition-speed);border-radius:34px;margin-right:10px;display:inline-block;position:relative}.switch .slider:before{content:"";width:18px;height:18px;transition:var(--transition-speed);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background-color:var(--primary-color)}.switch input:checked+.slider:before{transform:translate(26px)}.switch .label{color:var(--text-primary);font-weight:500}.precision-control{flex-direction:column;gap:.5rem;min-width:200px;display:flex}.precision-control label{color:var(--text-primary);font-weight:500}.precision-control input[type=range]{-webkit-appearance:none;background:var(--divider-color);border-radius:5px;outline:none;width:100%;height:6px}.precision-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:18px;height:18px}.precision-control input[type=range]::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.converter-panel{background-color:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem;padding:2rem}.converter-panel .input-group{margin-bottom:1.5rem}.converter-panel .input-group label{color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;display:block}.converter-panel .input-group input{border:2px solid var(--divider-color);border-radius:var(--border-radius);width:100%;color:var(--text-primary);transition:border-color var(--transition-speed);background-color:#0000;padding:1rem;font-size:1.2rem}.converter-panel .input-group input:focus{border-color:var(--primary-color);outline:none}.units-panel{gap:1rem;margin-bottom:2rem;display:flex}@media (width<=768px){.units-panel{flex-direction:column}}.units-panel .from-unit,.units-panel .to-unit{flex:1}.units-panel .from-unit label,.units-panel .to-unit label{color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;display:block}.units-panel .from-unit select,.units-panel .to-unit select{border:2px solid var(--divider-color);border-radius:var(--border-radius);width:100%;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-speed);background-color:#0000;padding:1rem;font-size:1rem}.units-panel .from-unit select:focus,.units-panel .to-unit select:focus{border-color:var(--primary-color);outline:none}.units-panel .from-unit select option,.units-panel .to-unit select option{background-color:var(--card-color)}.units-panel .swap-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;width:40px;height:40px;transition:background-color var(--transition-speed);border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:.5rem;display:flex}.units-panel .swap-btn:hover{background-color:var(--primary-dark)}@media (width<=768px){.units-panel .swap-btn{align-self:center;margin:1rem 0}}.unit-groups{border:2px solid var(--divider-color);border-radius:var(--border-radius);max-height:300px;padding:1rem;overflow-y:auto}.unit-groups .unit-group{margin-bottom:1rem}.unit-groups .unit-group:last-child{margin-bottom:0}.unit-groups .unit-group h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1rem;font-weight:600}.unit-groups .unit-group .unit-options{flex-direction:column;gap:.5rem;display:flex}.unit-groups .unit-group .unit-options .unit-option{border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-speed);justify-content:space-between;align-items:center;padding:.5rem;display:flex}.unit-groups .unit-group .unit-options .unit-option:hover{background-color:#0000000d}body.dark .unit-groups .unit-group .unit-options .unit-option:hover{background-color:#ffffff0d}.unit-groups .unit-group .unit-options .unit-option.selected{background-color:var(--primary-light);color:#fff}body.dark .unit-groups .unit-group .unit-options .unit-option.selected{background-color:var(--primary-dark)}.unit-groups .unit-group .unit-options .unit-option .favorite-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.unit-groups .unit-group .unit-options .unit-option .favorite-btn.favorited{color:#ffc107}.result-container{align-items:center;gap:1rem;display:flex}@media (width<=768px){.result-container{flex-direction:column;align-items:stretch}}.result-container .result-display{background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);flex:1;padding:1rem}.result-container .result-display .result-label{text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem}.result-container .result-display .result-value{font-size:2rem;font-weight:500}@media (width<=768px){.result-container .result-display .result-value{font-size:1.5rem}}.result-container .reset-btn{background-color:var(--accent-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-speed);border:none;padding:1rem 2rem;font-weight:500}.result-container .reset-btn:hover{background-color:#ff0d5f}.recent-conversions{background-color:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem;padding:1.5rem}.recent-conversions h2{color:var(--primary-color);margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:1.5rem}.recent-conversions ul{list-style-type:none}.recent-conversions ul li{border-bottom:1px solid var(--divider-color);color:var(--text-primary);padding:.75rem 0}.recent-conversions ul li:last-child{border-bottom:none}.formulas-panel{background-color:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem;padding:1.5rem}.formulas-panel h2{color:var(--primary-color);margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:1.5rem}.formulas-panel .formula-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.formulas-panel .formula-cards .formula-card{border:1px solid var(--divider-color);border-radius:var(--border-radius);transition:transform var(--transition-speed);padding:1rem}.formulas-panel .formula-cards .formula-card:hover{transform:translateY(-5px)}.formulas-panel .formula-cards .formula-card h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.1rem}.formulas-panel .formula-cards .formula-card p{color:var(--text-secondary);margin-bottom:.5rem}.formulas-panel .formula-cards .formula-card p.formula{color:var(--text-primary);background-color:#0000000d;border-radius:4px;padding:.5rem;font-family:Courier New,monospace;font-weight:500}body.dark .formulas-panel .formula-cards .formula-card p.formula{background-color:#ffffff0d}footer{text-align:center;color:var(--text-secondary);padding:2rem 0}footer p{margin-bottom:.5rem}footer p:last-child{margin-bottom:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.volume-converter-container{animation:fadeIn .5s ease-in-out}@media (width<=576px){.converter-panel{padding:1rem}.result-container .result-display .result-value{font-size:1.2rem}.reset-btn{padding:.75rem 1.5rem}.header h1{font-size:1.5rem}}