.temp-converter{--temp-primary: #0ea5e9;--temp-secondary: #38bdf8;--temp-accent: #7dd3fc;--temp-bg: #f0f9ff;--temp-card-bg: #ffffff;--temp-text: #0c4a6e;--temp-text-muted: #0369a1;--temp-border: #bae6fd;--temp-shadow: 0 4px 20px rgba(14, 165, 233, .12);max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.temp-header{text-align:center;margin-bottom:2rem}.temp-title{font-size:2rem;font-weight:800;color:var(--temp-primary);margin:0 0 .5rem}.temp-description{color:var(--temp-text-muted);font-size:1.1rem;margin:0}.temp-formula-container{background:linear-gradient(135deg,var(--temp-bg) 0%,#e0f2fe 100%);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--temp-border)}.temp-formula-title{font-size:1.1rem;font-weight:700;color:var(--temp-primary);margin:0 0 1rem;text-align:center}.temp-formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.temp-formula-card{background:var(--temp-card-bg);border-radius:12px;padding:1rem;text-align:center}.temp-formula-label{display:block;font-size:.85rem;font-weight:600;color:var(--temp-text-muted);margin-bottom:.5rem}.temp-formula-math{font-size:.9rem;color:var(--temp-text);overflow-x:auto}.temp-form-container{background:var(--temp-card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--temp-shadow);margin-bottom:2rem}.temp-form{display:flex;flex-direction:column;gap:1.25rem}.temp-input-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.temp-input-main{flex:1;min-width:150px}.temp-input-group{display:flex;flex-direction:column;gap:.5rem;min-width:140px}.temp-label{font-weight:600;font-size:.9rem;color:var(--temp-text)}.temp-input,.temp-select{width:100%;padding:.875rem 1rem;border:2px solid var(--temp-border);border-radius:10px;font-size:1rem;background:var(--temp-bg)}.temp-input:focus,.temp-select:focus{outline:none;border-color:var(--temp-primary);background:#fff}.temp-swap-btn{width:44px;height:44px;border:2px solid var(--temp-border);border-radius:10px;background:var(--temp-bg);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.temp-swap-btn:hover{background:var(--temp-primary);color:#fff;border-color:var(--temp-primary)}.temp-buttons{display:flex;gap:1rem}.temp-btn{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer}.temp-btn-primary{background:linear-gradient(135deg,var(--temp-primary) 0%,var(--temp-secondary) 100%);color:#fff}.temp-btn-secondary{background:var(--temp-bg);color:var(--temp-text-muted);border:2px solid var(--temp-border)}.temp-results{background:var(--temp-card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--temp-shadow);margin-bottom:2rem}.temp-results-title{font-size:1.25rem;font-weight:700;color:var(--temp-primary);margin:0 0 1.5rem;text-align:center}.temp-main-result{text-align:center;background:linear-gradient(135deg,var(--temp-primary) 0%,var(--temp-secondary) 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem}.temp-main-label{display:block;font-size:1rem;color:#ffffffe6;margin-bottom:.5rem}.temp-main-value{font-size:2.5rem;font-weight:800;color:#fff}.temp-all-units{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.temp-unit-card{background:var(--temp-bg);border-radius:12px;padding:1rem;text-align:center}.temp-unit-label{display:block;font-size:.75rem;font-weight:600;color:var(--temp-text-muted);margin-bottom:.25rem}.temp-unit-value{font-size:1.1rem;font-weight:800;color:var(--temp-text)}.temp-content{margin-top:3rem}.temp-content-section{margin-bottom:2.5rem}.temp-content-title{font-size:1.5rem;font-weight:700;color:var(--temp-text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--temp-primary)}.temp-content-text{color:var(--temp-text-muted);line-height:1.7;margin:0 0 1rem}.temp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.temp-feature-card{background:var(--temp-bg);border-radius:12px;padding:1.25rem;text-align:center}.temp-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.temp-feature-title{font-size:1rem;font-weight:700;color:var(--temp-text);margin:0 0 .5rem}.temp-feature-desc{font-size:.85rem;color:var(--temp-text-muted);margin:0}.temp-table-wrapper{overflow-x:auto;border-radius:12px;margin-top:1.5rem}.temp-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.temp-table th{background:var(--temp-primary);color:#fff;padding:.875rem 1rem;text-align:left}.temp-table td{padding:.75rem 1rem;border-bottom:1px solid var(--temp-border)}.temp-table-ref{font-weight:700;color:var(--temp-primary)}.temp-tips-grid{display:grid;gap:1rem;margin-top:1.5rem}.temp-tip-card{display:flex;gap:1rem;background:var(--temp-card-bg);border-radius:12px;padding:1.25rem;border-left:4px solid var(--temp-primary)}.temp-tip-icon{font-size:1.5rem}.temp-tip-title{font-size:1rem;font-weight:700;color:var(--temp-text);margin:0 0 .5rem}.temp-tip-text{font-size:.9rem;color:var(--temp-text-muted);margin:0}.temp-faqs{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.temp-faq-item{background:var(--temp-card-bg);border-radius:12px;padding:1.25rem}.temp-faq-question{font-size:1rem;font-weight:700;color:var(--temp-primary);margin:0 0 .75rem}.temp-faq-answer{font-size:.9rem;color:var(--temp-text-muted);margin:0;line-height:1.6}@media (max-width: 768px){.temp-input-row{flex-direction:column}.temp-all-units{grid-template-columns:repeat(2,1fr)}}