*,::after,::before{-webkit-tap-highlight-color:transparent}.unit-page{padding:40px 0 64px}.unit-sub{text-align:center;font-size:15px;color:var(--sub);margin-top:8px;margin-bottom:32px}.unit-converter{display:flex;align-items:stretch;gap:8px;margin-bottom:24px}.unit-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.unit-select{width:100%;padding:12px 36px 12px 14px;font-family:system-ui,sans-serif;font-size:15px;font-weight:500;color:var(--text);background:var(--card);border:1.5px solid var(--line);border-radius:12px;outline:0;cursor:pointer;transition:border-color .2s,box-shadow .2s;letter-spacing:.02em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239B8A82' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.unit-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(196,154,142,.1)}:root[data-theme=dark] .unit-select:focus{box-shadow:0 0 0 3px rgba(217,179,168,.1)}:root[data-theme=dark] .unit-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B0A098' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.unit-swap-btn{width:44px;height:44px;min-width:44px;border:1.5px solid var(--line);border-radius:50%;background:var(--card);color:var(--sub);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0;align-self:center}.unit-swap-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(196,154,142,.04)}:root[data-theme=dark] .unit-swap-btn:hover{background:rgba(217,179,168,.06)}.unit-swap-btn:active{transform:scale(.92)}.unit-input{width:100%;padding:14px 16px;font-family:system-ui,sans-serif;font-size:22px;font-weight:500;color:var(--text);background:var(--card);border:1.5px solid var(--line);border-radius:14px;outline:0;transition:border-color .2s,box-shadow .2s;letter-spacing:.02em;text-align:center;-moz-appearance:textfield;box-sizing:border-box}.unit-input::-webkit-inner-spin-button,.unit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unit-input::placeholder{color:var(--mute);font-weight:400;font-size:16px}.unit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(196,154,142,.1)}:root[data-theme=dark] .unit-input:focus{box-shadow:0 0 0 3px rgba(217,179,168,.1)}.unit-result{margin-top:8px;margin-bottom:8px;border:1px solid var(--line);border-radius:20px;padding:32px 24px;text-align:center;background:var(--card)}.unit-result-big{text-align:center;margin-bottom:12px}.unit-result-big .unit-result-value{font-family:system-ui,sans-serif;font-weight:700;font-size:44px;color:var(--text);line-height:1.2;letter-spacing:-.02em;word-break:break-all}.unit-result-rate{text-align:center;font-size:14px;color:var(--sub);line-height:1.8}.unit-table-wrap{margin-top:36px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);padding:0 20px 20px}.unit-table-heading{font-weight:600;font-size:15px;color:var(--text);padding:18px 0 12px;letter-spacing:.02em}.unit-table{width:100%;border-collapse:collapse;font-size:14px}.unit-table th{font-weight:600;font-size:12.5px;color:var(--mute);text-align:left;padding:10px 12px;border-bottom:1.5px solid var(--line);letter-spacing:.04em}.unit-table td{padding:10px 12px;color:var(--text);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.unit-table tbody tr:last-child td{border-bottom:none}.unit-table tbody tr:hover{background:rgba(196,154,142,.03)}:root[data-theme=dark] .unit-table tbody tr:hover{background:rgba(217,179,168,.04)}.unit-links{margin-top:48px}.unit-links h2{font-weight:600;font-size:17px;color:var(--text);margin-bottom:16px;letter-spacing:.02em}.unit-links details{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);margin-bottom:8px}.unit-links summary{padding:14px 18px;font-weight:600;font-size:14px;color:var(--text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background .15s;letter-spacing:.02em}.unit-links summary::-webkit-details-marker{display:none}.unit-links summary::after{content:'';width:8px;height:8px;border-right:1.5px solid var(--mute);border-bottom:1.5px solid var(--mute);transform:rotate(45deg);flex-shrink:0;transition:transform .25s}.unit-links details[open] summary::after{transform:rotate(-135deg)}.unit-links summary:hover{background:rgba(196,154,142,.04)}:root[data-theme=dark] .unit-links summary:hover{background:rgba(217,179,168,.04)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .unit-select:focus{box-shadow:0 0 0 3px rgba(217,179,168,.1)}:root:not([data-theme=light]) .unit-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B0A098' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:root:not([data-theme=light]) .unit-swap-btn:hover{background:rgba(217,179,168,.06)}:root:not([data-theme=light]) .unit-input:focus{box-shadow:0 0 0 3px rgba(217,179,168,.1)}:root:not([data-theme=light]) .unit-links summary:hover,:root:not([data-theme=light]) .unit-table tbody tr:hover{background:rgba(217,179,168,.04)}}.unit-links ul{list-style:none;padding:0 18px 14px;margin:0}.unit-links li{padding:0;margin:0}.unit-links li a{display:block;padding:8px 0;font-size:14px;color:var(--sub);text-decoration:none;transition:color .15s;border-bottom:1px solid var(--line)}.unit-links li:last-child a{border-bottom:none}.unit-links li a:hover{color:var(--accent)}@media (max-width:640px){.unit-page{padding:32px 0 48px}.unit-converter{gap:6px}.unit-col .unit-select{font-size:13px;padding:10px 30px 10px 10px}.unit-col .unit-input{font-size:16px}.unit-result-big .unit-result-value{font-size:28px}.unit-swap-btn{width:36px;height:36px;min-width:36px;font-size:16px}.unit-table{font-size:13px}.unit-table td,.unit-table th{padding:8px}.unit-links summary{font-size:13.5px;padding:12px 14px}.unit-links li a{font-size:13.5px;padding:7px 0}}