body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#4f46e5;--primary-color-dark:#3730a3;--background-color:#f9fafb;--card-bg-color:#fff;--card-bg-color-dark:#1f2937;--text-color:#111827;--text-secondary:#4b5563;--border-color:#e5e7eb}.dark-theme{--primary-color:#6366f1;--primary-color-dark:#4f46e5;--background-color:#111827;--card-bg-color:#1f2937;--card-bg-color-dark:#111827;--text-color:#f9fafb;--text-secondary:#d1d5db;--border-color:#374151}.App{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;text-align:center;transition:all .3s ease}.light-theme{background-color:#f5f7fa;color:#2d3748}.dark-theme{background-color:#1a202c;color:#f7fafc}.App-header{background-color:#282c34;color:#fff;padding:1.5rem}.App-header h1{font-size:2rem;margin:0}.App-main{display:flex;flex:1 1;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.sidebar{display:flex;flex-direction:column;height:fit-content;margin-right:1.5rem;overflow:hidden;transition:all .3s ease;width:250px}.light-theme .sidebar{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014}.dark-theme .sidebar{background-color:#2d3748;border-radius:10px;box-shadow:0 4px 12px #0003}.sidebar-title{border-bottom:1px solid;font-size:1.1rem;font-weight:600;padding:1.2rem;text-align:left}.light-theme .sidebar-title{background-color:#f5f7fa;border-bottom-color:#eaeaea;color:#2d3748}.dark-theme .sidebar-title{background-color:#2d3748;border-bottom-color:#4a5568;color:#f7fafc}.tool-category{margin-bottom:.25rem;overflow:hidden}.category-header{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:.7rem 1.2rem;transition:background-color .2s ease-in-out,color .2s ease-in-out;-webkit-user-select:none;user-select:none}.light-theme .category-header{color:#4a5568}.dark-theme .category-header{color:#e2e8f0}.category-header:hover{background-color:#a7e8f41a;background-color:var(--sidebar-hover-bg,#a7e8f41a)}.light-theme .category-header:hover{color:#2c5282}.dark-theme .category-header:hover{color:#a7e8f4}.category-toggle-icon{border:solid #718096;border-bottom:2px solid var(--sidebar-icon-color,#718096);border-left:0 solid var(--sidebar-icon-color,#718096);border-right:2px solid var(--sidebar-icon-color,#718096);border-top:0 solid var(--sidebar-icon-color,#718096);display:inline-block;margin-left:.75rem;padding:3px;transform:rotate(45deg);transition:transform .3s ease-in-out}.dark-theme .category-toggle-icon{border-color:#a0aec0;border-color:var(--dark-sidebar-icon-color,#a0aec0)}.category-toggle-icon.collapsed{transform:rotate(-45deg)}.category-toggle-icon.expanded{transform:rotate(45deg)}.tool-list{list-style:none;margin:0;max-height:0;overflow:hidden;padding:0}.tool-list.expanded{max-height:500px;padding-bottom:.5rem;padding-top:.25rem;transition:max-height .3s ease-out,padding .3s ease-out}.tool-list .tool-item{border-bottom:none}.tool-list .tool-button{font-size:.9rem;padding-left:2rem}.tool-list .tool-button:after{left:.5rem;transform:translateX(-10px);transition:transform .3s ease}.tool-list .tool-button.active:after{transform:translateX(0)}.tool-list .tool-button:hover{background-color:#a7e8f41a;background-color:var(--sidebar-hover-bg,#a7e8f41a)}.tool-item{border-bottom:1px solid}.light-theme .tool-item{border-bottom-color:#eaeaea}.dark-theme .tool-item{border-bottom-color:#4a5568}.tool-button{background:none;border:none;cursor:pointer;display:block;font-size:.95rem;overflow:hidden;padding:1rem 1.2rem;position:relative;text-align:left;transition:all .2s;width:100%}.light-theme .tool-button{color:#4a5568}.dark-theme .tool-button{color:#e2e8f0}.tool-button:after{background-color:#a7e8f4;content:"";height:100%;left:-5px;position:absolute;top:0;transition:all .3s ease;width:5px}.tool-button:hover{background-color:#a7e8f41a}.light-theme .tool-button:hover{color:#2c5282}.dark-theme .tool-button:hover{color:#a7e8f4}.light-theme .tool-button.active{background-color:#ebf8ff;color:#2c5282;font-weight:500}.dark-theme .tool-button.active{background-color:#a7e8f426;color:#a7e8f4;font-weight:500}.tool-button.active:after{left:0}.content-area{flex:1 1}.tools-container{border-radius:10px;height:100%;overflow:hidden;transition:all .3s ease}.light-theme .tools-container{background-color:#fff;box-shadow:0 4px 12px #00000014}.dark-theme .tools-container{background-color:#2d3748;box-shadow:0 4px 12px #0003}.tools-content{padding:0}.App-footer{box-shadow:0 -2px 10px #0000001a;font-size:.9rem;padding:2rem 1rem}.light-theme .App-footer{background-color:#2d3748;color:#fff}.dark-theme .App-footer{background-color:#1a202c;box-shadow:0 -2px 10px #0000004d;color:#f7fafc}.footer-content{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;text-align:left}.footer-section{flex:1 1;margin:0 1rem}.footer-section h3{color:#fff;display:inline-block;font-size:1.2rem;margin-bottom:1rem;margin-top:0;position:relative}.footer-section h3:after{background-color:#a7e8f4;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-section p{color:#ffffffb3;margin-bottom:.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#ffffffb3;display:inline-block;position:relative;text-decoration:none;transition:color .2s ease}.footer-section a:after{background-color:#fff;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section a:hover{color:#fff}.footer-section a:hover:after{width:100%}.converter-container{border-radius:0;box-shadow:none;padding:2.5rem}.light-theme .converter-container{background-color:#fff;color:#2d3748}.dark-theme .converter-container{background-color:#2d3748;color:#f7fafc}.converter-container h2{display:inline-block;margin-bottom:1.5rem;margin-top:0;position:relative}.light-theme .converter-container h2{color:#2d3748}.dark-theme .converter-container h2{color:#f7fafc}.converter-container h2:after{background-color:#a7e8f4;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.conversion-form{gap:1.5rem;margin-bottom:2rem}.conversion-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left}.light-theme .form-group label{color:#4a5568}.dark-theme .form-group label{color:#e2e8f0}.form-group input{border:1px solid;border-radius:6px;font-size:1rem;padding:.9rem;transition:all .2s}.light-theme .form-group input{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d;color:#2d3748}.dark-theme .form-group input{background-color:#1a202c;border-color:#4a5568;box-shadow:0 1px 3px #0003;color:#f7fafc}.form-group input:focus{border-color:#a7e8f4;box-shadow:0 0 0 3px #a7e8f426;outline:none}.explanation{border-left:4px solid #a7e8f4;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:left}.light-theme .explanation{background-color:#f8f9fa;box-shadow:0 2px 5px #0000000d}.dark-theme .explanation{background-color:#4a5568;box-shadow:0 2px 5px #0003}.explanation h3{margin-bottom:1rem;margin-top:0}.light-theme .explanation h3{color:#2d3748}.dark-theme .explanation h3{color:#f7fafc}.explanation ul{padding-left:1.5rem}.explanation li{margin-bottom:.8rem;position:relative}.light-theme .explanation li{color:#4a5568}.dark-theme .explanation li{color:#e2e8f0}.explanation li:before{background-color:#a7e8f4;border-radius:50%;content:"";height:6px;left:-15px;position:absolute;top:8px;width:6px}.explanation code{border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em;padding:.2rem .4rem}.light-theme .explanation code{background-color:#0000000d;color:#2d3748}.dark-theme .explanation code{background-color:#ffffff1a;color:#f7fafc}@media (max-width:768px){.App-main{flex-direction:column;padding:1rem}.sidebar{margin-bottom:1.5rem;margin-right:0}.content-area,.sidebar{width:100%}.footer-content{flex-direction:column}.footer-section{margin-bottom:2rem}}.tool-card{background-color:#fff;background-color:var(--card-bg,#fff);border:none;border-radius:0;box-shadow:none;margin-bottom:0;padding:2.5rem}.light-theme .tool-card{background-color:#fff}.dark-theme .tool-card{background-color:#2d3748}.tool-card h1.tool-title,.tool-card h2{border-bottom:none;color:var(--heading-color);display:inline-block;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:0;position:relative}.tool-card h1.tool-title:after,.tool-card h2:after{background-color:#a7e8f4;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.light-theme .tool-card h1.tool-title,.light-theme .tool-card h2{color:#2d3748}.dark-theme .tool-card h1.tool-title,.dark-theme .tool-card h2{color:#f7fafc}.tool-card p.description{color:#111827;color:var(--text-color);font-size:.95rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#111827;color:var(--text-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group textarea,.form-input{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;box-sizing:border-box;color:#111827;color:var(--text-color,#2d3748);font-size:1rem;padding:.9rem;transition:border-color .2s,box-shadow .2s;width:100%}.light-theme .form-group input[type=number],.light-theme .form-group input[type=text],.light-theme .form-input{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d;color:#2d3748}.dark-theme .form-group input[type=number],.dark-theme .form-group input[type=text],.dark-theme .form-input{background-color:#1a202c;border-color:#4a5568;box-shadow:0 1px 3px #0003;color:#f7fafc}.form-group input[type=number]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group textarea:focus,.form-input:focus{border-color:#a7e8f4;box-shadow:0 0 0 3px #a7e8f426;outline:none}.form-grid-container.two-column{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-grid-container.two-by-three{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.5rem}.form-grid-container.three-column-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;width:100%}.result-container{background-color:#a7e8f40d;background-color:var(--result-bg,#a7e8f40d);border:1px solid #e5e7eb;border:1px solid var(--border-color,#a7e8f41a);border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-top:2rem;padding:1.8rem;text-align:left;transition:all .3s ease}.copy-button,.key-container,.result-container h3,.result-item,.result-item label,.result-value{display:block}.key-container .result-value{background-color:#00000008;background-color:var(--code-bg,#00000008);border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem;line-height:1.5;padding:1rem;text-align:left;transition:all .2s ease}.dark-theme .key-container .result-value{background-color:#ffffff0d}.result-value.placeholder{background-color:#00000005;background-color:var(--placeholder-bg,#00000005);color:#a0aec0;color:var(--text-placeholder,#a0aec0);font-style:italic}.dark-theme .result-value.placeholder{background-color:#ffffff08;color:#718096;color:var(--dark-text-placeholder,#718096)}.copy-button{align-items:center;background-color:#a7e8f426;background-color:var(--button-bg,#a7e8f426);border:1px solid var(--button-border,#a7e8f44d);border-radius:6px;color:#2d3748;color:var(--button-text,#2d3748);display:flex;font-weight:500;height:36px;justify-content:center;padding:.5rem 1rem}.copy-button:hover:not(.disabled){background-color:#a7e8f440;transform:translateY(-1px)}.copy-button:active:not(.disabled){transform:translateY(0)}.dark-theme .copy-button{background-color:#a7e8f426;color:#ffffffe6}.copy-button.disabled{background-color:#0000000d;border-color:#0000001a;color:#a0aec0;color:var(--text-disabled,#a0aec0);cursor:not-allowed;opacity:.5}.dark-theme .copy-button.disabled{background-color:#ffffff0d;border-color:#ffffff1a;color:#718096;color:var(--dark-text-disabled,#718096)}.code-block{background-color:#0000000d;background-color:var(--code-bg,#0000000d);border-radius:3px;color:#2d3748;color:var(--code-color,#2d3748);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em;padding:.2rem .4rem}.dark-mode .code-block{background-color:#ffffff1a;background-color:var(--dark-code-bg,#ffffff1a);color:#f7fafc;color:var(--dark-code-color,#f7fafc)}.result-value.large{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:1.6rem;font-weight:700}.dark-mode .result-value.large{color:#818cf8;color:var(--dark-primary-color,#818cf8)}.error-message{background-color:#fff5f5;background-color:var(--error-bg,#fff5f5);border:none;border-left:3px solid #e53e3e;border-left:3px solid var(--error-accent,#e53e3e);border-radius:6px;color:#c53030;color:var(--error-text,#c53030);font-size:.85rem;margin-top:1rem;padding:.7rem;text-align:left}.dark-mode .error-message{background-color:#e53e3e1a;background-color:var(--dark-error-bg,#e53e3e1a);border-left-color:#fc8181;border-left-color:var(--dark-error-accent,#fc8181);color:#f56565;color:var(--dark-error-text,#f56565)}.info-callout{background-color:var(--callout-bg);border:none;border-left:4px solid #a7e8f4;border-radius:8px;color:#111827;color:var(--text-color);font-size:1rem;margin-top:2rem;padding:1.5rem;position:relative;text-align:left}.light-theme .info-callout{background-color:#f8f9fa;box-shadow:0 2px 5px #0000000d;color:#4a5568}.dark-theme .info-callout{background-color:#4a5568;box-shadow:0 2px 5px #0003;color:#e2e8f0}.info-callout:before{content:none}.info-callout p.title{color:var(--heading-color);font-weight:700;margin-bottom:1rem;margin-top:0}.light-theme .info-callout p.title{color:#2d3748}.dark-theme .info-callout p.title{color:#f7fafc}.info-callout ul{margin-bottom:0;margin-top:.5rem;padding-left:1.5rem}.info-callout li{margin-bottom:.8rem;position:relative}.info-callout li:before{border-radius:50%;content:"";height:6px;left:-15px;position:absolute;top:8px;width:6px}.dark-mode .tool-card h2:after,.info-callout li:before{background-color:#a7e8f4}@media (max-width:992px){.form-grid-container.two-by-three{grid-template-columns:1fr 1fr}}@media (max-width:768px){.form-grid-container.two-by-three,.form-grid-container.two-column,.result-grid{gap:1rem;grid-template-columns:1fr}.form-grid-container.two-by-three .form-group{grid-column:auto;grid-row:auto}.result-item.full-span{grid-column:1/-1}.tool-card{padding:1.5rem}.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group textarea,.form-input{font-size:1rem;padding:.8rem}.result-container{padding:1rem}.result-value.large{font-size:1.3rem}.info-callout{border-left-width:4px;padding:1rem}.info-callout li:before{left:-12px;top:7px}.form-grid-container.three-column-grid{grid-template-columns:1fr}}.sidebar-search{background-color:var(--body-bg);background-color:var(--sidebar-search-bg,var(--body-bg));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:.8rem 1rem}.light-theme .sidebar-search{background-color:#f8f9fa}.dark-theme .sidebar-search{background-color:#242c3b}.sidebar-search-input{background-color:#fff;background-color:var(--input-bg-prominent,#fff);border:1px solid #ccc;border:1px solid var(--input-border-prominent,#ccc);border-radius:6px;box-sizing:border-box;color:#111827;color:var(--text-color);font-size:.9rem;padding:.6rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.light-theme .sidebar-search-input{background-color:#fff;border-color:#d1d5db}.dark-theme .sidebar-search-input{background-color:#3a4458;border-color:#5a6987;color:#e2e8f0}.sidebar-search-input::placeholder{color:#a0aec0;color:var(--placeholder-color,#a0aec0);opacity:1}.dark-theme .sidebar-search-input::placeholder{color:#718096;color:var(--dark-placeholder-color,#718096)}.sidebar-search-input:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e533;outline:none}.dark-theme .sidebar-search-input:focus{border-color:#6366f1;border-color:var(--dark-primary-color,#6366f1);box-shadow:0 0 0 2px #6366f14d}.sidebar-search-input::-webkit-search-cancel-button,.sidebar-search-input::-webkit-search-decoration{cursor:pointer}.no-results-message{color:#4b5563;color:var(--text-secondary);font-style:italic;padding:1rem 1.2rem;text-align:center}.footer-social{margin-bottom:.5rem}.footer-social a{align-items:center;color:#ffffffb3;display:inline-flex;position:relative;text-decoration:none;transition:color .2s ease}.footer-social a:after{background-color:#fff;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-social a:hover{color:#fff}.footer-social a:hover:after{width:100%}.footer-social .social-icon{margin-right:.4rem;position:relative;top:-.05rem}.social-link,.social-links{display:none}.action-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin:1.5rem 0}.primary-button{background-color:#a7e8f4;border:none;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.2rem;text-align:center;transition:all .2s ease}.primary-button:hover{background-color:#8cd8e4;transform:translateY(-1px)}.dark-theme .primary-button{background-color:#a7e8f4;color:#1a202c}.key-container{align-items:center;display:flex;gap:1rem;width:100%}.key-container .result-value{flex:1 1;overflow-wrap:break-word;word-break:break-all}.copy-button{background-color:#a7e8f41a;border:1px solid #a7e8f44d;border-radius:4px;color:#111827;color:var(--text-color);cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background-color:#a7e8f433}.dark-theme .copy-button{border-color:#a7e8f433}.warning-callout{border-left-color:#f56565!important}.light-theme .warning-callout,.warning-callout{background-color:#f565650d}.dark-theme .warning-callout{background-color:#f565651a}.warning-callout .title{color:#f56565}.dark-theme .warning-callout .title{color:#fc8181}.home-page{margin:0 auto;max-width:1300px;padding:3rem 2rem}.hero-section{background:#fff;background:var(--card-bg-color);border-radius:16px;box-shadow:0 15px 30px #00000014;margin-bottom:4rem;overflow:hidden;padding:3.5rem 2rem;position:relative;text-align:center}.hero-section:before{background:linear-gradient(90deg,#4f46e5,#a7e8f4,#4f46e5);background:linear-gradient(90deg,var(--primary-color),#a7e8f4,var(--primary-color));content:"";height:6px;left:0;opacity:.8;position:absolute;right:0;top:0}.hero-section .mascot-image{height:auto;margin-bottom:1.5rem;transition:transform .5s ease;width:150px}.hero-section .mascot-image:hover{transform:translateY(-5px) rotate(5deg)}.hero-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#a7e8f4);background:linear-gradient(90deg,var(--primary-color),#a7e8f4);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--text-color);display:inline-block;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.hero-description{color:#4b5563;color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:800px}.category-section{margin-bottom:4rem;position:relative}.category-section:last-child,.category-title{margin-bottom:2rem}.category-title{font-size:2rem;font-weight:700}.category-title:after{bottom:-10px;height:4px;width:50px}.tools-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tool-card-home{background:#fff;background:var(--card-bg-color);border:1px solid #0000000a;border-radius:12px;box-shadow:0 8px 20px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.8rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.tool-card-home:before{background:linear-gradient(90deg,#4f46e5,#a7e8f4);background:linear-gradient(90deg,var(--primary-color),#a7e8f4);content:"";height:4px;left:0;opacity:.8;position:absolute;top:0;width:100%}.tool-card-home:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.tool-card-home h3{color:#111827;color:var(--text-color);font-size:1.4rem;font-weight:600;margin-bottom:1rem;margin-top:.5rem;transition:color .2s}.tool-card-home p{color:#4b5563;color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.use-tool-button{background-color:initial;border:1px solid #4f46e5;border:1px solid var(--primary-color);border-radius:6px;color:#4f46e5;color:var(--primary-color);cursor:pointer;display:inline-block;font-weight:500;margin-top:auto;padding:.7rem 1.2rem;text-align:center;transition:all .2s}.use-tool-button:hover{background-color:#4f46e5;background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.dark-theme .hero-section{background:#1f2937;background:var(--card-bg-color-dark);box-shadow:0 15px 30px #0000004d}.dark-theme .tool-card-home{background-color:#1f2937;background-color:var(--card-bg-color-dark);border-color:#ffffff0f;box-shadow:0 8px 20px #00000040}.dark-theme .tool-card-home:hover{box-shadow:0 15px 30px #0006}.dark-theme .use-tool-button{border-color:#4f46e5;border-color:var(--primary-color)}@media (max-width:768px){.home-page{padding:2rem 1rem}.hero-section{padding:2.5rem 1.5rem}.hero-section h1{font-size:2.2rem}.hero-description{font-size:1.1rem}.tools-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.category-title{font-size:1.6rem}}.category-title{border-bottom:none;color:#111827;color:var(--text-color);display:inline-block;font-size:1.7rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:0;position:relative}.category-title:after{background:linear-gradient(90deg,#4f46e5,#a7e8f4);background:linear-gradient(90deg,var(--primary-color),#a7e8f4);bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.amount-inputs-row,.tick-inputs-row{display:flex;flex-direction:row;gap:30px;justify-content:space-between;margin-bottom:30px;width:100%}.amount-input-group,.tick-input-group{display:flex;flex:1 1;flex-direction:column;margin-bottom:10px;text-align:left}.amount-input-group label,.tick-input-group label{color:#111827;color:var(--text-color);font-weight:600;margin-bottom:8px}.amount-input,.tick-input{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;color:#111827;color:var(--text-color);font-size:16px;padding:12px;transition:all .2s;width:100%}.light-theme .amount-input,.light-theme .tick-input{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d;color:#2d3748}.dark-theme .amount-input,.dark-theme .tick-input{background-color:#1a202c;border-color:#4a5568;box-shadow:0 1px 3px #0003;color:#f7fafc}.amount-input:focus,.tick-input:focus{border-color:#a7e8f4;box-shadow:0 0 0 3px #a7e8f426;outline:none}@media (max-width:768px){.amount-inputs-row,.tick-inputs-row{flex-direction:column;gap:15px}.amount-input-group,.tick-input-group{width:100%}}.sidebar.tool-context .tool-button.active{box-shadow:inset 4px 0 0 0 #38bdf8}.sidebar .tool-button:hover{background-color:initial}.sidebar .tool-button.active{background-color:initial;color:inherit}.tool-button.active:after{left:-5px}.sidebar .category-header:hover{background-color:initial;color:inherit}.dark-theme .sidebar .category-header:hover,.light-theme .sidebar .category-header:hover{color:inherit}.sidebar .tool-list .tool-button:hover{background-color:initial;color:inherit}.dark-theme .sidebar .tool-button:hover,.light-theme .sidebar .tool-button:hover{color:inherit}.sidebar .tool-button:after{background-color:initial}.sidebar.tool-context .tool-button.active:after{background-color:#38bdf8;left:0}.navbar{align-items:center;box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:.8rem 2rem;transition:all .3s ease}.light-theme .navbar{background-color:#2c3e50;background-image:linear-gradient(90deg,#2c3e50,#217286)}.dark-theme .navbar{background-color:#1a202c;background-image:linear-gradient(90deg,#1a202c,#104052);box-shadow:0 2px 10px #0000004d}.navbar-brand{align-items:center;display:flex}.navbar-mascot{height:35px;margin-right:10px;width:35px}.navbar-brand h1{color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:0;position:relative}.navbar-brand h1:after{background-color:#a7e8f4;bottom:-5px;content:"";height:3px;left:0;position:absolute;transform:scaleX(1);transition:transform .3s ease;width:30px}.navbar-brand:hover h1:after{transform:scaleX(1.5)}.navbar-tabs{display:none}.navbar-tab{background-color:initial;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.navbar-tab:hover{background-color:#ffffff1a;color:#fff}.navbar-tab.active{background-color:#fff3;color:#fff;font-weight:500}.navbar-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.light-theme .theme-toggle{background-color:#ffffff1a;box-shadow:0 1px 3px #0003}.dark-theme .theme-toggle{background-color:#a7e8f41a;box-shadow:0 1px 3px #0006}.theme-toggle:hover{transform:translateY(-2px)}.light-theme .theme-toggle:hover{background-color:#fff3}.dark-theme .theme-toggle:hover{background-color:#a7e8f433}@media (max-width:768px){.navbar{padding:1rem}.navbar-brand,.navbar-tabs{margin-bottom:1rem}.navbar-tabs{justify-content:center;overflow-x:auto;width:100%}.navbar-actions{margin-top:.5rem}}.UniswapConverter_converter-info__GBiqx{color:#666;font-size:.9rem;margin-top:1rem}.UniswapConverter_input-error__5HN1I{animation:UniswapConverter_fadeIn__OnJjG .3s ease;border-left:3px solid #e53e3e;border-radius:6px;color:#e53e3e;font-size:.85rem;margin-bottom:1rem;margin-top:.3rem;padding:.7rem;text-align:left}.UniswapConverter_light-theme__3RjCl .UniswapConverter_input-error__5HN1I{background-color:#fff5f5}.UniswapConverter_dark-theme__8VUXS .UniswapConverter_input-error__5HN1I{background-color:#e53e3e1a}.UniswapConverter_input-warning__mE9sa{animation:UniswapConverter_fadeIn__OnJjG .3s ease;border-left:3px solid #dd6b20;border-radius:6px;color:#dd6b20;font-size:.85rem;margin-bottom:1rem;margin-top:.3rem;padding:.7rem;text-align:left}.UniswapConverter_light-theme__3RjCl .UniswapConverter_input-warning__mE9sa{background-color:#fff8f1}.UniswapConverter_dark-theme__8VUXS .UniswapConverter_input-warning__mE9sa{background-color:#dd6b201a}.UniswapConverter_input-success__TTMN5{animation:UniswapConverter_fadeIn__OnJjG .3s ease;border-left:3px solid #38a169;border-radius:6px;color:#38a169;font-size:.85rem;margin-top:.3rem;padding:.7rem;text-align:left}.UniswapConverter_light-theme__3RjCl .UniswapConverter_input-success__TTMN5{background-color:#f0fff4}.UniswapConverter_dark-theme__8VUXS .UniswapConverter_input-success__TTMN5{background-color:#38a1691a}.UniswapConverter_clipboard-button__jcDo3{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;margin-left:.5rem;padding:.5rem .8rem;transition:all .3s}.UniswapConverter_light-theme__3RjCl .UniswapConverter_clipboard-button__jcDo3{background-color:#f5f5f5;border:1px solid #e2e2e2;color:#4a5568}.UniswapConverter_dark-theme__8VUXS .UniswapConverter_clipboard-button__jcDo3{background-color:#4a5568;border:1px solid #2d3748;color:#e2e8f0}.UniswapConverter_clipboard-button__jcDo3:hover{transform:translateY(-1px)}.UniswapConverter_light-theme__3RjCl .UniswapConverter_clipboard-button__jcDo3:hover{background-color:#e8e8e8;box-shadow:0 2px 5px #0000000d}.UniswapConverter_dark-theme__8VUXS .UniswapConverter_clipboard-button__jcDo3:hover{background-color:#5a6987;box-shadow:0 2px 5px #0003}.UniswapConverter_clipboard-button__jcDo3:active{transform:translateY(0)}.UniswapConverter_input-row__4IJSI{align-items:center;display:flex}.UniswapConverter_input-row__4IJSI input{border-radius:6px;flex:1 1;transition:all .3s}.UniswapConverter_light-theme__3RjCl .UniswapConverter_input-row__4IJSI input{box-shadow:0 1px 3px #0000000d}.UniswapConverter_dark-theme__8VUXS .UniswapConverter_input-row__4IJSI input{box-shadow:0 1px 3px #0003}.UniswapConverter_input-row__4IJSI input:focus{border-color:#a7e8f4;box-shadow:0 0 0 3px #a7e8f426}@keyframes UniswapConverter_fadeIn__OnJjG{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.EthTools_input-error__RnbvX{animation:EthTools_fadeIn__Xcizg .3s ease;border-left:3px solid #e53e3e;border-radius:6px;color:#e53e3e;font-size:.85rem;margin-bottom:1rem;margin-top:.3rem;padding:.7rem;text-align:left}.EthTools_light-theme__DYkwK .EthTools_input-error__RnbvX{background-color:#fff5f5}.EthTools_dark-theme__UPK\+b .EthTools_input-error__RnbvX{background-color:#e53e3e1a}.EthTools_input-warning__QsWG0{animation:EthTools_fadeIn__Xcizg .3s ease;border-left:3px solid #dd6b20;border-radius:6px;color:#dd6b20;font-size:.85rem;margin-bottom:1rem;margin-top:.3rem;padding:.7rem;text-align:left}.EthTools_light-theme__DYkwK .EthTools_input-warning__QsWG0{background-color:#fff8f1}.EthTools_dark-theme__UPK\+b .EthTools_input-warning__QsWG0{background-color:#dd6b201a}.EthTools_input-success__v-pUy{animation:EthTools_fadeIn__Xcizg .3s ease;border-left:3px solid #38a169;border-radius:6px;color:#38a169;font-size:.85rem;margin-top:.3rem;padding:.7rem;text-align:left}.EthTools_light-theme__DYkwK .EthTools_input-success__v-pUy{background-color:#f0fff4}.EthTools_dark-theme__UPK\+b .EthTools_input-success__v-pUy{background-color:#38a1691a}.EthTools_input-row__HGliY{align-items:center;display:flex}.EthTools_input-row__HGliY input{border-radius:6px;flex:1 1;transition:all .3s}.EthTools_light-theme__DYkwK .EthTools_input-row__HGliY input{box-shadow:0 1px 3px #0000000d}.EthTools_dark-theme__UPK\+b .EthTools_input-row__HGliY input{box-shadow:0 1px 3px #0003}.EthTools_input-row__HGliY input:focus{border-color:#a7e8f4;box-shadow:0 0 0 3px #a7e8f426}.EthTools_textarea-input__hr4Zp{border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1rem;padding:.9rem;transition:all .3s;width:100%}.EthTools_light-theme__DYkwK .EthTools_textarea-input__hr4Zp{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;color:#2d3748}.EthTools_dark-theme__UPK\+b .EthTools_textarea-input__hr4Zp{background-color:#1a202c;border:1px solid #4a5568;box-shadow:0 1px 3px #0003;color:#f7fafc}.EthTools_textarea-input__hr4Zp:focus{border-color:#a7e8f4;box-shadow:0 0 0 3px #a7e8f426;outline:none}.EthTools_result-box__dGu5e{animation:EthTools_fadeIn__Xcizg .3s ease;background-color:#f8f9fa;border-left:4px solid #a7e8f4;border-radius:8px;margin-bottom:1.5rem;margin-top:1.5rem;padding:1.5rem;text-align:left}.EthTools_light-theme__DYkwK .EthTools_result-box__dGu5e{background-color:#f8f9fa;box-shadow:0 2px 5px #0000000d}.EthTools_dark-theme__UPK\+b .EthTools_result-box__dGu5e{background-color:#2d3748;box-shadow:0 2px 5px #0003}.EthTools_result-title__K-VWh{font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.EthTools_light-theme__DYkwK .EthTools_result-title__K-VWh{color:#2d3748}.EthTools_dark-theme__UPK\+b .EthTools_result-title__K-VWh{color:#f7fafc}.EthTools_result-item__vrz-G{border-bottom:1px dashed #ddd;margin-bottom:1rem;padding-bottom:1rem}.EthTools_light-theme__DYkwK .EthTools_result-item__vrz-G{border-bottom-color:#ddd}.EthTools_dark-theme__UPK\+b .EthTools_result-item__vrz-G{border-bottom-color:#4a5568}.EthTools_result-item__vrz-G:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.EthTools_result-label__6EfRd{display:block;font-weight:600;margin-bottom:.5rem}.EthTools_light-theme__DYkwK .EthTools_result-label__6EfRd{color:#2d3748}.EthTools_dark-theme__UPK\+b .EthTools_result-label__6EfRd{color:#e2e8f0}.EthTools_result-value-row__XT1LO{align-items:center;display:flex}.EthTools_result-value__1r-yD{background-color:#0000000d;border-radius:4px;flex:1 1;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;margin:0;overflow-x:auto;padding:.5rem;word-break:break-all}.EthTools_light-theme__DYkwK .EthTools_result-value__1r-yD{background-color:#0000000d;color:#2d3748}.EthTools_dark-theme__UPK\+b .EthTools_result-value__1r-yD{background-color:#ffffff0d;color:#f7fafc}.EthTools_clipboard-button__NLWF9{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;padding:.5rem;transition:all .2s}.EthTools_light-theme__DYkwK .EthTools_clipboard-button__NLWF9{background-color:#f5f5f5;border:1px solid #e2e2e2;color:#4a5568}.EthTools_dark-theme__UPK\+b .EthTools_clipboard-button__NLWF9{background-color:#4a5568;border:1px solid #2d3748;color:#e2e8f0}.EthTools_clipboard-button__NLWF9:hover{transform:translateY(-1px)}.EthTools_light-theme__DYkwK .EthTools_clipboard-button__NLWF9:hover{background-color:#e8e8e8;box-shadow:0 2px 5px #0000000d}.EthTools_dark-theme__UPK\+b .EthTools_clipboard-button__NLWF9:hover{background-color:#5a6987;box-shadow:0 2px 5px #0003}.EthTools_copied-message__Nzv1s{animation:EthTools_fadeIn__Xcizg .3s ease;color:#38a169;font-size:.8rem;margin-top:.3rem}.EthTools_decode-button__UlR17{background-color:#a7e8f4;border:none;border-radius:6px;color:#2d3748;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s}.EthTools_decode-button__UlR17:hover:not(:disabled){background-color:#8fdfec;box-shadow:0 4px 6px #a7e8f433;transform:translateY(-2px)}.EthTools_decode-button__UlR17:disabled{background-color:#cbd5e0;color:#718096;cursor:not-allowed}.EthTools_info-box__0K6no{background-color:#f8f9fa;border-left:4px solid #3182ce;border-radius:6px;margin-bottom:1rem;padding:1rem}.EthTools_light-theme__DYkwK .EthTools_info-box__0K6no{background-color:#f8f9fa}.EthTools_dark-theme__UPK\+b .EthTools_info-box__0K6no{background-color:#2d3748}.EthTools_info-item__0SmKX{align-items:center;display:flex}.EthTools_info-label__1E8-P{font-weight:500;margin-right:.5rem}.EthTools_light-theme__DYkwK .EthTools_info-label__1E8-P{color:#4a5568}.EthTools_dark-theme__UPK\+b .EthTools_info-label__1E8-P{color:#e2e8f0}.EthTools_info-value__t\+I58{background-color:#0000000d;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding:.3rem .6rem}.EthTools_light-theme__DYkwK .EthTools_info-value__t\+I58{color:#2d3748}.EthTools_dark-theme__UPK\+b .EthTools_info-value__t\+I58{background-color:#ffffff0d;color:#f7fafc}@keyframes EthTools_fadeIn__Xcizg{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.EthTools_type-container__-HinU,.EthTools_type-value-container__39V4\+{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:100%}.EthTools_type-row__F1-IR,.EthTools_type-value-row__SbTHD{align-items:center;display:flex;gap:10px;width:100%}.EthTools_type-select__3cTcf{background-color:#fff;border:1px solid #ccc;border-radius:4px;flex:0 0 150px;font-family:monospace;padding:8px 10px}.EthTools_dark-theme__UPK\+b .EthTools_type-select__3cTcf{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.EthTools_value-input__IkVMO{border:1px solid #ccc;border-radius:4px;flex:1 1;font-family:monospace;padding:8px 10px}.EthTools_dark-theme__UPK\+b .EthTools_value-input__IkVMO{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.EthTools_remove-button__FYAr6{align-items:center;background-color:#e53e3e;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:0 0 30px;font-weight:700;height:30px;justify-content:center}.EthTools_remove-button__FYAr6:hover{background-color:#c53030}.EthTools_remove-button__FYAr6:disabled{background-color:#cbd5e0;cursor:not-allowed}.EthTools_dark-theme__UPK\+b .EthTools_remove-button__FYAr6:disabled{background-color:#4a5568}.EthTools_actions-row__suWyK{display:flex;gap:10px;margin-bottom:20px}.EthTools_add-button__miOKz{background-color:initial;border:1px solid #3182ce;border-radius:4px;color:#3182ce;cursor:pointer;font-weight:medium;padding:8px 12px}.EthTools_add-button__miOKz:hover{background-color:#ebf8ff}.EthTools_dark-theme__UPK\+b .EthTools_add-button__miOKz{border-color:#63b3ed;color:#63b3ed}.EthTools_dark-theme__UPK\+b .EthTools_add-button__miOKz:hover{background-color:#63b3ed1a}.EthTools_decode-button__UlR17,.EthTools_encode-button__lv7hy{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:medium;padding:8px 16px}.EthTools_decode-button__UlR17:hover,.EthTools_encode-button__lv7hy:hover{background-color:#2c5282}.EthTools_decode-button__UlR17:disabled,.EthTools_encode-button__lv7hy:disabled{background-color:#cbd5e0;cursor:not-allowed}.EthTools_dark-theme__UPK\+b .EthTools_decode-button__UlR17,.EthTools_dark-theme__UPK\+b .EthTools_encode-button__lv7hy{background-color:#4299e1}.EthTools_dark-theme__UPK\+b .EthTools_decode-button__UlR17:hover,.EthTools_dark-theme__UPK\+b .EthTools_encode-button__lv7hy:hover{background-color:#3182ce}.EthTools_dark-theme__UPK\+b .EthTools_decode-button__UlR17:disabled,.EthTools_dark-theme__UPK\+b .EthTools_encode-button__lv7hy:disabled{background-color:#4a5568}.encoding-decoder{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px;padding:20px}.dark-theme .encoding-decoder{background-color:#2d3748;box-shadow:0 4px 8px #0000004d;color:#f7fafc}.encoding-decoder h2{color:#2c3e50;margin-bottom:20px;margin-top:0;text-align:center}.dark-theme .encoding-decoder h2{color:#f7fafc}.tool-description{background-color:#e2e8f0;border-left:4px solid #3498db;border-radius:6px;margin-bottom:25px;padding:15px}.dark-theme .tool-description{background-color:#2c3e50;border-left:4px solid #4299e1}.tool-description p{font-size:15px;line-height:1.5;margin:0 0 10px}.tool-description p:last-child{margin-bottom:0}.controls{display:flex;justify-content:space-between;margin-bottom:20px}.control-group{flex:1 1;margin-right:20px}.control-group:last-child{margin-right:0}.control-group>label{display:block;font-weight:700;margin-bottom:8px}.radio-group{display:flex;gap:15px}.radio-group label{align-items:center;cursor:pointer;display:flex}.radio-group input{margin-right:5px}.io-container{gap:15px}.input-section,.io-container,.output-section{display:flex;flex-direction:column}.input-section label,.output-section label{font-weight:700;margin-bottom:5px}textarea{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:monospace;min-height:120px;padding:10px;resize:vertical}.dark-theme textarea{background-color:#1a202c;border-color:#4a5568;color:#f7fafc}.button-group{display:flex;gap:10px;justify-content:center;margin:10px 0}button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 15px;transition:background-color .2s}.process-btn{background-color:#3498db;color:#fff}.dark-theme .process-btn{background-color:#4299e1}.process-btn:hover{background-color:#2980b9}.dark-theme .process-btn:hover{background-color:#3182ce}.clear-btn{background-color:#e74c3c;color:#fff}.dark-theme .clear-btn{background-color:#f56565}.clear-btn:hover{background-color:#c0392b}.dark-theme .clear-btn:hover{background-color:#e53e3e}.copy-btn{align-self:flex-end;background-color:#2ecc71;color:#fff;margin-top:5px}.dark-theme .copy-btn{background-color:#48bb78}.copy-btn:hover{background-color:#27ae60}.dark-theme .copy-btn:hover{background-color:#38a169}.copy-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.dark-theme .copy-btn:disabled{background-color:#718096}@media (max-width:600px){.controls{flex-direction:column;gap:15px}.control-group{margin-right:0}}.tool-card .form-group+.form-group{margin-top:1rem}.error-message{color:#dc3545;color:var(--error-color,#dc3545);font-size:.9em;margin-bottom:1rem;margin-top:.5rem}
/*# sourceMappingURL=main.18b050e9.css.map*/