s-unit-converter{background:var(--uc-background);color:var(--uc-ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;display:block}s-unit-converter,s-unit-converter *{box-sizing:border-box}s-unit-converter .uc-wrap{max-width:980px;padding:var(--uc-padding-top) 18px var(--uc-padding-bottom);margin:0 auto}s-unit-converter .uc-brand{align-items:center;gap:11px;margin-bottom:14px;display:flex}s-unit-converter .uc-mark{background:linear-gradient(135deg, var(--uc-teal), var(--uc-teal-dark));color:#fff;letter-spacing:-1px;border-radius:11px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;font-weight:800;display:flex;box-shadow:0 1px 2px #0f2b2e0f,0 8px 24px #0f2b2e0f}s-unit-converter .uc-brand-name{letter-spacing:-.2px;font-size:16px;font-weight:800}s-unit-converter .uc-brand-tagline{color:var(--uc-ink-soft);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}s-unit-converter .uc-titlebar{margin:6px 0 20px}s-unit-converter .uc-titlebar h1{letter-spacing:-.6px;color:var(--uc-ink);margin:0 0 4px;font-size:clamp(24px,5vw,28px);line-height:1.15}s-unit-converter .uc-sub,s-unit-converter .uc-sub p{color:var(--uc-ink-soft);margin:0;font-size:14px}s-unit-converter .uc-card{background:var(--uc-card);border:1px solid var(--uc-line);border-radius:var(--uc-radius);margin-bottom:16px;padding:20px;box-shadow:0 1px 2px #0f2b2e0f,0 8px 24px #0f2b2e0f}s-unit-converter .uc-card-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}s-unit-converter .uc-icon{background:var(--uc-teal-light);border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}s-unit-converter .uc-card h2{color:var(--uc-ink);margin:0;font-size:17px}s-unit-converter .uc-input-row{flex-wrap:wrap;align-items:stretch;gap:10px;margin-bottom:14px;display:flex}s-unit-converter input[type=number]{border:1.5px solid var(--uc-line);min-width:0;color:var(--uc-ink);appearance:none;background:#fff;border-radius:11px;flex:150px;padding:13px 14px;font-family:inherit;font-size:20px;font-weight:700}s-unit-converter input[type=number]:focus{border-color:var(--uc-teal);outline:0;box-shadow:0 0 0 3px #0f8a8024}s-unit-converter .uc-toggle{background:var(--uc-background);border:1.5px solid var(--uc-line);scrollbar-width:thin;border-radius:11px;gap:3px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}s-unit-converter .uc-toggle button{color:var(--uc-ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:9px 15px;font-family:inherit;font-size:14px;font-weight:700}s-unit-converter .uc-toggle button:hover{color:var(--uc-teal-dark)}s-unit-converter .uc-toggle button.is-active{background:var(--uc-teal);color:#fff;box-shadow:0 2px 7px #0f8a8052}s-unit-converter .uc-toggle button:focus-visible{outline:2px solid var(--uc-teal-dark);outline-offset:2px}s-unit-converter .uc-results{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}s-unit-converter .uc-tile{border:1.5px solid var(--uc-line);background:#fff;border-radius:11px;padding:12px 13px}s-unit-converter .uc-tile-unit{color:var(--uc-ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}s-unit-converter .uc-tile-value{letter-spacing:-.4px;overflow-wrap:anywhere;margin-top:1px;font-size:20px;font-weight:800}s-unit-converter .uc-tile.is-warning{border-color:var(--uc-danger);background:var(--uc-danger-background)}s-unit-converter .uc-reference,s-unit-converter .uc-reference p{color:var(--uc-ink-soft);margin:12px 0 0;font-size:12.5px}s-unit-converter .uc-reference strong{color:var(--uc-ink)}s-unit-converter .uc-footer{border-top:1px solid var(--uc-line);color:var(--uc-ink-soft);text-align:center;margin-top:22px;padding-top:18px;font-size:12px;line-height:1.6}s-unit-converter .uc-footer p{margin:0}s-unit-converter .uc-footer strong{color:var(--uc-teal-dark)}s-unit-converter .visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:520px){s-unit-converter .uc-card{padding:16px}s-unit-converter .uc-input-row{display:block}s-unit-converter input[type=number]{width:100%;margin-bottom:10px}s-unit-converter .uc-toggle{width:100%}s-unit-converter .uc-toggle button{flex:1 0 auto}}@media (prefers-reduced-motion:reduce){s-unit-converter *{scroll-behavior:auto!important}}
s-unit-converter[data-tool-root]{color:inherit;font-family:inherit;line-height:inherit;background:0 0;padding:0}s-unit-converter[data-tool-root] .uc-tray:empty{display:none}s-unit-converter[data-tool-root] .uc-tray>button{min-width:0;min-height:42px;font:inherit;white-space:nowrap;color:var(--color-body);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:8px 14px;font-size:14.5px;font-weight:600;line-height:1.2;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}s-unit-converter[data-tool-root] .uc-tray>button:hover{color:var(--color-brand)}s-unit-converter[data-tool-root] .uc-tray>button.is-active{background:var(--gradient-brand);color:var(--color-card);box-shadow:0 10px 24px #8e45b838}s-unit-converter[data-tool-root] .uc-tray>button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-brand) 30%, transparent);outline-offset:2px}s-unit-converter[data-tool-root] [data-results]{margin:0}s-unit-converter[data-tool-root] .uc-tile{border:1px solid var(--color-lilac-line-soft);background:var(--color-lilac-fill);border-radius:16px;min-width:0;padding:14px 16px 14px 20px;position:relative;container-type:inline-size}s-unit-converter[data-tool-root] .uc-tile:before{content:"";background:var(--gradient-brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}s-unit-converter[data-tool-root] .uc-tile-unit{background:var(--gradient-brand-text);-webkit-text-fill-color:transparent;letter-spacing:1px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:10.5px;font-weight:700;line-height:1.3}s-unit-converter[data-tool-root] .uc-tile-value{letter-spacing:-.3px;color:var(--color-ink);margin-top:4px;font-size:clamp(13px,12cqi,17px);font-weight:700;line-height:1.2}s-unit-converter[data-tool-root] .uc-tile.is-warning{border-color:var(--color-triage-red-line);background:var(--color-triage-red-tint)}s-unit-converter[data-tool-root] .uc-tile.is-warning:before{background:var(--color-triage-red-ink)}s-unit-converter[data-tool-root] .uc-tile.is-warning .uc-tile-unit{-webkit-text-fill-color:var(--color-triage-red-ink);color:var(--color-triage-red-ink);background:0 0}s-unit-converter[data-tool-root] .uc-tile.is-warning .uc-tile-value{color:var(--color-triage-red-ink)}s-unit-converter[data-tool-root] #actionStatus{color:var(--color-mint-chip-ink);font-weight:600}s-unit-converter[data-tool-root] #tool-card:not(:has([data-converter] [data-value]:not(:placeholder-shown))) .tf-toolbar-row [data-tool-result-action]{opacity:.62}s-unit-converter[data-tool-root] [data-value],s-unit-converter[data-tool-root] [data-results]{scroll-margin-top:calc(var(--tf-toolbar-offset,84px) + 12px)}s-unit-converter[data-tool-root] .uc-note{margin:12px 0 0}s-unit-converter[data-tool-root] .uc-note p{margin:0}@media (max-width:560px){s-unit-converter[data-tool-root] .uc-tray>button{min-height:46px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){s-unit-converter[data-tool-root] .uc-tray>button{transition:none}}@media print{s-unit-converter[data-tool-root] .tf-step-help,s-unit-converter[data-tool-root] .uc-tray>button:not(.is-active){display:none}s-unit-converter[data-tool-root] .uc-tray>button.is-active{border:1px solid var(--color-lilac-line);box-shadow:none;color:var(--color-ink);background:0 0}s-unit-converter[data-tool-root] .uc-tile-unit{-webkit-text-fill-color:var(--color-brand-deep);color:var(--color-brand-deep);background:0 0}}