.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-custom,.btn-custom-outline{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none}.btn-custom{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-custom:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-custom-outline{background:#fff;color:#667eea;border:2px solid #667eea}.btn-custom-outline:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.btn-custom:active,.btn-custom-outline:active{transform:translateY(0)}.btn-sponsor{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);color:#fff}.btn-sponsor:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.btn-sponsor:active{transform:translateY(0)}.concentration-type-selector{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.concentration-type-btn{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid #e0e7ff;background:#fff;color:#667eea;flex:1;min-width:120px}.concentration-type-btn:hover{background:#f0f4ff;border-color:#667eea}.concentration-type-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea}.input-grid{display:grid;grid-template-columns:1fr;gap:1rem}.input-row{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;align-items:end}.form-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:2px solid #e0e7ff;font-size:.95rem;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#48bb78;box-shadow:0 0 0 3px rgba(72,187,120,.1)}.form-input:hover{border-color:#667eea}.input-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#4a5568;margin-bottom:.5rem}.info-icon{color:#667eea;cursor:help;font-size:.9rem;transition:color .3s ease}.info-icon:hover{color:#764ba2}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-text{visibility:hidden;width:250px;background-color:#333;color:#fff;text-align:left;border-radius:6px;padding:.75rem;position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-125px;opacity:0;transition:opacity .3s,visibility .3s;font-size:.85rem;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,.3)}.tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.result-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:2rem;color:#fff;text-align:center;box-shadow:0 4px 20px rgba(102,126,234,.3);margin-bottom:1.5rem}.result-label{font-size:.95rem;font-weight:500;opacity:.9;margin-bottom:.5rem}.result-value{font-size:3rem;font-weight:700;margin:.5rem 0;line-height:1.2}.result-unit{font-size:1.5rem;font-weight:500;opacity:.9}.formula-section{background:#f7fafc;border-radius:8px;padding:1rem;margin-top:1rem}.formula-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:.5rem;border-radius:6px;transition:background .3s ease}.formula-toggle:hover{background:#e0e7ff}.formula-title{font-weight:600;color:#667eea;display:flex;align-items:center;gap:.5rem}.formula-content{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;border-left:4px solid #667eea}.formula-content.hidden{display:none}.formula-equation{font-family:'Courier New',monospace;font-size:1.1rem;font-weight:600;color:#333;margin:.5rem 0;padding:.75rem;background:#f0f4ff;border-radius:4px;text-align:center;overflow-x:auto;overflow-y:hidden}.formula-equation .katex{font-size:1em}.formula-equation .katex-display{margin:0;overflow-x:auto;overflow-y:hidden}.formula-step{margin:.5rem 0;padding-left:1rem;color:#4a5568;line-height:1.6;overflow-x:auto}.formula-step .katex{font-size:.95em}@media(max-width:576px){.formula-equation{font-size:.9rem;padding:.5rem}.formula-equation .katex{font-size:.85em}.formula-step{font-size:.9rem}}.chart-container{position:relative;height:300px;margin-top:1.5rem}.conversion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.conversion-item{background:#fff;padding:1rem;border-radius:8px;border:2px solid #e0e7ff;text-align:center;transition:all .3s ease}.conversion-item:hover{border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.1)}.conversion-label{font-size:.85rem;color:#718096;margin-bottom:.25rem}.conversion-value{font-size:1.25rem;font-weight:600;color:#667eea}.error-message{background:#fff5f5;border:2px solid #fc8181;color:#c53030;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;display:none;font-size:.9rem}.error-message.show{display:block}.seo-section{margin-top:3rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.seo-section h2{color:#667eea;font-size:1.75rem;margin-bottom:1rem}.seo-section h3{color:#764ba2;font-size:1.35rem;margin-top:1.5rem;margin-bottom:.75rem}.seo-section h4{color:#4a5568;font-size:1.1rem;margin-top:1rem;margin-bottom:.5rem}.seo-section p{color:#4a5568;line-height:1.7;margin-bottom:1rem}.seo-section ol,.seo-section ul{color:#4a5568;line-height:1.7;padding-left:1.5rem;margin-bottom:1rem}.seo-section li{margin-bottom:.5rem}@media(max-width:992px){.input-row{grid-template-columns:1fr}.conversion-grid{grid-template-columns:1fr}.result-value{font-size:2.5rem}}@media(max-width:576px){.action-buttons-grid{grid-template-columns:1fr}.concentration-type-btn{min-width:100%}.result-value{font-size:2rem}.result-unit{font-size:1.2rem}.chart-container{height:250px}.tooltip-text{width:200px;margin-left:-100px}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.calculating{animation:pulse 1.5s ease-in-out infinite}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}