.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:1.5rem}.input-section{padding:2rem}.section-label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.inp-wrap{position:relative}.inp{width:100%;background:#f8f9ff;border:1.5px solid var(--border2);color:var(--text);padding:16px 60px 16px 18px;border-radius:12px;font-size:1.3rem;font-weight:700;outline:0;transition:border-color .18s,box-shadow .18s;-moz-appearance:textfield}.inp::-webkit-inner-spin-button{-webkit-appearance:none}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,.1);background:#fff}.inp::placeholder{color:var(--muted);font-weight:400;font-size:1rem}.inp-unit{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:700;color:var(--accent);pointer-events:none}.clear-btn{margin-top:.7rem;font-size:.75rem;font-weight:600;color:var(--red);background:var(--red-lt);border:none;border-radius:8px;padding:6px 14px;cursor:pointer;transition:.18s;display:none}.clear-btn:hover{background:#fca5a5}.clear-btn.visible{display:inline-block}.result-section{border-top:1px solid var(--border);background:#fafbff;padding:1.8rem 2rem;display:none}.result-section.visible{display:block}.result-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.2rem}@media(max-width:500px){.result-grid{grid-template-columns:1fr 1fr}}.result-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;text-align:center}.result-box.primary{border-color:#c4b5fd;background:var(--accent-lt)}.r-val{font-size:1.5rem;font-weight:700;color:var(--accent);line-height:1.2}.r-unit{font-size:.7rem;color:var(--sub);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.formula-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem;font-size:.82rem;color:var(--sub);text-align:center}.formula-box strong{color:var(--accent)}.all-results{border-top:1px solid var(--border);padding:1.8rem 2rem;display:none}.all-results.visible{display:block}.result-table{width:100%;border-collapse:collapse}.result-table th{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;padding:6px 10px;text-align:left;border-bottom:2px solid var(--border)}.result-table td{padding:10px 10px;font-size:.85rem;color:var(--text);border-bottom:1px solid var(--border)}.result-table tr:last-child td{border-bottom:none}.result-table td:first-child{font-weight:600;color:var(--sub)}.result-table td.val{font-weight:700;color:var(--text)}.result-table tr:hover td{background:#f8f9ff}.ref-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden}.ref-header{padding:1.2rem 2rem;border-bottom:1px solid var(--border);background:#fafbff}.ref-table{width:100%;border-collapse:collapse}.ref-table th{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;padding:8px 1.5rem;text-align:left;border-bottom:1px solid var(--border);background:#fafbff}.ref-table td{padding:9px 1.5rem;font-size:.83rem;color:var(--text);border-bottom:1px solid var(--border)}.ref-table tr:last-child td{border-bottom:none}.ref-table tr:hover td{background:#f8f9ff}.ref-table td:first-child{font-weight:600;color:var(--sub)}.ref-table td.hl{font-weight:700;color:var(--accent)}