.category-tabs{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:900;width:100%;box-shadow:0 -2px 10px var(--color-shadow-soft);position:sticky;top:96px}.category-tabs-inner{width:100%;max-width:1280px;padding:var(--space-sm) var(--space-sm);justify-content:center;margin:0 auto;display:flex}.category-tabs-inner::-webkit-scrollbar{display:none}.tabs-group{align-items:center;gap:6px;display:flex}.category-tab{padding:var(--space-xs) 10px;font-size:var(--font-sm);color:var(--color-text);cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-radius:999px;transition:all .2s}.category-tab:hover{background-color:var(--color-surface-soft)}.category-tab-active{background-color:var(--color-primary);color:#fff}.tabs-settings-button{margin-left:var(--space-xs);border:1px solid var(--color-border);background-color:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.tabs-settings-button:hover{background-color:var(--color-surface-soft);border-color:var(--color-primary);color:var(--color-primary)}.tabs-settings-button-active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.tabs-settings-wrapper{flex-shrink:0;align-items:center;display:flex;position:relative}.tabs-dropdown{background-color:var(--color-surface);border:1px solid var(--color-border);width:220px;padding:var(--space-xs) 0;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px);box-shadow:0 16px 40px #0f172a1f,0 2px 8px #0f172a0a}.tabs-dropdown-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.tabs-dropdown-item{height:44px;color:var(--color-text);cursor:pointer;grid-template-columns:24px 1fr 20px;align-items:center;gap:10px;padding:0 14px;font-size:14px;transition:background .2s;display:grid}.tabs-dropdown-item:hover{background-color:var(--color-surface-soft)}.tabs-dropdown-icon{justify-content:center;align-items:center;font-size:16px;display:flex}.tabs-dropdown-divider{background-color:var(--color-border);height:1px;margin:8px 0}.tabs-dropdown-label{color:var(--color-text-muted);padding:6px 14px 8px;font-size:12px;font-weight:600}.tabs-check-space{width:20px}.tabs-language-flag{object-fit:cover;border-radius:3px;width:20px;height:14px;display:block;box-shadow:0 0 0 1px #0f172a0f}.tabs-dropdown-link{text-decoration:none}.tabs-dropdown-action{text-align:left;background:0 0;border:none;width:100%}
@media (max-width:767px){.category-tabs{overflow:visible}.category-tabs-inner{-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;scroll-behavior:smooth;padding:10px 16px;display:block;overflow:auto hidden}.category-tabs-inner::-webkit-scrollbar{display:none}.tabs-group{align-items:center;gap:8px;width:max-content;min-width:max-content;padding-right:12px;display:inline-flex}.category-tab{white-space:nowrap;flex-shrink:0;padding:7px 12px;font-size:13px}.category-tab-active{background-color:var(--color-primary);color:#fff}.tabs-settings-wrapper{flex-shrink:0;position:relative}.tabs-settings-button{flex-shrink:0;width:38px;height:38px;margin-left:12px}.tabs-dropdown{z-index:9999;width:210px;max-width:calc(100vw - 32px);position:fixed}}
.weight-converter-section{width:100%;padding:var(--space-lg) var(--space-2xl) var(--space-lg);background-color:var(--color-bg);justify-content:center;display:flex}.weight-converter-card{background-color:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:740px;box-shadow:0 20px 50px var(--color-shadow-soft), 0 2px 6px var(--color-shadow-medium);padding:var(--space-xl);border-radius:24px}.weight-converter-top{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.weight-converter-bottom{gap:var(--space-md);grid-template-columns:1fr 1fr;align-items:start;display:grid}.weight-field-group,.weight-list-group{gap:var(--space-sm);flex-direction:column;display:flex}.weight-field-label{font-size:var(--font-xs);letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.weight-input{border:1px solid var(--color-border);background-color:var(--color-surface-soft);width:100%;height:48px;color:var(--color-text);padding:0 var(--space-md);font-size:var(--font-lg);border-radius:16px;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s}.weight-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.weight-input-readonly{background-color:var(--color-surface-soft);pointer-events:none}.weight-listbox{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;height:360px;color:var(--color-text);padding:var(--space-xs);font-size:var(--font-md);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;border-radius:18px;outline:none}.weight-listbox option{padding:var(--space-xs) var(--space-sm);border-radius:10px}.weight-listbox option:checked{background:var(--color-primary);color:#fff}.weight-listbox option:not(:checked):hover{background-color:var(--color-surface-soft)}.weight-listbox::-webkit-scrollbar{width:6px}.weight-listbox::-webkit-scrollbar-track{background:0 0}.weight-listbox::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.weight-listbox::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}
@media (max-width:767px){.weight-converter-section{padding:var(--space-md) var(--space-md) var(--space-xl)}.weight-converter-card{padding:var(--space-lg);border-radius:20px}.weight-converter-top,.weight-converter-bottom{gap:var(--space-sm);grid-template-columns:1fr}.weight-input{font-size:14px}.weight-input::placeholder{font-size:13px}.weight-listbox{font-size:14px;height:auto!important;max-height:none!important;min-height:unset!important}}
.footer{border-top:1px solid var(--color-border);background-color:var(--color-surface);width:100%;margin-top:var(--space-2xl)}.footer-content{max-width:740px;padding:var(--space-xl) var(--space-md);text-align:center;font-size:var(--font-sm);color:var(--color-text-muted);letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0 auto;display:flex}
@media (max-width:767px){.footer-content{padding:var(--space-lg) var(--space-sm);gap:var(--space-2xs);font-size:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.footer-links a{font-size:12px}}
html,body{min-height:100%;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text)}.home-page{flex:1;justify-content:center;align-items:flex-start;width:100%;display:flex}main.home-page{margin-bottom:0!important}.header-inner,.category-tabs-inner,.footer-content{max-width:740px;margin-left:auto;margin-right:auto}
@media (max-width:767px){.home-page{min-height:100vh}input,textarea{font-size:14px}input::placeholder,textarea::placeholder{font-size:13px}.converter-list,.from-list,.to-list,.unit-list,.converter-box,.converter-box ul,.converter-column ul,.converter-select-list,.converter-units-list{-webkit-overflow-scrolling:touch;max-height:220px;overflow-y:auto}.converter-list::-webkit-scrollbar{width:4px}.from-list::-webkit-scrollbar{width:4px}.to-list::-webkit-scrollbar{width:4px}.unit-list::-webkit-scrollbar{width:4px}.converter-box::-webkit-scrollbar{width:4px}.converter-box ul::-webkit-scrollbar{width:4px}.converter-column ul::-webkit-scrollbar{width:4px}.converter-select-list::-webkit-scrollbar{width:4px}.converter-units-list::-webkit-scrollbar{width:4px}.converter-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.from-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.to-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.unit-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.converter-box::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.converter-box ul::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.converter-column ul::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.converter-select-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.converter-units-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}}