.rates-note{color:var(--muted);font-size:12px;line-height:1.6;margin:12px 0 0}.rates-note a{text-decoration:underline;text-underline-offset:3px}.converter-main{max-width:1240px;min-height:70vh}.converter-panel,.converter-result{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:28px}.converter-result{margin-top:22px;border-color:#4ca5ff50}.converter-heading>div{display:flex;align-items:center;gap:12px}.converter-heading h2{margin:0;font-size:22px}.converter-heading p{font-size:14px;color:var(--muted);margin:10px 0 23px}.step-number{font-family:'Space Grotesk',sans-serif;display:grid;place-items:center;border-radius:9px;width:36px;height:36px;color:var(--accent);background:var(--soft);font-size:14px;font-weight:700}.converter-panel label,.converter-result label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}textarea{display:block;width:100%;resize:vertical;min-height:96px;border-radius:11px;border:1px solid var(--border);padding:16px;background:var(--control);color:var(--text);font:15px/1.6 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere}textarea::placeholder{color:var(--muted)}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea[aria-invalid=true]{border-color:#ff7070}.supported{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:13px 0 23px}.supported>span{font-size:12px;border:1px solid var(--border);background:var(--control);border-radius:100px;padding:4px 11px;color:var(--muted)}.supported small{font-size:12px;color:var(--muted);margin-left:auto}.converter-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.converter-buttons .primary{padding:12px 20px;font-size:15px}.converter-buttons .clear{padding:12px 18px;color:var(--text);display:inline-flex;align-items:center}.example{color:var(--muted);border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:10px;font-size:14px}.converter-result .converter-buttons{margin-top:18px}.converter-heading .referral-confirmed{color:var(--accent)}.stats .referral-tag{color:var(--accent);background:var(--soft);border-color:#4ca5ff40}.conversion-error{color:#ff8989;font-size:14px;margin:0 0 17px}.copy-status{min-height:21px;color:var(--accent);font-size:14px;margin:12px 0}.result-meta{display:flex;flex-wrap:wrap;gap:15px;border-top:1px solid var(--border);padding-top:14px;font-size:12px;color:var(--muted)}.converter-explainer{padding:32px 0 10px;max-width:720px}.converter-explainer h2{font-size:19px}.converter-explainer p{font-size:14px;line-height:1.7;color:var(--muted)}body.light .conversion-error{color:#b92f3d}@media(max-width:600px){.converter-panel,.converter-result{padding:20px 17px}.converter-heading h2{font-size:19px}.converter-buttons .primary{flex-grow:1}.converter-result .converter-buttons .clear{flex-grow:1;justify-content:center}.supported small{flex-basis:100%;margin:3px 0 0}.rates-note{font-size:12px}.converter-main .headline{gap:16px}}

.photo img{width:100%;height:100%;object-fit:scale-down;padding:25px 14px 14px}.detail-photo{height:320px;padding:30px}.detail-photo img{display:block;max-height:100%;max-width:100%;object-fit:contain}@media(max-width:600px){.detail-photo{height:270px;padding:24px}}

.item-weight{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 8px;font-size:12px;line-height:1.5;margin:10px 0 15px;color:var(--muted,#92929d)}
.item-weight span{font-weight:600;color:var(--text,#f4f4f5)}
.detail-weight{border:1px solid var(--border,#303038);border-radius:12px;padding:16px;margin:18px 0;font-size:13px;line-height:1.6}
.detail-weight p{margin:8px 0!important;font-size:13px!important;line-height:1.6!important}
.weight-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}
.weight-heading strong{font-size:18px;color:var(--text,#f4f4f5)}
.detail-weight a{color:var(--accent,#4aa3ff);text-underline-offset:3px}
.detail-weight .weight-disclaimer{color:var(--muted,#92929d);font-size:12px!important;border-top:1px solid var(--border,#303038);padding-top:10px}
.weight-note{margin-top:-4px;margin-bottom:24px}

.signup-banner{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 25px;padding:14px 18px;border:1px solid #4ca5ff55;border-radius:12px;background:linear-gradient(90deg,var(--soft),var(--surface));color:var(--text);font-size:14px;font-weight:700;text-align:center;text-decoration:none}
.signup-banner span{color:var(--muted);font-weight:500}
.signup-banner b{color:var(--accent);font-size:16px}
.card-signup{display:block;margin:-4px 0 12px;color:var(--accent);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.detail-signup{display:inline-flex;margin:0 28px 2px;color:var(--accent);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.converter-signup{margin:0 0 22px}
@media(max-width:600px){.signup-banner{font-size:13px;padding:12px 10px;flex-wrap:wrap;gap:3px 6px}}