/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-999{z-index:999}.col-2{grid-column:2}.col-3{grid-column:3}.col-4{grid-column:4}.col-5{grid-column:5}.col-6{grid-column:6}.col-12{grid-column:12}.col-auto{grid-column:auto}.float-end{float:inline-end}.container{width:100%}.mx-auto{margin-inline:auto}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.mt-auto{margin-top:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-auto{height:auto}.w-auto{width:auto}.w-full{width:100%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow-1,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:calc(infinity * 1px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.bg-transparent{background-color:transparent}.bg-center{background-position:center}.bg-top{background-position:top}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}.skeleton-loader{padding:2rem;background:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem #00000013;transition:opacity .1s ease-out}.skeleton-loader>*{transition:opacity .1s ease-out,transform .1s ease-out}.skeleton-header{margin-bottom:2rem}.skeleton-title{height:2rem;width:60%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.25rem;margin-bottom:.5rem}.skeleton-subtitle{height:1rem;width:40%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;animation-delay:.2s;border-radius:.25rem}.skeleton-content{display:grid;gap:1.5rem}.skeleton-form{display:grid;gap:1rem}.skeleton-input-group{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.skeleton-input{height:2.5rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.375rem}.skeleton-button{height:2.5rem;width:5rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;animation-delay:.3s;border-radius:.375rem}.skeleton-result{background:#f8f9fa;padding:1.5rem;border-radius:.5rem;border-left:4px solid #e9ecef}.skeleton-result-text{height:1rem;width:30%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;animation-delay:.4s;border-radius:.25rem;margin-bottom:.5rem}.skeleton-result-value{height:2rem;width:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;animation-delay:.5s;border-radius:.25rem}.skeleton-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.skeleton-button-large{height:3rem;width:8rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;animation-delay:.6s;border-radius:.375rem}.skeleton-button-small{height:2rem;width:6rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;animation-delay:.7s;border-radius:.375rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}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}}.recently-used,.favorites{margin-bottom:1.5rem;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;background-color:#f8f9fa;border:1px solid #e9ecef}.recently-used-title,.favorites-title{background-color:#f1f3f5;padding:.75rem 1rem;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#495057;border-bottom:1px solid #e9ecef;display:flex;align-items:center}.recently-used-title i,.favorites-title i{margin-right:.5rem;font-size:1rem}#recentlyUsedList,#favoritesList{max-height:300px;overflow-y:auto;background-color:#fff}#recentlyUsedList .list-group-item,#favoritesList .list-group-item{border:none;border-bottom:1px solid #f1f3f5;padding:.75rem 1rem;font-size:.9rem;transition:all .2s ease}#recentlyUsedList .list-group-item:last-child,#favoritesList .list-group-item:last-child{border-bottom:none}#recentlyUsedList .list-group-item:hover,#favoritesList .list-group-item:hover{background-color:#f8f9fa;transform:translate(2px)}.favorite-btn{width:32px;height:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:.5rem}.favorite-btn:hover{transform:scale(1.1)}.favorite-btn .bi-star-fill{color:#ffc107}.card-header .d-flex{align-items:center}.card-header h2{margin:0;flex:1}.converter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#converterContainer{width:100%;max-width:100%;margin:0;padding:0;transition:all .3s ease}.converter-container{max-width:1200px;margin:0 auto;padding:1rem;transition:all .3s ease}main.converter-full-width{padding:0 1rem}#converterContainer.converter-full-width,.converter-full-width .container,.converter-full-width .row,.converter-full-width .col-md-9,.converter-full-width .col-lg-8{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.converter-full-width .converter-content,#converterContainer.converter-full-width>*,#converterContainer .converter-full-width>*{max-width:100%!important;width:100%!important}.converter-full-width .container,.converter-full-width .row,.converter-full-width .col-md-9,.converter-full-width .col-lg-8{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.blog-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.blog-post{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem;height:100%;display:flex;flex-direction:column}.blog-post h1{font-size:2rem;margin-bottom:1.5rem}.blog-post h1 a{color:#333;text-decoration:none;transition:color .3s ease}.blog-post h1 a:hover{color:#007bff}.blog-post .post-meta{color:#666;margin-bottom:1rem;font-size:.9rem}.blog-post .post-content{line-height:1.8;flex-grow:1}.blog-post .post-content p{margin-bottom:1.5rem}.blog-post .post-content ul,.blog-post .post-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-post .post-content li{margin-bottom:.5rem}.blog-post blockquote{border-left:4px solid #007bff;padding:1rem;margin:1.5rem 0;background:#f8f9fa}.blog-post .read-more{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background .3s ease}.blog-post .read-more:hover{background:#0056b3;color:#fff;text-decoration:none}.category-header,.tag-header{background:#f8f9fa;padding:3rem 0;margin-bottom:2rem;border-bottom:1px solid #e9ecef}.category-header h1,.tag-header h1{margin:0;font-size:2.5rem;color:#333}.category-description,.tag-description{color:#666;margin-top:1rem;font-size:1.1rem}.post-tags{margin-top:2rem;padding-top:2rem;border-top:1px solid #e9ecef}.post-tags h3{font-size:1.2rem;margin-bottom:1rem;color:#333}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.3rem .8rem;background:#f8f9fa;color:#666;text-decoration:none;border-radius:4px;font-size:.9rem;transition:all .3s ease}.tag:hover{background:#007bff;color:#fff;text-decoration:none}@media (max-width: 768px){.blog-container{padding:1rem}.blog-post{padding:1.5rem}.blog-post h1{font-size:1.75rem}.category-header,.tag-header{padding:2rem 0}.category-header h1,.tag-header h1{font-size: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}