body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.converter-card{transition:all .3s ease}.converter-icon{font-size:2rem;margin-bottom:1rem}.unit-select{min-width:120px}.result-card{background-color:#f8f9fa;border-left:4px solid #0d6efd}.result-value{font-size:1.5rem;font-weight:700}.result-unit{color:#6c757d}.color-preview{cursor:pointer;transition:all .2s ease}.color-preview:hover{transform:scale(1.05)}.color-sample{border:1px solid #dee2e6}input[type=color].form-control-color{height:38px}.calculation-form{background-color:#f8f9fa;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem}.result-card{background-color:#f8f9fa;border-left:4px solid #0d6efd;transition:all .2s ease}.result-card:hover{box-shadow:0 5px 15px #0000001a}.result-value{font-size:2rem;font-weight:700;color:#0d6efd;margin-bottom:.5rem}@media (max-width: 768px){.converter-list-container{margin-bottom:2rem}}.list-group-item-dark{background-color:#f8f9fa;cursor:pointer;margin-top:8px;border-radius:4px 4px 0 0;border-left:3px solid #0d6efd;font-weight:600;color:#0d6efd;transition:all .2s ease}.list-group-item-dark:hover{background-color:#e9ecef;color:#0a58ca}.category-toggle{transition:transform .3s ease}.category-toggle.bi-chevron-right{transform:rotate(-90deg)}.category-container{max-height:500px;overflow:hidden;transition:all .3s ease;border-left:1px solid #dee2e6;margin-left:10px}.category-container.collapsed{max-height:0;opacity:0;margin-bottom:0}.category-item{border-radius:0;border-left:none;border-right:none;padding-left:15px;transition:all .2s ease;color:#495057}.category-item:hover{background-color:#f8f9fa;color:#0d6efd}.category-item.active{background-color:#e7f1ff;color:#0d6efd;font-weight:500;border-color:#dee2e6}.category-item:last-child{border-radius:0 0 4px 4px}#converterSearch{border-radius:0 20px 20px 0}.input-group-text{background-color:#f8f9fa;border-top-left-radius:20px;border-bottom-left-radius:20px}.converter-card{transition:all .3s ease;border:none;box-shadow:0 4px 6px #0000001a}.converter-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.converter-icon{font-size:2.5rem;margin-bottom:1rem;color:#0d6efd}@media (max-width: 768px){.converter-list-container{position:fixed;top:0;left:-100%;width:80%;height:100%;z-index:1050;background-color:#fff;transition:left .3s ease;overflow-y:auto;box-shadow:0 0 15px #0003}.converter-list-container.show{left:0}.converter-list-close{position:absolute;top:10px;right:10px;font-size:1.5rem;cursor:pointer}.mobile-nav-toggle{display:block!important}}.mobile-nav-toggle{display:block!important}header .header-flex{display:flex;align-items:center;justify-content:space-between;width:100%}header .mobile-nav-toggle{margin-right:24px;flex:0 0 auto}header .search-container{flex:1 1 900px;max-width:900px;min-width:200px;margin:0 24px;display:flex;justify-content:center}header .header-right{flex:0 0 auto;margin-left:24px}@media (max-width: 900px){header .search-container{max-width:100%;flex:1 1 100%;margin:0 8px}}.recently-used{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.recently-used-title{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.favorites{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.favorites-title{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.favorite-button{color:#6c757d;cursor:pointer;transition:color .2s}.favorite-button:hover,.favorite-button.active{color:#ffc107}.converter-tooltip{position:relative}.converter-tooltip:hover:after{content:attr(data-description);position:absolute;left:100%;top:0;background:#343a40;color:#fff;padding:5px 10px;border-radius:4px;width:200px;z-index:1000;font-size:.8rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.converter-list-container{display:none!important}#offcanvasMenu{position:fixed;top:0;left:0;width:280px;height:100vh;background:#0250c4;box-shadow:2px 0 16px #00000026;z-index:2000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:24px 20px 0}#offcanvasMenu.open{transform:translate(0)}.offcanvas-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding-top:8px}.offcanvas-header img{display:block;height:40px;width:auto}.offcanvas-close{background:#fff3;border:none;border-radius:50%;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;opacity:.8;cursor:pointer;transition:all .2s ease;padding:0;line-height:1;margin-top:2px}.offcanvas-close i{display:block;width:1em;height:1em}.offcanvas-close:hover,.offcanvas-close:focus{background:#ffffff4d;opacity:1;outline:none;box-shadow:0 0 0 2px #fff6;color:#fff}.offcanvas-nav{display:flex;flex-direction:column;gap:18px}.offcanvas-link{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500;padding:8px 0;border-radius:4px;transition:background .15s,color .15s}.offcanvas-link:hover{background:#f0f4fa;color:#0d6efd}@media (max-width: 400px){#offcanvasMenu{width:90vw;padding-left:10px;padding-right:10px}}#offcanvasOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000040;z-index:1999;display:none}#offcanvasOverlay.show{display:block}.search-container{max-width:400px;margin:0;z-index:1000}.search-input{padding:.375rem .75rem;height:calc(1.5em + .75rem);border-radius:.375rem;border:1px solid #dee2e6;transition:all .3s ease;background-color:#ffffffe6;color:#212529}.search-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;background-color:#fff}.search-results-container{max-height:400px;overflow-y:auto;top:100%;left:0;right:0;margin-top:.5rem;border:1px solid #dee2e6;border-radius:.5rem;z-index:1001}.search-result-item{color:#212529;text-decoration:none;transition:all .2s ease}.search-result-item:hover{background-color:#f8f9fa;color:#0d6efd}.search-result-item .bi{font-size:1.25rem;color:#adb5bd}.search-results-container::-webkit-scrollbar{width:8px}.search-results-container::-webkit-scrollbar-track{background:#f1f1f1}.search-results-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.search-results-container::-webkit-scrollbar-thumb:hover{background:#555}.search-result-item .d-flex{flex-wrap:wrap}.search-result-item small,.search-result-item .badge,.search-result-item div{overflow-wrap:break-word;word-break:break-word;white-space:normal!important}.search-results-container{overflow-x:hidden}.unit-badges{display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.unit-badge{white-space:nowrap;font-size:.75rem}