html,body{margin:0 auto}body.dark{color:#000;background:#035543}body.light{background:#f4ffcb}.container{display:flex;height:100%}div#layout .router{height:101vh}.page-section{display:flex;align-items:center;justify-content:center;border-radius:50px;background:#00000085;height:90%}.page-holder{height:100%;display:flex;align-items:flex-start;justify-content:center;width:100%}.page{border-radius:50px;background:#00000085;height:90%;width:90%;font-family:Instrument Sans}.dark .page{color:#fff}.page-explainer{width:85%;margin:0 auto}.category-text{color:#000;text-align:center;font-family:Instrument Sans;font-size:22px;font-style:italic;padding:1% 0%;font-weight:400;line-height:normal;transform:translateY(0);transition:transform .3s ease,background-color .3s ease;position:relative}.category-item-text{opacity:1;transition:opacity .3s ease}.category-item:hover .category-item-text{animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{0%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.container.dark .category-text{background:#f4ffcb}.category-item{padding:1% 0%;text-align:center;font-family:Instrument Sans;font-size:1em;cursor:pointer;width:100%;font-style:normal;font-weight:400;line-height:normal}.container.dark .category-item{color:#fff;background:#000}.category-items{gap:1px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.categories{display:flex;flex-direction:column;gap:1em;margin-top:1%}.dark .sidebar{background:#2c2f2e}.light .sidebar{background:#b4b4b4}.container.light .category-item{color:#000;background:#fff}.container.light .category-text{background:#f4ffcb;color:#2a2a2a}.sidebar{padding:0% 1%}div#layout{height:100vh;overflow:hidden}.sidebar{width:15%;transition:width .3s ease-in-out;overflow-y:auto}.sidebar.closed{width:0;overflow:hidden;padding:0}.page-container{width:85%;transition:width .3s ease-in-out}.page-container.full-width{width:100%}.close-sidebar{cursor:pointer;padding:8px;display:inline-block}.page-container.closed{width:100%}.sidebar.closed .category-item-text{visibility:hidden}.search input{border-radius:19px;border:1px solid #FFF;background:#000;color:#fff;text-align:right;font-family:Instrument Sans;font-size:1em;font-style:normal;font-weight:400;line-height:normal;width:100%}.light .search input{border-radius:19px;border:1px solid #000;background:#fff}.search{margin-top:1%;margin-bottom:5%}.logo{height:10em;width:100%;background:url(/assets/websafe-C2EXvgUd.svg);margin:5% auto;background-size:contain;background-repeat:no-repeat;cursor:pointer;background-position:center;transform:translateY(0);transition:transform .3s ease,background-color .3s ease;position:relative}.main-logo{height:5em;width:100%;cursor:pointer;background:url(/main.svg);margin:5% auto;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(0);transition:transform .3s ease,background-color .3s ease;position:relative}.main-logo:hover,.logo:hover{transform:translateY(-5px)}.color-mode{height:3em;width:3em}.color-mode svg{height:100%;width:100%}.close-sidebar{width:3em;height:3em}.close-sidebar svg{height:100%;width:100%}.controls{width:99%;display:flex;align-items:center;justify-content:space-between}.page{overflow-y:auto;overflow-x:hidden}.page-headline{padding:2%;font-family:Special Gothic Expanded One,sans-serif;font-weight:400;font-style:normal}.page-explainer{font-family:Special Gothic,sans-serif;font-weight:400;font-style:normal}.service-output{display:flex;flex-direction:column;width:80%;max-width:60em;margin:0 auto;justify-content:center}.service-output textarea,.service-output button{width:100%}.service-output .page-output{width:100%;overflow-x:scroll}select,input,textarea{font-family:Special Gothic,sans-serif}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f4f4f4;border-radius:10px}::-webkit-scrollbar-thumb{background:#313131;border-radius:10px;border:2px solid #f4f4f4}::-webkit-scrollbar-thumb:hover{background:#1a1a1a}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem}.tool-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a;background:#ffffff1a}.tool-content{display:flex;flex-direction:column;gap:.5rem}.tool-category{font-size:.875rem;color:#6c757d;text-transform:uppercase;letter-spacing:.05em}.tool-name{font-size:1.25rem;font-weight:500;color:#fff}.container.light .tool-card{background:#00000005;border:1px solid rgba(0,0,0,.1)}.container.light .tool-card:hover{background:#0000000d}.container.light .tool-name{color:#000}.gdpr-notice{position:fixed;bottom:0;left:0;right:0;background:#000000e6;color:#fff;z-index:1000;padding:1rem}.gdpr-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.gdpr-content p{margin:0;font-size:.9rem;line-height:1.5}.gdpr-accept{padding:.5rem 2rem;border:none;border-radius:4px;background:#f4ffcb;color:#000;cursor:pointer;font-weight:500;white-space:nowrap;transition:background-color .3s ease}.gdpr-content p{font-family:Instrument Sans}.gdpr-accept:hover{background:#8f9677}.light .tool-category{color:#2e3236}.search.homesearch{width:80%;margin:2% auto}:root{--color-background-dark: #035543;--color-background-light: #F4FFCB;--color-sidebar-dark: #2C2F2E;--color-sidebar-light: #B4B4B4;--color-success: #4CAF50;--color-success-hover: #45a049;--color-danger: #ff4444;--color-text-dark: #000000;--color-text-light: #FFFFFF;--background-primary: var(--color-background-light);--background-secondary: rgba(0, 0, 0, .02);--text-primary: var(--color-text-dark);--text-secondary: #6c757d;--border-color: rgba(0, 0, 0, .1);--primary-color: var(--color-success);--primary-color-dark: var(--color-success-hover);--primary-rgb: 76, 175, 80}.dark{--background-primary: #2d2d2d;--background-secondary: #363636;--text-primary: var(--color-text-light);--text-secondary: #adb5bd;--border-color: #454545}@media (max-width: 768px){.main-logo{margin-bottom:50vh}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.sidebar{position:fixed;top:0;left:0;height:100vh;width:80%!important;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.mobile.open{transform:translate(0)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:999}.mobile-overlay.active{opacity:1;visibility:visible}.page-container{width:100%!important}.search input{text-align:left;padding:8px 12px}.category-text{font-size:18px}.category-item{padding:12px 0}.gdpr-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 500px){.page-headline{padding:5%}.page{width:95%;padding:1%}.tools-grid,.inner-container{margin-bottom:20vh}}input.qr-input{border-radius:19px;border:1px solid #FFF;background:#000;color:#fff;text-align:center;font-family:Instrument Sans;font-size:1em;font-style:normal;font-weight:400;line-height:normal;width:100%}.service.qr{width:80%;margin:0 auto}.color-inputs{display:flex;flex-direction:column;align-items:center}.color-input label{width:50%;text-align:center}.color-input{width:100%;display:flex}.color-label{width:50%;height:4em;display:flex;justify-content:center;align-items:center}.color-value{display:flex;height:4em;align-items:center;justify-content:center;width:50%}.color-value input{width:100%;height:80%}.error-inputs{display:flex;flex-direction:column;align-items:center}.error-input label{width:50%;text-align:center}.error-input{width:100%;display:flex}.error-label{width:50%;height:4em;display:flex;justify-content:center;align-items:center}.error-value{display:flex;height:4em;align-items:center;justify-content:center;width:50%}.error-value input{width:100%;height:80%}.error-level{display:flex}.error-value select{height:80%;width:100%;text-align:center}.dark .error-value select{color:#fff;background:#000}.qr-container{display:flex;align-items:center;justify-content:center;margin-top:1%;margin-bottom:1%}.whois-items{display:flex;justify-content:center;align-items:center}.whois-header,.whois-value{width:50%}.dark .whois-header{background:#f4ffcb;color:#000}.light .whois-header{background:#000;color:#fff}.whois-header{font-weight:700;height:4em;display:flex;align-items:center;justify-content:center}.whois-value{height:4em;display:flex;align-items:center;justify-content:center}.toggle-options{width:80%;margin:0 auto;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}.token-output{text-align:center;padding:5%}.jwt-input{display:flex;justify-content:center;align-items:center;width:80%;margin:20px auto}.jwt-input textarea{width:100%;min-height:100px;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:monospace;resize:vertical}.jwt-container{display:flex;flex-direction:column;gap:10px;width:80%;margin:0 auto}.jwt-header-items,.jwt-payload-items{display:flex;align-items:center;width:100%}.jwt-header-item,.jwt-payload-item{width:50%;font-weight:700;height:4em;display:flex;align-items:center;justify-content:center}.jwt-header-value,.jwt-payload-value{width:50%;height:4em;display:flex;align-items:center;justify-content:center;word-break:break-all;padding:10px}.dark .jwt-header-item,.dark .jwt-payload-item{background:#f4ffcb;color:#000}.light .jwt-header-item,.light .jwt-payload-item{background:#000;color:#fff}.chmod-container{background-color:#f8f9fa;padding:2rem;border-radius:8px}.chmod-header-row{margin-bottom:1.5rem}.chmod-header-items{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.chmod-header-value{font-weight:500;color:#495057}.chmod-value-row{display:grid;grid-template-columns:120px repeat(3,1fr);gap:1rem;align-items:center;margin-bottom:1rem;padding:.5rem;background-color:#fff;border-radius:4px}.chmod-value-item{text-align:center}.chmod-value-item:first-child{text-align:left;color:#6c757d}.chmod-value-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.chmod-result{margin-top:2rem;padding:1rem;background-color:#fff;border-radius:4px}.chmod-numeric{font-family:monospace;font-size:1.2rem;margin-bottom:.5rem;color:#0d6efd}.chmod-symbolic{font-family:monospace;font-size:1.2rem;color:#198754}.container.dark .chmod-container{background-color:#2d3436}.container.dark .chmod-header-value{color:#e9ecef}.container.dark .chmod-value-row{background-color:#1a1d1e}.container.dark .chmod-value-item:first-child{color:#adb5bd}.container.dark .chmod-result{background-color:#1a1d1e}.container.dark .chmod-numeric{color:#0d6efd}.container.dark .chmod-symbolic{color:#20c997}@media (max-width: 768px){.chmod-value-row{grid-template-columns:100px repeat(3,1fr)}.chmod-container{padding:1rem}}@media (max-width: 480px){.chmod-value-row{grid-template-columns:80px repeat(3,1fr);gap:.5rem}.chmod-header-items{gap:.5rem}.chmod-numeric,.chmod-symbolic{font-size:1rem}}.hash-row{display:flex;justify-content:center;align-items:center;margin:20px 0}.hash-row input,.hash-row select{width:50%;padding:10px}.hash-results{display:flex;flex-direction:column;gap:10px;width:80%;margin:0 auto}.hash-result{display:flex;align-items:center;width:100%}.algorithm{width:50%;font-weight:700;height:4em;display:flex;align-items:center;justify-content:center}.hash-value{width:50%;height:4em;display:flex;align-items:center;justify-content:center;font-family:monospace;word-break:break-all}.dark .algorithm{background:#f4ffcb;color:#000}.light .algorithm{background:#000;color:#fff}.uuid-controls{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;justify-content:center}.uuid-controls input{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100px}.uuid-controls button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.uuid-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:10%}.uuid-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#f8f9fa;border-radius:4px}.uuid-item .copy-button{padding:.25rem .5rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.uuid-item .copy-button:hover{background-color:#5a6268}.container.dark .uuid-item{background-color:#2d3436;color:#fff}.container.dark .uuid-controls input{background-color:#2d3436;color:#fff;border-color:#4a4a4a}.light .uuid-controls button{color:#000;background-color:#f4ffcb}.light .uuid-controls button:hover{color:#000;background-color:#8f9677}.dark .uuid-controls button{color:#000;background-color:#f4ffcb}.dark .uuid-controls button:hover{color:#000;background-color:#8f9677}.bcrypt-section{margin:20px 0;padding:20px;border-radius:8px;background-color:#0000000d}.bcrypt-row{display:flex;justify-content:center;align-items:center;margin:20px 0}.bcrypt-row input{width:50%;padding:10px}.bcrypt-row button{padding:10px 20px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:4px}.bcrypt-row button:hover{background-color:#45a049}.bcrypt-result{display:flex;align-items:center;width:100%;margin-top:20px}.hash-label{width:20%;font-weight:700;height:4em;display:flex;align-items:center;justify-content:center}.hash-value{width:80%;height:4em;display:flex;align-items:center;justify-content:center;font-family:monospace;word-break:break-all;padding:10px}.verify-result{text-align:center;padding:10px;margin-top:10px;border-radius:4px}.verify-result.match{background-color:#dff0d8;color:#3c763d}.verify-result.no-match{background-color:#f2dede;color:#a94442}.dark .bcrypt-section{background-color:#ffffff0d}.dark .hash-label{background:#f4ffcb;color:#000}.light .hash-label{background:#000;color:#fff}.hmac-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:500}.input-group textarea,.input-group input,.input-group select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-family:inherit}.input-group textarea{min-height:100px;resize:vertical}.hmac-controls button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-start}.hmac-controls button:hover{background-color:#0056b3}.hmac-result{background-color:#f8f9fa;padding:1rem;border-radius:4px}.result-header{font-weight:500;margin-bottom:.5rem}.result-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;word-break:break-all}.copy-button{padding:.25rem .5rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.copy-button:hover{background-color:#5a6268}.container.dark .hmac-result{background-color:#2d3436;color:#fff}.container.dark .input-group textarea,.container.dark .input-group input,.container.dark .input-group select{background-color:#2d3436;color:#fff;border-color:#4a4a4a}.strength-meter{margin-bottom:1.5rem}.strength-label{margin-bottom:.5rem}.meter-bar{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.strength-label .very-weak{color:#dc3545}.strength-label .weak{color:#ffc107}.strength-label .medium{color:#fd7e14}.strength-label .strong{color:#20c997}.strength-label .very-strong{color:#198754}.criteria-list{display:flex;flex-direction:column;gap:.5rem}.criterion{padding:.5rem;border-radius:4px;transition:all .3s ease}.criterion.met{background-color:#d1e7dd;color:#0f5132}.criterion.unmet{background-color:#f8d7da;color:#842029}.container.dark .criterion.met{background-color:#0f5132;color:#d1e7dd}.container.dark .criterion.unmet{background-color:#842029;color:#f8d7da}.password-controls{margin-bottom:2rem}.password-input-wrapper{display:flex;gap:.5rem}.password-input-wrapper input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-family:inherit}.toggle-visibility{padding:.5rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.strength-analysis{background-color:#f8f9fa;padding:1.5rem;border-radius:4px}.meter-bar{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:2rem}.meter-fill{height:100%;transition:width .3s ease}.meter-fill.very-weak{background-color:#dc3545}.meter-fill.weak{background-color:#ffc107}.meter-fill.medium{background-color:#fd7e14}.meter-fill.strong{background-color:#20c997}.meter-fill.very-strong{background-color:#198754}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric{padding:1rem;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a}.metric-label{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.metric-value{font-size:1.125rem;font-weight:500}.container.dark .strength-analysis{background-color:#2d3436}.container.dark .metric{background-color:#1a1d1e}.container.dark .metric-value{color:#fff}.container.dark .password-input-wrapper input{background-color:#2d3436;color:#fff;border-color:#4a4a4a}.password-container{width:80%;margin:0 auto}.crontab-container{background-color:#f8f9fa;padding:2rem;border-radius:8px}.cron-input{margin-bottom:1.5rem}.cron-input input{width:100%;padding:.75rem;font-size:1.1rem;font-family:monospace;border:1px solid #ced4da;border-radius:4px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.setting-item{display:flex;align-items:center;gap:.5rem}.setting-item label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.interpretation{background-color:#fff;padding:1.5rem;border-radius:4px;margin-top:1.5rem}.interpretation-label{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.interpretation-text{font-size:1.1rem;color:#0d6efd;line-height:1.5}.container.dark .crontab-container{background-color:#2d3436}.container.dark .cron-input input{background-color:#1a1d1e;border-color:#4a4a4a;color:#fff}.container.dark .interpretation{background-color:#1a1d1e}.container.dark .interpretation-text{color:#20c997}.converter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;height:calc(100vh - 300px);min-height:400px}.format-column{display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:8px;overflow:hidden}.format-header{padding:.75rem;background-color:#e9ecef;font-weight:500;text-align:center;border-bottom:1px solid #dee2e6}.format-column textarea{flex:1;padding:1rem;border:none;resize:none;font-family:Consolas,monospace;font-size:.9rem;line-height:1.5;background-color:transparent}.format-column textarea:focus{outline:none}.container.dark .format-column{background-color:#2d3436}.container.dark .format-header{background-color:#1a1d1e;border-bottom-color:#4a4a4a}.container.dark .format-column textarea{color:#fff}@media (max-width: 768px){.converter-grid{grid-template-columns:1fr;height:auto}.format-column{height:300px}}.light .converter-container label{color:#000;background-color:#f4ffcb}.light .converter-container label:hover{color:#000;background-color:#8f9677}.dark .converter-container label{color:#000;background-color:#f4ffcb}.dark .converter-container label:hover{color:#000;background-color:#8f9677}.converter-grid{width:80%;margin:0 auto}.eta-container{background-color:#f8f9fa;padding:2rem;border-radius:8px}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:#6c757d}.input-group input,.input-group select{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.rate-group{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}.result-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #dee2e6}.result-item{margin-bottom:1rem}.result-label{color:#6c757d;margin-bottom:.25rem}.result-value{font-size:1.25rem;color:#0d6efd}.container.dark .eta-container{background-color:#2d3436}.container.dark .input-group label{color:#adb5bd}.container.dark .input-group input,.container.dark .input-group select{background-color:#1a1d1e;border-color:#4a4a4a;color:#fff}.container.dark .result-section{border-top-color:#4a4a4a}.container.dark .result-value{color:#20c997}@media (max-width: 768px){.rate-group{grid-template-columns:1fr;gap:1rem}.eta-container{padding:1rem}}.percentage-container{background-color:#f8f9fa;padding:2rem;border-radius:8px;display:flex;flex-direction:column;gap:2rem}.calc-section{background-color:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 2px 4px #0000000d}.calc-header{font-size:1.1rem;color:#495057;margin-bottom:1rem;font-weight:500}.calc-inputs{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.input-group{display:flex;align-items:center;gap:.5rem}.input-label{color:#6c757d;white-space:nowrap}input[type=number]{padding:.5rem;border:1px solid #ced4da;border-radius:4px;width:120px;font-size:1rem}input[type=number]:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.result{font-size:1.1rem;color:#0d6efd;font-weight:500;min-width:100px}.container.dark .percentage-container{background-color:#2d3436}.container.dark .calc-section{background-color:#1a1d1e}.container.dark .calc-header{color:#e9ecef}.container.dark .input-label{color:#adb5bd}.container.dark input[type=number]{background-color:#2d3436;border-color:#495057;color:#fff}.container.dark input[type=number]:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.container.dark .result{color:#20c997}@media (max-width: 768px){.percentage-container{padding:1rem}.calc-inputs{flex-direction:column;align-items:stretch}input[type=number]{width:100%}.input-group{justify-content:space-between}.result{text-align:center;margin-top:1rem}}.converter-container{background-color:#f8f9fa;padding:2rem;border-radius:8px}.upload-section{margin-bottom:2rem;text-align:center}.file-input{display:none}.file-label{display:inline-block;padding:.75rem 1.5rem;background-color:#0d6efd;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s}.file-label:hover{background-color:#0b5ed7}.file-name{margin-top:1rem;color:#6c757d}.preview-section{margin-bottom:2rem;text-align:center}.preview-label{margin-bottom:1rem;color:#6c757d}.preview-image{max-width:200px;max-height:200px;border:1px solid #dee2e6;border-radius:4px;padding:1rem}.sizes-section{margin-bottom:2rem}.sizes-label{margin-bottom:1rem;color:#6c757d}.sizes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.size-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.convert-button{width:100%;padding:.75rem;background-color:#198754;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.convert-button:hover:not(:disabled){background-color:#157347}.convert-button:disabled{background-color:#6c757d;cursor:not-allowed}.container.dark .converter-container{background-color:#2d3436}.container.dark .preview-image{border-color:#4a4a4a;background-color:#1a1d1e}.container.dark .file-name,.container.dark .preview-label,.container.dark .sizes-label{color:#adb5bd}.size-section{margin-bottom:2rem}.size-label{margin-bottom:.5rem;color:#6c757d}.size-select{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;background-color:#fff}.container.dark .size-select{background-color:#2d3436;border-color:#4a4a4a;color:#fff}.container.dark .size-label{color:#adb5bd}.temp-container{background-color:#f8f9fa;padding:2rem;border-radius:8px}.temp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.temp-column{background-color:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 2px 4px #0000000d}.temp-header{font-size:1.1rem;color:#495057;margin-bottom:1rem;font-weight:500;text-align:center}.temp-input-group{display:flex;align-items:center;gap:.5rem}.temp-input-group input{flex:1;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1.1rem;text-align:center}.temp-input-group input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.temp-symbol{font-size:1.1rem;color:#6c757d;width:30px}.container.dark .temp-container{background-color:#2d3436}.container.dark .temp-column{background-color:#1a1d1e}.container.dark .temp-header{color:#e9ecef}.container.dark .temp-input-group input{background-color:#2d3436;border-color:#495057;color:#fff}.container.dark .temp-symbol{color:#adb5bd}@media (max-width: 768px){.temp-grid{grid-template-columns:1fr;gap:1rem}.temp-container{padding:1rem}}.extract-controls{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;justify-content:center;flex-direction:column}.extract-controls input{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100px}.extract-controls button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.extract-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:10%}.extract-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#f8f9fa;border-radius:4px}.extract-item .copy-button{padding:.25rem .5rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.extract-item .copy-button:hover{background-color:#5a6268}.container.dark .extract-item{background-color:#2d3436;color:#fff}.container.dark .extract-controls input{background-color:#2d3436;color:#fff;border-color:#4a4a4a}.light .extract-controls button{color:#000;background-color:#f4ffcb}.light .extract-controls button:hover{color:#000;background-color:#8f9677}.dark .extract-controls button{color:#000;background-color:#f4ffcb}.dark .extract-controls button:hover{color:#000;background-color:#8f9677}.extract-input,.extract-input input[type=file]{width:100%}.extract-input input[type=file]::file-selector-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;color:#000;background-color:#f4ffcb;margin-right:1rem}.extract-input input[type=file]::file-selector-button:hover{background-color:#8f9677}.dark .extract-input input[type=file]::file-selector-button{color:#000;background-color:#f4ffcb}.dark .extract-input input[type=file]::file-selector-button:hover{background-color:#8f9677}.drop-zone{width:100%;min-height:200px;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background-color:#f8f9fa}.drop-zone.drag-over{border-color:#f4ffcb;background-color:#f0f8e6;transform:scale(1.02)}.dark .drop-zone{background-color:#2d3436;border-color:#4a4a4a}.dark .drop-zone.drag-over{border-color:#f4ffcb;background-color:#3a3d40}.file-input-label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:2rem;text-align:center;width:100%;height:100%}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.upload-text{color:#666;font-size:1rem;line-height:1.5}.dark .upload-text{color:#ccc}.upload-text strong{color:#333;font-weight:600}.dark .upload-text strong{color:#fff}.upload-text small{color:#999;font-size:.8rem}.dark .upload-text small{color:#aaa}.distance-container{background-color:#f8f9fa;padding:2rem;border-radius:8px;max-width:800px;margin:0 auto}.converter-flex{display:flex;gap:2rem;justify-content:space-between}.converter-side{flex:1;display:flex;flex-direction:column;gap:1rem}.converter-side input{border:1px solid #ced4da;border-radius:4px;font-size:1.1rem;width:90%;padding:5%}.converter-side select{padding:.75rem;border:1px solid #ced4da;border-radius:4px;background-color:#fff;font-size:1rem}.container.dark .distance-container{background-color:#2d3436}.container.dark .converter-side input,.container.dark .converter-side select{background-color:#1a1d1e;border-color:#4a4a4a;color:#fff}@media (max-width: 768px){.converter-flex{flex-direction:column;gap:1rem}.converter-side{width:100%}}.react-select__menu{color:#000!important}.timezone-controls{display:flex;flex-wrap:wrap;width:80%;margin:0 auto;align-items:flex-end}.timezone-output{display:flex;align-items:center;justify-content:space-around}.timezone-output-item{text-align:center;height:5em;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.timezone-output-item-value{height:20%;display:flex;align-items:center;justify-content:center;font-family:monospace;word-break:break-all;padding:10px}.timezone-output-item-label{height:80%;padding:1%;font-weight:700;display:flex;align-items:center;justify-content:center}.dark .timezone-output-item-label{background:#f4ffcb;color:#000}.timezone-select-container{margin-bottom:1rem;width:33%}.timezone-select-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.remove-zone-btn{background:none;border:none;color:#f44;font-size:1.5rem;cursor:pointer;padding:0 .5rem}.add-zone-btn{background:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem;width:100%}.add-zone-btn:hover{background:#45a049}.timezone-output{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:2rem}.timezone-bottom-controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;width:100%;max-width:600px;margin:0 auto}.time-input-group{background:var(--background-secondary);border-radius:8px;padding:1.5rem;width:100%;box-shadow:0 2px 4px #0000001a}.time-input-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.time-input-label{display:flex;flex-direction:column;gap:.5rem;min-width:100px}.time-input-label span{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.time-input-label input,.time-input-label select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;width:100%;background:var(--background-primary);color:var(--text-primary);transition:all .2s ease}.time-input-label input:focus,.time-input-label select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.add-zone-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.add-zone-btn:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.add-zone-btn:active{transform:translateY(0)}.json-comparison{width:90%;margin:0 auto;gap:5%;grid-template-columns:1fr 1fr;display:grid}.json-panel{position:relative}.dark .json-panel textarea{color:#fff}.json-panel textarea{width:100%;font-family:Consolas,monospace;font-size:14px;line-height:1.5;padding:8px;border:1px solid #ccc;border-radius:4px;background:transparent;resize:none}.highlight-wrapper{position:relative}.button-json{width:100%;text-align:center}.highlight-overlay{position:absolute;top:-1em;left:0;right:0;bottom:8px;pointer-events:none}.highlight-line{height:1.5em;width:100%}.highlight-line.different{background-color:#fe03}button{padding:8px 16px;background:#0078d4;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background:#106ebe}.browser-data-item{display:flex;justify-content:center;align-items:center}.browser-data-item-label,.browser-data-item-value{width:50%}.dark .browser-data-item-label{background:#f4ffcb;color:#000}.light .browser-data-item-label{background:#000;color:#fff}.browser-data-item-label{font-weight:700;height:4em;display:flex;align-items:center;justify-content:center}.browser-data-item-value{height:4em;display:flex;align-items:center;justify-content:center}.listitem{text-align:center}.screeninfo{display:flex;align-items:center;justify-content:center;padding:1%;font-size:2em}@media screen and (max-width: 768px){.browser-data-items{width:80%;margin:0 auto}.browser-data-item{flex-direction:column;margin-bottom:1rem}.browser-data-item-label,.browser-data-item-value{width:100%;height:auto;padding:.75rem}.screeninfo{font-size:1.5em;padding:1.5%}.page-headline{font-size:1.5rem}.page-explainer p{font-size:.9rem}}@media screen and (max-width: 480px){.browser-data-item-value{word-break:break-word;font-size:.9rem}.screeninfo{font-size:1.2em}}.time-calculator{max-width:600px;margin:0 auto;padding:2rem}.time-range{margin-bottom:1rem}.time-input-group{display:flex;gap:.5rem;align-items:center}.time-input-group input{width:80px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-family:monospace}.time-input-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px}.calculator-controls{display:flex;gap:1rem;margin:1.5rem 0}.add-range-btn,.calculate-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.add-range-btn{background:var(--background-secondary);color:var(--text-primary)}.calculate-btn{background:var(--primary-color);color:#fff}.remove-range-btn{background:none;border:none;color:var(--color-danger);font-size:1.5rem;cursor:pointer;padding:0 .5rem}.total-time{margin-top:1.5rem;padding:1rem;background:var(--background-secondary);border-radius:4px;text-align:center;font-weight:500}.dark .time-input-group input,.dark .time-input-group select{background:var(--background-primary);color:var(--text-primary)}.clothing-type-selector{margin:1.5rem 0}.type-buttons{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}.type-btn{padding:.75rem 1.5rem;border:1px solid var(--border-color);background:var(--background-secondary);border-radius:4px;cursor:pointer;font-size:1.1em;transition:all .2s ease}.type-btn:hover{background:var(--background-hover)}.type-btn.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color-dark)}.conversion-container{margin:1.5rem 0}.conversion-sections{display:flex;flex-wrap:wrap;gap:1.5rem}.conversion-section{flex:1;min-width:300px}.size-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.size-btn{margin:.25rem;padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--background-secondary);border-radius:4px;cursor:pointer;transition:all .2s ease}.size-btn:hover{background:var(--background-hover)}.size-btn.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color-dark)}.input-groups{display:flex;justify-content:space-between;width:90%}.input-group{margin:.75rem 0;display:flex;align-items:center}.input-group label{width:120px;font-weight:500}.input-group input{padding:.5rem;border-radius:4px;border:1px solid var(--border-color);width:120px;background:var(--background-input);color:var(--text-primary)}.result-display{margin-top:1.5rem;padding:1rem;background:var(--background-secondary);border-radius:4px;text-align:center}.highlight-size{font-size:1.5em;color:var(--primary-color);font-weight:700}.gender-selector{margin:1rem 0;display:flex;align-items:center;gap:1.5rem}.gender-selector label{display:flex;align-items:center;cursor:pointer}.gender-selector input{margin-right:.5rem}.shoe-conversion{margin:1.5rem 0}.shoe-input-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.shoe-input-group{flex:1;min-width:200px;display:flex;flex-direction:column}.shoe-input-group label{font-weight:500;margin-bottom:.5rem}.shoe-input-group input{padding:.75rem;border-radius:4px;border:1px solid var(--border-color);font-size:1.1em;background:var(--background-input);color:var(--text-primary)}.size-reference{margin-top:2rem;width:100%;overflow-x:auto}.reference-table{width:100%;border-collapse:collapse;margin-top:.75rem}.reference-table th,.reference-table td{border:1px solid var(--border-color);padding:.5rem .75rem;text-align:center}.reference-table tr:nth-child(2n){background-color:var(--background-alt)}.dark .input-group input,.dark .shoe-input-group input{background:var(--background-primary);color:var(--text-primary);border-color:var(--border-color-dark)}.dark .reference-table th{background:#f4ffcb;color:#000}.light .reference-table th{background:#000;color:#fff;border:1px solid #FFF}.light input::placeholder{color:#000}.conversion-container{width:80%;margin:0 auto}.light .page-output{background-color:#0000000d}.dark .page-output{background-color:#ffffff0d}.light .input-group label{color:#000}@media screen and (max-width: 768px){.type-buttons{flex-direction:column;width:80%;margin:1rem auto}.conversion-sections{flex-direction:column}.conversion-section{min-width:100%}.input-groups{flex-direction:column;width:100%}.input-group{width:100%;justify-content:space-between}.input-group label{width:40%}.input-group input{width:50%}.shoe-input-container{flex-direction:column;gap:.75rem}.shoe-input-group{width:100%}.conversion-container{width:95%}.size-buttons{justify-content:center}.gender-selector{flex-direction:column;align-items:flex-start;gap:.5rem}.reference-table{font-size:.9rem}}@media screen and (max-width: 480px){.size-btn{padding:.4rem .8rem;font-size:.9rem}.type-btn{padding:.6rem 1.2rem;font-size:1rem}.highlight-size{font-size:1.3em}.reference-table th,.reference-table td{padding:.4rem .5rem;font-size:.85rem}.page-headline{font-size:1.5rem}.page-explainer p{font-size:.9rem}}.ip-address-container{margin:20px 0;padding:20px;border-radius:8px}.dark .ip-address-container{background-color:#ffffff0d}.light .ip-address-container{background-color:#0000000d}.dark .ip-label{background:#f4ffcb;color:#000}.light .ip-label{background:#000;color:#fff}.ip-label{width:20%;font-weight:700;height:4em;display:flex;align-items:center;justify-content:center}.ip-address-row{display:flex}.ip-value{width:80%;height:4em;display:flex;align-items:center;justify-content:center;font-family:monospace;word-break:break-all;padding:10px}