.weight-converter-card[data-astro-cid-zl5oaenp]{width:100%;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--color-border);font-family:var(--font-sans)}.tool-header[data-astro-cid-zl5oaenp]{background:#1e2a3e;padding:2.5rem 2rem;color:#fff;text-align:center}.tool-header[data-astro-cid-zl5oaenp] h1[data-astro-cid-zl5oaenp]{margin:0;font-weight:700;font-size:clamp(1.5rem,4vw,2.2rem);letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#fff}.text-gradient[data-astro-cid-zl5oaenp]{background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-header[data-astro-cid-zl5oaenp] p[data-astro-cid-zl5oaenp]{margin:.75rem 0 0;opacity:.8;font-size:.95rem;line-height:1.5}.converter-panel[data-astro-cid-zl5oaenp]{padding:2.5rem}.converter-row[data-astro-cid-zl5oaenp]{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.converter-box[data-astro-cid-zl5oaenp]{flex:1;min-width:260px;background:var(--color-surface-2);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.box-title[data-astro-cid-zl5oaenp]{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--text-muted);margin-bottom:.8rem}.input-wrap[data-astro-cid-zl5oaenp]{margin-bottom:1.5rem}.value-input[data-astro-cid-zl5oaenp]{width:100%;padding:12px 18px;font-size:1.6rem;font-weight:700;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:var(--transition-fast);color:var(--text-primary);font-family:var(--font-mono)}.value-input[data-astro-cid-zl5oaenp]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.box-spacer[data-astro-cid-zl5oaenp]{height:1.5rem}.unit-select[data-astro-cid-zl5oaenp]{width:100%;padding:10px 16px;font-size:.95rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-weight:600;cursor:pointer;color:var(--text-secondary);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' /></svg>");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.swap-area[data-astro-cid-zl5oaenp]{display:flex;justify-content:center}.swap-circle[data-astro-cid-zl5oaenp]{width:48px;height:48px;border-radius:50%;background:var(--color-bg-2);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all var(--transition-base);color:var(--text-primary)}.swap-circle[data-astro-cid-zl5oaenp]:hover{background:var(--primary);color:#fff;transform:rotate(180deg);border-color:var(--primary)}.convert-btn[data-astro-cid-zl5oaenp]{width:100%;padding:12px;font-weight:700;border-radius:var(--radius-full)}.result-area[data-astro-cid-zl5oaenp]{margin-top:2.5rem;background:var(--color-bg-2);border-radius:var(--radius-lg);padding:2rem;text-align:center;border:1px solid var(--color-border)}.result-label[data-astro-cid-zl5oaenp]{font-size:.75rem;letter-spacing:2px;font-weight:700;color:var(--text-muted)}.result-value[data-astro-cid-zl5oaenp]{font-size:2.5rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;margin:.5rem 0}.result-unit[data-astro-cid-zl5oaenp]{font-size:1.1rem;font-weight:600;color:#3b82f6}.tool-footer[data-astro-cid-zl5oaenp]{background:var(--color-surface-2);padding:1.5rem 2.5rem;text-align:center;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--color-border);line-height:1.6}@media(max-width:700px){.converter-row[data-astro-cid-zl5oaenp]{flex-direction:column;align-items:stretch}.converter-panel[data-astro-cid-zl5oaenp]{padding:1.5rem}.result-value[data-astro-cid-zl5oaenp]{font-size:1.8rem}.swap-circle[data-astro-cid-zl5oaenp]{transform:rotate(90deg)}.swap-circle[data-astro-cid-zl5oaenp]:hover{transform:rotate(270deg)}}