@charset "UTF-8";.unit-conversion-page{margin-top:80px}.unit-conversion-page .uc-wrapper{max-width:700px;width:100%;margin:0 auto;padding:20px 16px 40px;box-sizing:border-box}.unit-conversion-page .uc-header{text-align:center;margin-bottom:20px}.unit-conversion-page .uc-title{font-size:clamp(1.6rem, 4vw, 2.2rem);color:#22223b;margin-bottom:6px}.unit-conversion-page .uc-subtitle{color:#9a8c98;font-size:.92rem;margin:0}.unit-conversion-page .uc-categories-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:16px;cursor:grab;user-select:none}.unit-conversion-page .uc-categories-scroll.uc-dragging{cursor:grabbing}.unit-conversion-page .uc-categories-scroll::-webkit-scrollbar{display:none}.unit-conversion-page .uc-categories{display:flex;flex-direction:row;gap:8px;padding:4px 2px 8px;min-width:max-content}.unit-conversion-page .uc-chip{padding:7px 16px;border-radius:999px;border:1.5px solid #c9ada7;background:#fff;color:#4a4e69;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:.2s;font-family:inherit;box-shadow:2px 2px 0 rgba(74,78,105,.12)}.unit-conversion-page .uc-chip:hover{border-color:#4a4e69;color:#22223b;background:rgba(74,78,105,.06);box-shadow:2px 2px 0 rgba(74,78,105,.2)}.unit-conversion-page .uc-chip.active{background:#4a4e69;color:#fff;border-color:#4a4e69;box-shadow:2px 2px 0 #363852}.unit-conversion-page .uc-card{background:#fff;border-radius:16px;border:1.5px solid #decbc6;box-shadow:6px 8px 0 rgba(74,78,105,.1);padding:20px;margin-bottom:12px}.unit-conversion-page .uc-converter{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.unit-conversion-page .uc-panel{display:flex;flex-direction:column;gap:8px}.unit-conversion-page .uc-panel-label{font-size:.78rem;color:#9a8c98;font-weight:600;letter-spacing:.04em;padding-right:2px}.unit-conversion-page .uc-select-wrap{position:relative}.unit-conversion-page .uc-select-wrap::after{content:"â–¾";position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9a8c98;font-size:.8em}.unit-conversion-page .uc-unit-select{width:100%;padding:9px 10px 9px 28px;border:1.5px solid #c9ada7;border-radius:10px;background:#fff;font-size:.88rem;color:#363852;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;transition:border-color .2s;text-overflow:ellipsis}.unit-conversion-page .uc-unit-select:focus{outline:0;border-color:#4a4e69}.unit-conversion-page .uc-value-input{width:100%;padding:13px 10px;border:1.5px solid #c9ada7;border-radius:12px;background:#fff;font-size:1.35rem;font-family:inherit;color:#22223b;text-align:center;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.unit-conversion-page .uc-value-input:focus{outline:0;border-color:#4a4e69;box-shadow:0 0 0 3px rgba(74,78,105,.12)}.unit-conversion-page .uc-value-input::placeholder{color:#c9ada7;font-size:.9rem}.unit-conversion-page .uc-result{padding:13px 10px;border-radius:12px;background:rgba(74,78,105,.05);border:1.5px solid #c9ada7;text-align:center;min-height:52px;display:flex;align-items:center;justify-content:center}.unit-conversion-page .uc-result-value{font-size:1.35rem;color:#4a4e69;font-weight:600;word-break:break-all;direction:ltr;line-height:1.3}.unit-conversion-page .uc-swap-wrap{display:flex;align-items:center;justify-content:center;padding-bottom:2px}.unit-conversion-page .uc-swap-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid #c9ada7;background:#fff;color:#9a8c98;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;box-shadow:2px 2px 0 rgba(74,78,105,.12)}.unit-conversion-page .uc-swap-btn:hover{border-color:#4a4e69;color:#4a4e69;background:rgba(74,78,105,.06);box-shadow:2px 2px 0 rgba(74,78,105,.2)}.unit-conversion-page .uc-swap-btn:active{transform:scale(.9);box-shadow:none}.unit-conversion-page .uc-all-conversions{background:#fff;border-radius:14px;border:1.5px solid #decbc6;box-shadow:6px 8px 0 rgba(74,78,105,.08);overflow:hidden;display:none}.unit-conversion-page .uc-all-header{padding:10px 16px;font-size:.8rem;font-weight:700;color:#726d81;letter-spacing:.04em;background:rgba(74,78,105,.06);border-bottom:1px solid #decbc6;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.unit-conversion-page .uc-all-toggle{background:0 0;border:none;cursor:pointer;padding:0;color:#9a8c98;display:flex;align-items:center;line-height:1}.unit-conversion-page .uc-all-toggle svg{display:block;transition:transform .25s}.unit-conversion-page .uc-all-toggle.collapsed svg{transform:rotate(-90deg)}.unit-conversion-page .uc-all-list--collapsed{display:none}.unit-conversion-page .uc-all-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(222,203,198,.5);transition:background .15s;cursor:pointer}.unit-conversion-page .uc-all-row:last-child{border-bottom:none}.unit-conversion-page .uc-all-row:hover{background:rgba(74,78,105,.04)}.unit-conversion-page .uc-all-row.uc-all-row--active{background:rgba(74,78,105,.08)}.unit-conversion-page .uc-all-row.uc-all-row--active .uc-all-unit{color:#4a4e69;font-weight:600}.unit-conversion-page .uc-all-row.uc-all-row--active .uc-all-value{color:#4a4e69;font-weight:700}.unit-conversion-page .uc-all-unit{font-size:.88rem;color:#726d81;flex:1;padding-left:8px}.unit-conversion-page .uc-all-value{font-size:.9rem;color:#363852;font-weight:500;direction:ltr;text-align:left;flex-shrink:0;max-width:55%;word-break:break-all}.unit-conversion-page .uc-related-link{text-align:center;margin-top:16px;font-size:.85rem;color:#9a8c98}.unit-conversion-page .uc-related-link a{color:#4a4e69;text-decoration:underline;text-underline-offset:3px}.unit-conversion-page .uc-related-link a:hover{color:#22223b}.unit-conversion-page .superscript{vertical-align:super;font-size:smaller}@media (max-width:540px){.unit-conversion-page{margin-top:58px}.unit-conversion-page .uc-converter{grid-template-columns:1fr;gap:10px}.unit-conversion-page .uc-swap-wrap{padding:2px 0}.unit-conversion-page .uc-swap-wrap .uc-swap-btn svg{transform:rotate(90deg)}.unit-conversion-page .uc-panel{gap:0;border:1.5px solid #c9ada7;border-radius:12px;overflow:hidden}.unit-conversion-page .uc-panel .uc-panel-label{padding:7px 12px 5px;background:rgba(74,78,105,.04);border:none;border-bottom:1px solid rgba(201,173,167,.55);border-radius:0;font-size:.72rem}.unit-conversion-page .uc-panel .uc-select-wrap .uc-unit-select{border:none;border-bottom:1px solid rgba(201,173,167,.55);border-radius:0;background:#fff}.unit-conversion-page .uc-value-input{font-size:1.2rem;border:none;border-radius:0;box-shadow:none}.unit-conversion-page .uc-value-input:focus{border:none;box-shadow:none}.unit-conversion-page .uc-result{font-size:1.2rem;border:none;border-radius:0;background:rgba(74,78,105,.03)}}@media (max-width:380px){.unit-conversion-page .uc-card{padding:14px}.unit-conversion-page .uc-chip{font-size:.82rem;padding:6px 12px}}