:root{--primary-color:#3a86ff;--secondary-color:#8338ec;--background-light:#f8f9fa;--text-light:#333;--background-dark:#121212;--text-dark:#f4f4f4;--card-light:#fff;--card-dark:#242424;--shadow-light:0 2px 10px rgba(0,0,0,.1);--shadow-dark:0 2px 10px rgba(0,0,0,.3);--transition:all 0.3s ease;--tick-color:rgba(0,0,0,.3);--tick-color-dark:hsla(0,0%,100%,.3)}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-light);color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:var(--transition)}header{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:var(--shadow-light);color:#fff;display:flex;justify-content:space-between;padding:.75rem 1.5rem}main{margin:0 auto;max-width:1200px;padding:1rem}section{background-color:var(--card-light);border-radius:10px;box-shadow:var(--shadow-light);margin-bottom:1rem;padding:1rem;transition:var(--transition)}h1,h2{margin-bottom:.75rem}button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:var(--transition)}button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}input,select{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.5rem;transition:var(--transition)}input:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(58,134,255,.2);outline:none}body.dark-mode{background-color:var(--background-dark);color:var(--text-dark)}body.dark-mode section{background-color:var(--card-dark);box-shadow:var(--shadow-dark)}body.dark-mode input,body.dark-mode select{background-color:#333;border-color:#555;color:var(--text-dark)}#timezone-controls{flex-direction:column}#timezone-controls,.search-container{display:flex;gap:.5rem}#timezone-search{flex-grow:1}.timezone-info{font-size:.9rem;opacity:.9}#timezone-slider{position:relative}.time-control{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.time-input{flex-grow:1}#timezones-container{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto;padding-right:10px}.timezone-row{background-color:rgba(0,0,0,.03);border-radius:8px;display:flex;flex-direction:column;padding:.5rem .75rem 1rem;position:relative;transition:var(--transition)}body.dark-mode .timezone-row{background-color:hsla(0,0%,100%,.03)}.timezone-row:hover{background-color:rgba(0,0,0,.05)}body.dark-mode .timezone-row:hover{background-color:hsla(0,0%,100%,.05)}.row-header{align-items:center;display:flex;justify-content:space-between;width:100%}.timezone-name{flex-shrink:0;font-weight:700}.timezone-name .city-name{font-size:.9em;font-style:italic;font-weight:400;opacity:.8}.timezone-slider{display:flex;flex-direction:column;height:40px;padding:0 12px;position:relative;width:100%}.timezone-slider input[type=range]{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;height:6px;margin:0;padding:0;width:100%}.timezone-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.2);cursor:pointer;height:16px;width:16px}.timezone-slider input[type=range]::-moz-range-thumb{background:var(--primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.2);cursor:pointer;height:16px;width:16px}.slider-ticks{height:24px;left:0;margin-top:-34px;top:100%;width:100%}.slider-tick,.slider-ticks{pointer-events:none;position:absolute}.slider-tick{align-items:center;color:#666;display:flex;flex-direction:column;font-size:11px;min-width:24px;padding-top:14px;text-align:center;top:0;white-space:nowrap}.slider-tick:before{background-color:#ccc;content:"";display:block;height:10px;left:50%;margin-bottom:2px;position:absolute;top:0;transform:translateX(-50%);width:2px}.slider-tick:first-child,.slider-tick:last-child{min-width:32px}body.dark-mode .slider-tick{color:#999}body.dark-mode .slider-tick:before{background-color:#666}body.dark-mode .timezone-slider input[type=range]{background:#444}body.dark-mode .timezone-slider input[type=range]::-webkit-slider-thumb{border-color:var(--background-dark)}body.dark-mode .timezone-slider input[type=range]::-moz-range-thumb{border-color:var(--background-dark)}.timezone-slider>div{width:100%}.noUi-target{background-color:rgba(0,0,0,.1);border:none;border-radius:2px;box-shadow:none;height:4px;margin-top:12px;width:100%}body.dark-mode .noUi-target{background-color:hsla(0,0%,100%,.1)}.noUi-connect{background:var(--primary-color)}.noUi-handle{background-color:var(--primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.2);cursor:pointer;height:18px!important;right:-9px!important;top:-6px!important;width:18px!important}.noUi-handle:after,.noUi-handle:before{display:none}body.dark-mode .noUi-handle{border-color:var(--background-dark);box-shadow:0 0 3px hsla(0,0%,100%,.2)}.noUi-pips{color:var(--text-light);height:10px;left:0;position:absolute;top:-8px;width:100%}body.dark-mode .noUi-pips{color:var(--text-dark)}.noUi-marker{background:var(--tick-color);position:absolute}body.dark-mode .noUi-marker{background:var(--tick-color-dark)}.noUi-marker-horizontal.noUi-marker{height:6px;margin-left:-1px;width:1px}.noUi-marker-horizontal.noUi-marker-large{height:10px}.noUi-value{background:transparent;color:#ccc;font-size:11px;position:absolute;text-align:center;top:8px;white-space:nowrap}body.dark-mode .noUi-value{color:#eee;padding-top:10px}.noUi-value-horizontal{transform:translate(-50%)}.noUi-tooltip{display:none!important}.timezone-time{flex-shrink:0;font-family:monospace;font-size:1rem;margin-left:auto;text-align:right;width:170px}.remove-timezone{background:none;color:#ff3b30;flex-shrink:0;font-size:1rem;padding:.25rem}.remove-timezone:hover{background:rgba(255,59,48,.1);transform:none}.quick-convert-container{align-items:end;display:grid;gap:.75rem;grid-template-columns:1fr auto 1fr}.convert-result{background-color:rgba(0,0,0,.03);border-radius:5px;margin-top:.75rem;padding:.75rem}body.dark-mode .convert-result{background-color:hsla(0,0%,100%,.03)}.map-placeholder{align-items:center;background-color:rgba(0,0,0,.03);border-radius:8px;display:flex;height:250px;justify-content:center}body.dark-mode .map-placeholder{background-color:hsla(0,0%,100%,.03)}#dark-mode-toggle{background:transparent;font-size:1.2rem;padding:.5rem}#dark-mode-toggle:hover{background:transparent;transform:rotate(15deg)}footer{font-size:.8rem;opacity:.7;padding:.75rem;text-align:center}.simple-slider{display:flex;flex-direction:column;height:30px;position:relative}.slider-track{background-color:rgba(0,0,0,.1);border-radius:1px;height:2px;position:relative;width:100%}body.dark-mode .slider-track{background-color:hsla(0,0%,100%,.1)}.slider-thumb{background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.2);cursor:pointer;height:14px;position:absolute;top:0;transform:translate(-50%,-50%);transition:box-shadow .2s,background-color .2s;width:14px;z-index:5}slider-thumb:hover{background-color:var(--secondary-color);box-shadow:0 0 5px rgba(0,0,0,.3)}.slider-tooltip{background-color:var(--primary-color);border-radius:3px;bottom:25px;box-shadow:0 1px 3px rgba(0,0,0,.2);color:#fff;font-size:12px;font-weight:700;left:50%;min-width:50px;padding:2px 6px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:10}.slider-tooltip-left{left:0;transform:translateX(0)}.slider-tooltip-right{left:100%;transform:translateX(-100%)}.hour-marks{display:flex;height:20px;justify-content:space-between;margin-top:10px;pointer-events:none;position:relative;width:100%}.hour-mark{background-color:var(--tick-color);height:5px;position:relative;width:1px}.hour-mark.major{height:10px}.hour-mark.major span{color:var(--text-light);font-size:9px;left:50%;opacity:.8;position:absolute;top:12px;transform:translateX(-50%);white-space:nowrap}body.dark-mode .hour-mark{background-color:var(--tick-color-dark)}body.dark-mode .hour-mark.major span{color:var(--text-dark)}.slider-error,.slider-loading{border-radius:4px;font-size:.9rem;margin-bottom:5px;margin-top:5px;padding:10px;text-align:center;width:100%}.slider-loading{animation:pulse 1.5s infinite;background-color:rgba(58,134,255,.1);color:var(--primary-color)}.slider-error{background-color:rgba(255,59,48,.1);color:#ff3b30}body.dark-mode .slider-loading{background-color:rgba(58,134,255,.2)}body.dark-mode .slider-error{background-color:rgba(255,59,48,.2)}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.autocomplete-container{flex-grow:1;position:relative;width:100%}.autocomplete-results{background-color:var(--card-light);border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}body.dark-mode .autocomplete-results{background-color:var(--card-dark);border-color:#555;box-shadow:0 4px 8px rgba(0,0,0,.3)}.autocomplete-item{border-bottom:1px solid #eee;cursor:pointer;padding:10px 15px}body.dark-mode .autocomplete-item{border-bottom:1px solid #444}.autocomplete-item.selected,.autocomplete-item:hover{background-color:rgba(58,134,255,.1)}body.dark-mode .autocomplete-item.selected,body.dark-mode .autocomplete-item:hover{background-color:rgba(58,134,255,.2)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item .city-name{font-weight:700}.autocomplete-item .country-name{font-size:.9em;opacity:.8}.confirmation-message{animation:fadeIn .3s ease;background-color:#4caf50;border-radius:4px;color:#fff;left:0;margin-top:8px;padding:8px 12px;position:absolute;right:0;text-align:center;top:100%;z-index:10}body.dark-mode .confirmation-message{background-color:#2e7d32}.confirmation-message.fade-out{opacity:0;transition:opacity .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){header{flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}.quick-convert-container{grid-template-columns:1fr}.search-container,.time-control{flex-direction:column}.time-control{align-items:stretch}.timezone-row{align-items:flex-start;flex-direction:column;gap:.5rem}.timezone-name,.timezone-time{text-align:left;width:100%}}.toast-notification{align-items:center;background-color:var(--accent-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:flex;gap:8px;left:50%;opacity:0;padding:10px 20px;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:1000}.toast-notification.show{opacity:1;transform:translateX(-50%) translateY(5px)}.toast-notification .check-icon{font-size:1.2em}body.dark-mode .toast-notification{background-color:var(--accent-color-dark);box-shadow:0 4px 12px rgba(0,0,0,.3)}.simple-slider{appearance:none;background:#ccc;border-radius:3px;height:6px;margin:10px 0;outline:none;width:100%}.simple-slider::-webkit-slider-thumb{appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:12px;width:12px}.simple-slider::-moz-range-thumb{background:#007bff;border-radius:50%;cursor:pointer;height:12px;width:12px}.slider-datetime{font-size:.9rem;margin-top:5px;overflow:hidden;position:absolute;right:7px;text-align:right;text-overflow:ellipsis;top:0;white-space:nowrap}.slider-range{z-index:10}#toaster-notification{background:rgba(40,40,40,.95);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.18);color:#fff;font-size:1rem;opacity:0;padding:16px 28px;position:fixed;right:24px;top:24px;transition:opacity .3s;z-index:9999}