.unit-converter[data-astro-cid-bgrvoiew]{max-width:600px;margin:0 auto;padding:20px}.converter-container[data-astro-cid-bgrvoiew]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;box-shadow:0 10px 40px #667eea4d}.category-selector[data-astro-cid-bgrvoiew]{margin-bottom:24px}.category-selector[data-astro-cid-bgrvoiew] label[data-astro-cid-bgrvoiew]{display:block;color:#fff;font-weight:600;margin-bottom:8px;font-size:14px}.category-selector[data-astro-cid-bgrvoiew] select[data-astro-cid-bgrvoiew]{width:100%;padding:12px 16px;border:none;border-radius:8px;font-size:16px;background:#fff;color:#333;cursor:pointer}.conversion-inputs[data-astro-cid-bgrvoiew]{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end}.input-group[data-astro-cid-bgrvoiew]{display:flex;flex-direction:column}.input-group[data-astro-cid-bgrvoiew] label[data-astro-cid-bgrvoiew]{color:#fff;font-weight:600;margin-bottom:8px;font-size:14px}.input-group[data-astro-cid-bgrvoiew] input[data-astro-cid-bgrvoiew],.input-group[data-astro-cid-bgrvoiew] select[data-astro-cid-bgrvoiew]{padding:12px 16px;border:none;border-radius:8px;font-size:16px;background:#fff;color:#333;width:100%}.input-group[data-astro-cid-bgrvoiew] input[data-astro-cid-bgrvoiew]{height:48px}.arrow[data-astro-cid-bgrvoiew]{color:#fff;font-size:24px;text-align:center;padding-bottom:12px}.result-container[data-astro-cid-bgrvoiew]{margin-top:24px;text-align:center}.result-container[data-astro-cid-bgrvoiew] label[data-astro-cid-bgrvoiew]{display:block;color:#fff;font-weight:600;margin-bottom:12px;font-size:14px}.result-box[data-astro-cid-bgrvoiew]{background:#fff;border-radius:12px;padding:20px;font-size:24px;font-weight:700;color:#667eea;word-break:break-all}.result-box[data-astro-cid-bgrvoiew] #resultUnit[data-astro-cid-bgrvoiew]{font-size:16px;color:#666;margin-left:8px;font-weight:400}.related-tools[data-astro-cid-bgrvoiew]{margin-top:48px}.related-tools[data-astro-cid-bgrvoiew] h2[data-astro-cid-bgrvoiew]{font-size:24px;margin-bottom:24px;color:#333}.related-grid[data-astro-cid-bgrvoiew]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.related-card[data-astro-cid-bgrvoiew]{background:#f8f9fa;border-radius:12px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s}.related-card[data-astro-cid-bgrvoiew]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.related-card[data-astro-cid-bgrvoiew] h3[data-astro-cid-bgrvoiew]{font-size:18px;margin-bottom:8px;color:#667eea}.related-card[data-astro-cid-bgrvoiew] p[data-astro-cid-bgrvoiew]{font-size:14px;color:#666;line-height:1.5}@media(max-width:600px){.conversion-inputs[data-astro-cid-bgrvoiew]{grid-template-columns:1fr}.arrow[data-astro-cid-bgrvoiew]{transform:rotate(90deg);padding:0}.result-box[data-astro-cid-bgrvoiew]{font-size:20px}}