.uc{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-ring: #3b82f6;--color-primary-tint: #eff6ff;--color-accent: #d97706;--color-surface: #ffffff;--color-surface-muted: #f9fafb;--color-border: #e5e7eb;--color-border-input: #d1d5db;--color-text-heading: #111827;--color-text-body: #374151;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--gradient-hero: linear-gradient(to right, #eef2ff, #ffffff, #fdf2f8);--radius-input: .5rem;--radius-card: 1rem;--shadow-card: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-raised: 0 10px 15px -3px rgb(0 0 0 / .1);color:var(--color-text-body);background:#fcfcfd;line-height:1.5;-webkit-font-smoothing:antialiased}.uc *{box-sizing:border-box}.uc-container{max-width:60rem;margin-inline:auto;padding-inline:1rem;padding-bottom:1rem}@media (min-width: 640px){.uc-container{padding-inline:1.5rem}}@media (min-width: 1024px){.uc-container{padding-inline:2rem}}.uc .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.5rem}.uc .card--raised{box-shadow:var(--shadow-raised)}.uc .layout{margin-top:2rem}.uc .cats{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:1.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.uc .cat{font:inherit;font-size:.875rem;font-weight:600;padding:.45rem .9rem;border-radius:999px;cursor:pointer;background:var(--color-surface-muted);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:.15s}.uc .cat:hover{border-color:var(--color-primary-ring);color:var(--color-primary-hover)}.uc .cat:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.uc .cat--active,.uc .cat--active:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.uc .convert__row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end}@media (max-width: 620px){.uc .convert__row{grid-template-columns:1fr}}.uc .field-group{min-width:0}.uc label.field{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-body);margin-bottom:.4rem}.uc .input,.uc select.input{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border-input);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-heading);font-size:1rem;font-family:inherit}.uc .input--value{margin-bottom:.6rem;font-weight:700;font-size:1.15rem}.uc .input--result{background:var(--color-primary-tint)}.uc .input:focus,.uc select.input:focus{outline:2px solid var(--color-primary-ring);outline-offset:1px;border-color:var(--color-primary-ring)}.uc .swap{align-self:center;margin-bottom:.3rem;width:2.75rem;height:2.75rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;transition:.15s;background:var(--color-primary-tint);color:var(--color-primary);border:1px solid #bfdbfe}.uc .swap:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.uc .swap:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.uc .swap svg{width:1.35rem;height:1.35rem}@media (max-width: 620px){.uc .swap{margin:0 auto;transform:rotate(90deg)}}.uc .err{margin:1rem 0 0;padding:.7rem .85rem;border-radius:var(--radius-input);font-size:.85rem;line-height:1.45;background:#fffbeb;color:#b45309;border:1px solid #fde68a}.uc .result{margin-top:1.5rem;padding:1.5rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-card);text-align:center}.uc .result__main{font-size:clamp(1.25rem,3.2vw,1.8rem);font-weight:800;color:var(--color-text-heading);letter-spacing:-.01em;word-break:break-word}.uc .result__reverse{margin-top:.5rem;font-size:.9rem;color:var(--color-text-muted)}.uc .actions{display:flex;align-items:center;gap:.9rem;margin-top:1.25rem;justify-content:center}.uc .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-primary);color:#fff;font-weight:600;padding:.625rem 1.5rem;border-radius:var(--radius-input);border:0;cursor:pointer;transition:.15s;font-size:1rem;font-family:inherit}.uc .btn:hover{background:var(--color-primary-hover)}.uc .btn:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.uc .copied{font-size:.85rem;font-weight:600;color:#047857}.uc h2.section{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);letter-spacing:-.01em;margin:0}.uc .muted{color:var(--color-text-muted)}.uc .how{margin-top:3.25rem}.uc .how h2.section{text-align:center}.uc .how__lead{text-align:center;color:var(--color-text-secondary);margin:.4rem 0 1.75rem}.uc .prose p{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.95rem}.uc .prose p:last-child{margin-bottom:0}.uc .prose strong{color:var(--color-text-body)}.uc .prose code{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:.35rem;padding:.1rem .4rem;font-size:.85em;color:var(--color-primary-hover)}.uc .foot{margin:2.5rem 0 1rem;padding-top:1.25rem;border-top:1px solid var(--color-border);text-align:center}.uc .foot p{margin:0;font-size:.85rem}