html.clock-route{background:#000;color:hsla(0,0%,100%,.87);height:100dvh;max-height:100dvh;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none;touch-action:pan-x;color-scheme:dark}html.clock-route body{height:100%;max-height:100%;min-height:0;background:#000;color:hsla(0,0%,100%,.87);overflow:visible;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.world-clock-app{height:100%;width:100%;display:flex;flex-direction:row;position:relative;overflow:visible}.search-container{position:fixed;top:calc(2rem + env(safe-area-inset-top));left:2rem;z-index:1000}@media(max-width:768px){.search-container{left:1rem}}.settings-container{position:fixed;top:calc(2rem + env(safe-area-inset-top));right:2rem;z-index:1000}@media(max-width:768px){.settings-container{right:1rem}}.settings-icon{cursor:pointer;display:inline-block;transition:opacity .3s ease;transform:rotate(90deg)}.settings-icon:hover{opacity:.7}.settings-dropdown{position:absolute;top:2rem;right:0;background:rgba(68,68,68,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:.5rem;min-width:256px;z-index:1001}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;cursor:pointer;border-radius:4px;transition:all .3s ease;color:hsla(0,0%,100%,.8)}.settings-option:hover{color:#fff;background:hsla(0,0%,100%,.1)}.option-text{font-size:14px}.check-icon{font-size:1.2rem;color:#fff}.search-icon{cursor:pointer;display:inline-block;transition:opacity .3s ease}.search-icon:hover{opacity:.7}.search-dropdown{position:absolute;top:2rem;left:0;background:rgba(68,68,68,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:.5rem;min-width:300px;z-index:1000}.search-input-container{display:flex;align-items:center;gap:1rem;height:48px}.search-input{flex:1 1;background:rgba(0,0,0,0);border:none;color:#fff;font-size:14px;outline:none;padding:.75rem}.search-input::placeholder{color:hsla(0,0%,100%,.5)}.clear-button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;transition:opacity .3s ease}.clear-button:hover{opacity:.7}.clear-button .material-symbols-outlined{font-size:20px;margin-right:.825rem}.suggestions{max-height:320px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.suggestion-item{display:flex;width:100%;flex:1 1;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;border-radius:4px;transition:all .3s ease;font-size:14px;height:auto;min-height:48px}.suggestion-item .city-name{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.25}.suggestion-item.hovered,.suggestion-item:hover{color:#fff;background:hsla(0,0%,100%,.1)}.add-icon{font-size:24px;opacity:.2;transition:opacity .3s ease;margin-right:.25rem;margin-top:-.25rem;font-variation-settings:"wght" 300}.suggestion-item.hovered .add-icon,.suggestion-item:hover .add-icon{opacity:1}.selected-cities{max-height:280px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.selected-city-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:4px;transition:all .3s ease;color:hsla(0,0%,100%,.8)}.selected-city-item .city-name{display:flex;flex-direction:column;gap:1px;line-height:1.25}.selected-city-item:hover{color:#fff;background:hsla(0,0%,100%,.1)}.city-name{font-size:14px;font-weight:500}.city-country{font-size:12px;font-weight:400;line-height:1.2;color:hsla(0,0%,100%,.45)}.remove-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;transition:all .3s ease;color:hsla(0,0%,100%,.5)}.remove-icon:hover{color:#ff6b6b;background:rgba(255,107,107,.1)}.remove-icon .material-symbols-outlined{font-size:1rem}.no-cities-message{padding:1rem;text-align:center;color:hsla(0,0%,100%,.5);font-size:14px;font-style:italic}.clocks-column{display:flex;flex-direction:column;position:fixed;top:calc(4rem + env(safe-area-inset-top));gap:0;width:100%;padding:2rem 2rem 0;flex-shrink:0;left:0;z-index:100;pointer-events:none}@media(max-width:768px){.clocks-column{padding:2rem 2rem 0 .75rem}}.timeline-area{display:flex;flex-direction:column;gap:0;flex:1 1;top:0;padding-top:calc(5rem + env(safe-area-inset-top));min-width:0;overflow:visible;z-index:99}.current-time-indicator{position:fixed;top:calc(2rem + env(safe-area-inset-top));left:50%;width:1px;border-radius:2px;height:calc(100% - 3rem - env(safe-area-inset-bottom));background:#d82;z-index:-200;pointer-events:all}.reset-time-button{position:fixed;top:calc(1.5rem + env(safe-area-inset-top));left:calc(50% - 20px);width:40px;height:40px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:210;transition:all .3s ease;border:none}.reset-time-button:active,.reset-time-button:focus,.reset-time-button:hover{outline:none;border:none;background:rgba(221,136,34,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reset-time-button .material-symbols-outlined{color:#d82;font-size:32px;font-variation-settings:"wght" 200}.footer{position:absolute;display:flex;gap:1rem;left:50%;bottom:2rem;transform:translateX(-50%);font-size:14px}.footer a{text-decoration:none;color:hsla(0,0%,100%,.4);transition:color .3s ease}.footer a:hover{color:hsla(0,0%,100%,.7)}