:root{--uc-primary:#1a73e8;--uc-primary-dark:#185abc;--uc-accent:#b4ff35;--uc-bg:#ffffff;--uc-bg-muted:#f7f9fc;--uc-border:#dde3eb;--uc-border-strong:#c4cfdd;--uc-text-main:#1f2933;--uc-text-muted:#6b7b93}#unit-converter-wrapper{background-color:var(--uc-bg);border-radius:18px;padding:28px 30px 26px;max-width:640px;margin:40px auto;box-shadow:0 14px 40px rgb(15 23 42 / .1);border:1px solid rgb(148 163 184 / .35);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.uc-label-main{display:block;font-size:.95rem;font-weight:600;color:var(--uc-text-main);margin-bottom:8px}#unit-converter-wrapper label[for="category"],#unit-converter-wrapper #category{display:none}#unit-converter-columns{margin-top:10px}#category{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--uc-border);font-size:.98rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:var(--uc-text-main);cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;outline:none}#category:focus-visible{border-color:var(--uc-primary);box-shadow:0 0 0 2px rgb(26 115 232 / .18);background:#fff}#unit-converter-columns{display:flex;justify-content:space-between;gap:24px;margin-top:22px}.unit-column{flex:1;display:flex;flex-direction:column}.uc-label{font-size:.85rem;font-weight:600;color:var(--uc-text-muted);margin-bottom:6px}.uc-input-group{position:relative;width:100%}.unit-column input,.unit-column select{width:100%;padding:13px 14px;margin-top:0;border-radius:12px;border:1px solid var(--uc-border);font-size:1rem;text-align:center;box-sizing:border-box;outline:none;background-color:#fff;transition:border-color 0.18s ease,box-shadow 0.18s ease,transform 0.12s ease,background-color 0.18s ease}.from-column input{background:radial-gradient(circle at 0 0,#eef3ff 0,#ffffff 55%);border-color:#c7d2fe;box-shadow:0 1px 0 rgb(15 23 42 / .02),0 0 0 1px rgb(129 140 248 / .14);padding:30px;font-size:35px}.result-input-wrapper input{background:var(--uc-accent);border-color:#a3e635;font-weight:600;color:#111827;padding-right:40px;padding:30px;font-size:35px}#copyResultBtn{position:absolute;right:5px;top:10%;width:35px;height:37px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:5px;transition:0.18s ease;backdrop-filter:blur(1px)}#copyResultBtn:hover{background:rgb(0 0 0 / .1)}#copyResultBtn:active{background:rgb(0 0 0 / .15)}.copyResultBtn{font-size:.7rem;font-weight:700;color:#111;pointer-events:none}.unit-column input:focus-visible,.unit-column select:focus-visible{border-color:var(--uc-primary);box-shadow:0 0 0 2px rgb(26 115 232 / .22);transform:translateY(-1px)}.unit-column input:hover,.unit-column select:hover{border-color:var(--uc-border-strong)}.unit-column select{margin-top:10px;background-color:var(--uc-bg-muted)}#switcher-row{margin-top:18px;display:flex;justify-content:center}#switcher-btn{background:radial-gradient(circle at 30% 0,#60a5fa 0,var(--uc-primary) 45%,var(--uc-primary-dark) 100%);color:#fff;border:none;padding:10px 18px;cursor:pointer;font-size:1.05rem;border-radius:999px;transition:transform 0.16s ease,box-shadow 0.16s ease,filter 0.16s ease;box-shadow:0 8px 20px rgb(37 99 235 / .35);display:inline-flex;align-items:center;gap:6px}#switcher-btn:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.03)}#switcher-btn:active{transform:translateY(0) scale(.97);box-shadow:0 4px 10px rgb(37 99 235 / .28)}#conversionResult{margin-top:16px;font-size:1.05rem;text-align:center;color:var(--uc-text-main);font-weight:700}@media (max-width:767px){#unit-converter-wrapper{margin:24px 12px;padding:20px 18px 22px}#unit-converter-columns{flex-direction:column;gap:18px}.unit-column{width:100%}#switcher-row{margin-top:16px}}