.uc-shell{display:grid;gap:18px;color:var(--sa-text,#172033)}
.uc-shell *{box-sizing:border-box}.uc-intro{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border:1px solid color-mix(in srgb,var(--sa-accent) 20%,#dfe5ee);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--sa-accent-soft) 84%,#fff),#fff);box-shadow:0 16px 40px rgba(24,35,58,.08)}
.uc-intro:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;inset:auto -70px -110px auto;background:color-mix(in srgb,var(--sa-accent) 13%,transparent)}.uc-intro__icon{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:var(--sa-accent);color:#fff;font-size:32px;box-shadow:0 12px 30px color-mix(in srgb,var(--sa-accent) 35%,transparent)}.uc-intro span{color:var(--sa-accent);font-size:12px;font-weight:800}.uc-intro h2{margin:4px 0 7px;font-size:clamp(22px,3vw,32px);line-height:1.3}.uc-intro p{margin:0;color:#667085;font-size:14px}.uc-intro__trust{position:relative;z-index:1;min-width:142px;padding:14px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.75);text-align:center}.uc-intro__trust i,.uc-intro__trust strong,.uc-intro__trust small{display:block}.uc-intro__trust i{font-size:22px;color:var(--sa-accent)}.uc-intro__trust strong{margin-top:5px}.uc-intro__trust small{color:#667085}
.uc-form{display:grid;gap:16px;padding:22px;border:1px solid #e3e8f0;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(22,34,58,.07)}.uc-value-card label,.uc-unit-grid label>span{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:800;color:#25324a}.uc-value-card label i,.uc-unit-grid label>span i{color:var(--sa-accent)}.uc-value-input{display:flex;align-items:stretch;border:2px solid #dce3ec;border-radius:16px;overflow:hidden;background:#fff;transition:.2s}.uc-value-input:focus-within{border-color:var(--sa-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sa-accent) 13%,transparent)}.uc-value-input input{width:100%;min-height:64px;padding:0 18px;border:0;outline:0;background:transparent;color:#172033;font-size:25px;font-weight:800;direction:ltr;text-align:right}.uc-value-input>span{min-width:82px;display:grid;place-items:center;padding:0 12px;background:var(--sa-accent-soft);color:var(--sa-accent);font-weight:900}.uc-quick-values{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.uc-quick-values button{min-width:48px;padding:7px 12px;border:1px solid #dde3ec;border-radius:999px;background:#f8fafc;color:#334155;cursor:pointer;font-weight:700}.uc-quick-values button:hover{border-color:var(--sa-accent);color:var(--sa-accent)}
.uc-unit-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end}.uc-unit-grid select{width:100%;min-height:54px;padding:0 14px;border:1px solid #d9e0e9;border-radius:14px;background:#fff;color:#1f2937;font-weight:700}.uc-swap{width:54px;height:54px;display:grid;place-items:center;border:0;border-radius:16px;background:#172033;color:#fff;cursor:pointer}.uc-swap span{display:none}.uc-swap:hover{transform:rotate(180deg);transition:.25s}.uc-submit{min-height:56px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--sa-accent),color-mix(in srgb,var(--sa-accent) 78%,#14213d));color:#fff;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 12px 26px color-mix(in srgb,var(--sa-accent) 25%,transparent)}.uc-submit i{margin-left:7px}
.uc-result{position:relative;overflow:hidden;padding:24px;border-radius:22px;background:#172033;color:#fff;box-shadow:0 18px 42px rgba(18,27,48,.18)}.uc-result:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;inset:-140px auto auto -90px;background:color-mix(in srgb,var(--sa-accent) 25%,transparent)}.uc-result__label{position:relative;z-index:1;display:flex;gap:8px;align-items:center;color:#cbd5e1;font-weight:700}.uc-result__label i{color:var(--sa-accent-2,#f7b731)}.uc-result__equation{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0;font-size:18px}.uc-result__equation strong{font-size:clamp(27px,5vw,46px);direction:ltr}.uc-result__equation span{color:#d8e0ec}.uc-result__equation i{color:var(--sa-accent-2,#f7b731);font-size:24px}.uc-result>p{position:relative;z-index:1;text-align:center;color:#cbd5e1}.uc-result__actions{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.uc-result__actions button{padding:10px 15px;border:1px solid rgba(255,255,255,.24);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.uc-result__actions button:hover{background:#fff;color:#172033}
.uc-reference,.uc-all-units{padding:20px;border:1px solid #e2e8f0;border-radius:20px;background:#fff}.uc-reference>header,.uc-all-units>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.uc-reference>header>div,.uc-all-units>header{display:flex;align-items:center;gap:12px}.uc-reference header i,.uc-all-units header>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--sa-accent-soft);color:var(--sa-accent);font-size:19px}.uc-reference header span,.uc-all-units header span{display:block;color:var(--sa-accent);font-size:11px;font-weight:800}.uc-reference h3,.uc-all-units h3{margin:2px 0 0;font-size:18px}.uc-reference header small{color:#667085}.uc-reference__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.uc-reference__grid>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:12px;border-radius:13px;background:#f8fafc;border:1px solid #edf1f5}.uc-reference__grid strong{text-align:left;direction:ltr}.uc-reference__grid em{font-style:normal;color:#667085;font-size:12px}.uc-reference__grid i{color:var(--sa-accent)}.uc-all-units>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.uc-all-units a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid #e6ebf2;border-radius:13px;background:#fbfcfe}.uc-all-units a>i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--sa-accent-soft);color:var(--sa-accent)}.uc-all-units a>i:last-child{color:#94a3b8}
[data-theme=dark] .uc-intro,[data-theme=dark] .uc-form,[data-theme=dark] .uc-reference,[data-theme=dark] .uc-all-units{background:#171d27;border-color:#2c3645;color:#f7f9fc}[data-theme=dark] .uc-intro p,[data-theme=dark] .uc-reference header small{color:#aeb8c7}[data-theme=dark] .uc-intro__trust{background:#222b38;border-color:#344052}[data-theme=dark] .uc-value-input,[data-theme=dark] .uc-unit-grid select{background:#121821;border-color:#344052;color:#fff}[data-theme=dark] .uc-value-input input{color:#fff}[data-theme=dark] .uc-reference__grid>div,[data-theme=dark] .uc-all-units a{background:#111720;border-color:#2b3544;color:#fff}
@media(max-width:700px){.uc-intro{grid-template-columns:auto 1fr;padding:18px}.uc-intro__icon{width:58px;height:58px;border-radius:17px;font-size:25px}.uc-intro__trust{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:4px;text-align:right}.uc-intro__trust i{grid-row:1/3}.uc-unit-grid{grid-template-columns:1fr}.uc-swap{width:100%;height:46px;display:flex;gap:8px}.uc-swap span{display:inline}.uc-result__equation{flex-direction:column}.uc-result__equation i{transform:rotate(-90deg)}.uc-reference__grid,.uc-all-units>div{grid-template-columns:1fr}.uc-reference>header{align-items:flex-start;flex-direction:column}.uc-form,.uc-result,.uc-reference,.uc-all-units{padding:16px}.uc-value-input input{font-size:21px}}
@media(max-width:390px){.uc-intro{grid-template-columns:1fr}.uc-intro__icon{width:52px;height:52px}.uc-reference__grid>div{padding:10px;font-size:13px}}
@media print{.uc-form,.uc-all-units,.uc-result__actions{display:none!important}.uc-shell{display:block}.uc-result,.uc-reference{box-shadow:none;margin-bottom:15px}}