.scrollig {overflow: auto;}.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}.input-label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:480px){.input-row{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.72rem;font-weight:600;color:var(--sub)}.inp{width:100%;background:#f8f9ff;border:1.5px solid var(--border2);color:var(--text);padding:12px 14px;border-radius:10px;font-size:1rem;font-weight:600;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}.convert-btn{width:100%;padding:13px 0;background:linear-gradient(135deg,var(--accent) 0,#7c3aed 100%);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 3px 12px rgba(79,70,229,.35);letter-spacing:.2px}.convert-btn:hover{opacity:.92;transform:translateY(-1px)}.convert-btn:active{transform:none}.result-section{border-top:1px solid var(--border);background:#fafbff;padding:1.8rem 2rem;display:none}.result-section.visible{display:block}.result-label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.2rem}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}@media(max-width:480px){.result-grid{grid-template-columns:1fr}}.result-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;text-align:center;transition:border-color .2s}.result-box.primary{border-color:#c4b5fd;background:var(--accent-lt)}.result-box .r-val{font-size:1.6rem;font-weight:700;color:var(--accent);line-height:1.2}.result-box .r-unit{font-size:.72rem;color:var(--sub);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.result-box .r-label{font-size:.68rem;color:var(--muted);margin-top:2px}.formula-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem;font-size:.8rem;color:var(--sub);text-align:center}.formula-box strong{color:var(--accent)}.all-results{border-top:1px solid var(--border);padding:1.8rem 2rem}.all-results-label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.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);vertical-align:middle}.result-table tr:last-child td{border-bottom:none}.result-table td:first-child{font-weight:600;color:var(--accent)}.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-header-label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.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.highlight{font-weight:700;color:var(--accent)}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--text);color:#fff;border-radius:12px;padding:12px 20px;font-size:.85rem;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.18);transform:translateY(80px);opacity:0;transition:.28s;z-index:99;max-width:280px}.toast.show{transform:translateY(0);opacity:1}.clear-row{display:flex;justify-content:flex-end;margin-top:.8rem}.clear-btn{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}.clear-btn:hover{background:#fca5a5}