.wcalc{--wcalc-accent:#2563eb;--wcalc-accent-dark:color-mix(in srgb, var(--wcalc-accent) 82%, #000);--wcalc-ink:#1f2733;--wcalc-muted:#6b7280;--wcalc-line:#e2e8f0;--wcalc-bg:#ffffff;--wcalc-soft:#f8fafc;--wcalc-radius:14px;--wcalc-radius-sm:10px;max-width:820px;margin:0 auto;color:var(--wcalc-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;box-sizing:border-box}.wcalc *,.wcalc *::before,.wcalc *::after{box-sizing:border-box}.wcalc__card{background:var(--wcalc-bg);border:1px solid var(--wcalc-line);border-radius:var(--wcalc-radius);padding:28px clamp(18px, 4vw, 34px) 24px;box-shadow:0 1px 2px rgb(16 24 40 / .04),0 12px 28px -18px rgb(16 24 40 / .25)}.wcalc__title{margin:0 0 22px;font-size:clamp(1.35rem, 3.2vw, 1.7rem);font-weight:700;letter-spacing:-.01em;color:var(--wcalc-ink)}.wcalc__grid{display:flex;flex-direction:column;gap:16px}.wcalc__row{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:14px}.wcalc__label{font-size:.92rem;font-weight:600;color:var(--wcalc-ink)}.wcalc__control{min-width:0}.wcalc__pair{display:grid;grid-template-columns:1fr 108px;gap:10px}.wcalc__input,.wcalc__select{width:100%;font-size:.98rem;font-family:inherit;color:var(--wcalc-ink);background:var(--wcalc-bg);border:1px solid var(--wcalc-line);border-radius:var(--wcalc-radius-sm);padding:11px 13px;height:46px;transition:border-color .15s ease,box-shadow .15s ease;appearance:none;-webkit-appearance:none}.wcalc__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px;cursor:pointer}.wcalc__input:focus,.wcalc__select:focus{outline:none;border-color:var(--wcalc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--wcalc-accent) 22%,transparent)}.wcalc__input:hover,.wcalc__select:hover{border-color:#cbd5e1}.wcalc__dims{display:flex;flex-direction:column;gap:16px}.wcalc__result{margin-top:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--wcalc-accent) 8%,#fff),var(--wcalc-soft));border:1px solid color-mix(in srgb,var(--wcalc-accent) 26%,var(--wcalc-line));border-radius:var(--wcalc-radius);padding:18px 22px;display:flex;flex-direction:column;align-items:center;text-align:center}.wcalc__result-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--wcalc-muted)}.wcalc__result-value{font-size:clamp(1.9rem, 6vw, 2.6rem);font-weight:800;line-height:1.1;color:var(--wcalc-accent-dark);margin-top:4px}.wcalc__result-value .wcalc__unit{font-size:.42em;font-weight:700;color:var(--wcalc-muted);vertical-align:baseline}.wcalc__result-sub{margin-top:2px;font-size:.9rem;color:var(--wcalc-muted);font-weight:600}.wcalc__error{margin:14px 0 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:var(--wcalc-radius-sm);font-size:.9rem;font-weight:600}.wcalc__actions{display:flex;gap:12px;margin-top:20px}.wcalc__btn{font-family:inherit;font-size:.98rem;font-weight:700;border-radius:var(--wcalc-radius-sm);padding:12px 22px;cursor:pointer;border:1px solid #fff0;transition:background .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease}.wcalc__btn:active{transform:translateY(1px)}.wcalc__btn--primary{background:var(--wcalc-accent);color:#fff;flex:1;box-shadow:0 8px 18px -10px color-mix(in srgb,var(--wcalc-accent) 90%,#000)}.wcalc__btn--primary:hover{background:var(--wcalc-accent-dark)}.wcalc__btn--ghost{background:#fff;color:var(--wcalc-ink);border-color:var(--wcalc-line)}.wcalc__btn--ghost:hover{background:var(--wcalc-soft);border-color:#cbd5e1}.wcalc__btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--wcalc-accent) 30%,transparent)}.wcalc__note{margin:16px 0 0;font-size:.78rem;color:var(--wcalc-muted);text-align:center}@media (max-width:560px){.wcalc__row{grid-template-columns:1fr;gap:6px;align-items:stretch}.wcalc__label{font-size:.85rem}.wcalc__pair{grid-template-columns:1fr 96px}.wcalc__actions{flex-direction:column-reverse}.wcalc__btn--ghost{width:100%}}@supports not (color:color-mix(in srgb,red 50%,blue)){.wcalc{--wcalc-accent-dark:#1d4ed8}.wcalc__input:focus,.wcalc__select:focus{box-shadow:0 0 0 3px rgb(37 99 235 / .22)}.wcalc__result{background:#f5f8ff;border-color:#bcd0f7}.wcalc__btn:focus-visible{box-shadow:0 0 0 3px rgb(37 99 235 / .3)}}