.globe-timezones *{margin:0;padding:0;box-sizing:border-box}.globe-timezones{overflow:hidden}.globe-timezones,.globe-timezones #container{position:relative;width:100%;height:100%}#city-time-card{position:absolute;top:30px;left:30px;transform:none;width:360px;max-width:90vw;background:rgba(13,17,38,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.08);padding:0;transition:all .3s cubic-bezier(.21,1.11,.7,1.01)}:root[data-theme=light] #city-time-card{background:hsla(0,0%,100%,.75);box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08)}#city-time-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.12)}:root[data-theme=light] #city-time-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.12)}#city-time-card.mobile{position:fixed;top:auto;bottom:80px;left:50%;transform:translateX(-50%);width:90%;max-width:none;z-index:1000;transition:all .3s cubic-bezier(.21,1.11,.7,1.01)}#city-time-card.mobile.collapsed{height:60px;overflow:hidden}#city-time-card.mobile.collapsed .card-content{opacity:0;transform:translateY(40px);position:absolute}#city-time-card.mobile .card-content{transition:all .3s ease;opacity:1;transform:translateY(0)}.collapsed-content{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;width:100%}.collapsed-city-name{font-size:18px;font-weight:600;color:#fff;flex:1}:root[data-theme=light] .collapsed-city-name{color:#333}.collapsed-time{font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:20px;font-weight:500;color:#fff;flex:1}:root[data-theme=light] .collapsed-time{color:#333}.collapsed-timezone{font-size:16px;color:hsla(0,0%,100%,.7);flex:1;text-align:right}:root[data-theme=light] .collapsed-timezone{color:rgba(0,0,0,.7)}.toggle-card-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:none;background:hsla(0,0%,100%,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;z-index:10;transition:all .2s ease}:root[data-theme=light] .toggle-card-btn{background:rgba(0,0,0,.1);color:#333}.toggle-card-btn:hover{background:hsla(0,0%,100%,.3)}:root[data-theme=light] .toggle-card-btn:hover{background:rgba(0,0,0,.2)}#select-city-card{position:absolute;top:30px;left:30px;transform:none;width:360px;max-width:90vw;background:rgba(13,17,38,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.08);padding:30px 20px;text-align:center}:root[data-theme=light] #select-city-card{background:hsla(0,0%,100%,.75);box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08)}.city-info{padding:10px;text-align:center}.city-name{font-size:32px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 10px rgba(0,0,0,.2)}:root[data-theme=light] .city-name{color:#333;text-shadow:0 2px 10px rgba(0,0,0,.1)}.country-name{font-size:18px;font-weight:300;color:hsla(0,0%,100%,.7)}:root[data-theme=light] .country-name{color:rgba(0,0,0,.7)}.timezone-label{padding:8px 0 0;text-align:center;font-size:16px;color:hsla(0,0%,100%,.4);position:relative;border-top:1px solid hsla(0,0%,100%,.08);margin:0 40px}:root[data-theme=light] .timezone-label{color:rgba(0,0,0,.5);border-top:1px solid rgba(0,0,0,.08)}.timezone-value{display:block;color:hsla(0,0%,100%,.8);font-size:20px;font-weight:600;margin-top:4px}:root[data-theme=light] .timezone-value{color:rgba(0,0,0,.8)}.time-container{padding:15px 30px;text-align:center}:root[data-theme=light] .time-container{background:hsla(0,0%,94%,.8)}.time-display{font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:48px;font-weight:500;letter-spacing:-1px;color:#fff;margin-bottom:10px}:root[data-theme=light] .time-display{color:#333}.time-display .colon{display:inline-block;opacity:1;animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.date-display{font-size:15px;color:hsla(0,0%,100%,.6)}:root[data-theme=light] .date-display{color:rgba(0,0,0,.6)}.empty-prompt{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.prompt-icon{font-size:40px;margin-bottom:20px}.prompt-title{font-size:22px;font-weight:600;margin-bottom:8px;color:hsla(0,0%,100%,.9)}:root[data-theme=light] .prompt-title{color:rgba(0,0,0,.9)}.prompt-subtitle{font-size:14px;color:hsla(0,0%,100%,.5);max-width:260px;margin:0 auto}:root[data-theme=light] .prompt-subtitle{color:rgba(0,0,0,.6)}.show-markers-btn{background:rgba(30,41,82,.7);border:1px solid hsla(0,0%,100%,.08);color:#fff;padding:12px 24px;border-radius:50px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}:root[data-theme=light] .show-markers-btn{background:rgba(66,133,244,.7);border:1px solid rgba(66,133,244,.3);color:#fff}.show-markers-btn:hover{background:rgba(41,57,115,.7);border-color:hsla(0,0%,100%,.15)}:root[data-theme=light] .show-markers-btn:hover{background:rgba(66,133,244,.9);border-color:rgba(66,133,244,.5)}.show-markers-btn:disabled{opacity:.5;cursor:not-allowed}.city-纽约{background:linear-gradient(135deg,rgba(28,33,75,.7),rgba(41,31,65,.7));border-color:rgba(102,126,234,.2)}.city-伦敦{background:linear-gradient(135deg,rgba(22,41,70,.7),rgba(29,53,87,.7));border-color:rgba(66,153,225,.2)}.city-东京{background:linear-gradient(135deg,rgba(21,50,67,.7),rgba(23,45,60,.7));border-color:rgba(56,178,172,.2)}.city-北京{background:linear-gradient(135deg,rgba(61,22,53,.7),rgba(59,19,28,.7));border-color:rgba(237,100,166,.2)}.city-悉尼{background:linear-gradient(135deg,rgba(35,47,62,.7),rgba(27,38,59,.7));border-color:rgba(144,205,244,.2)}.city-巴黎{background:linear-gradient(135deg,rgba(45,55,72,.7),rgba(34,46,64,.7));border-color:rgba(203,213,224,.2)}.city-莫斯科{background:linear-gradient(135deg,rgba(53,34,34,.7),rgba(48,30,35,.7));border-color:hsla(0,53%,76%,.2)}.city-迪拜{background:linear-gradient(135deg,rgba(66,43,21,.7),rgba(54,36,24,.7));border-color:rgba(246,173,85,.2)}:root[data-theme=light] .city-纽约{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-color:rgba(102,126,234,.3)}:root[data-theme=light] .city-伦敦{background:linear-gradient(135deg,rgba(66,153,225,.2),rgba(49,130,206,.2));border-color:rgba(66,153,225,.3)}:root[data-theme=light] .city-东京{background:linear-gradient(135deg,rgba(56,178,172,.2),rgba(49,151,149,.2));border-color:rgba(56,178,172,.3)}:root[data-theme=light] .city-北京{background:linear-gradient(135deg,rgba(237,100,166,.2),rgba(213,63,140,.2));border-color:rgba(237,100,166,.3)}:root[data-theme=light] .city-悉尼{background:linear-gradient(135deg,rgba(66,153,225,.2),rgba(49,130,206,.2));border-color:rgba(66,153,225,.3)}:root[data-theme=light] .city-巴黎{background:linear-gradient(135deg,rgba(113,128,150,.2),rgba(74,85,104,.2));border-color:rgba(113,128,150,.3)}:root[data-theme=light] .city-莫斯科{background:linear-gradient(135deg,hsla(0,53%,76%,.2),hsla(0,53%,66%,.2));border-color:hsla(0,53%,76%,.3)}:root[data-theme=light] .city-迪拜{background:linear-gradient(135deg,rgba(246,173,85,.2),rgba(237,137,54,.2));border-color:rgba(246,173,85,.3)}.city-label,.country-label{font-size:.75em;opacity:.8;color:#a0aec0;font-weight:400}:root[data-theme=light] .city-label,:root[data-theme=light] .country-label{color:#718096}#controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:1000}#controls,.control-btn{transition:all .3s ease}.control-btn{padding:8px 16px;background:rgba(13,17,38,.45);border:1px solid hsla(0,0%,100%,.08);border-radius:50px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:14px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}:root[data-theme=light] .control-btn{background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.08);color:rgba(0,0,0,.8)}.control-btn:hover{background:rgba(30,41,82,.65);border-color:hsla(0,0%,100%,.15);transform:translateY(-2px)}:root[data-theme=light] .control-btn:hover{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.15)}@media (max-width:768px){#city-time-card,#select-city-card{width:calc(100% - 40px);top:20px;left:20px}#select-city-card{max-width:90%;top:auto;bottom:80px;left:50%;transform:translateX(-50%)}.city-info{padding:15px 20px}.timezone-label{margin:0 20px}.city-name{font-size:28px}.time-display{font-size:40px}.time-container{padding:15px 20px}#controls{flex-wrap:wrap;justify-content:center;width:100%;padding:0 15px;bottom:20px}.control-btn{padding:6px 12px;font-size:13px}#city-time-card.mobile.collapsed .city-name{font-size:22px;margin-bottom:0}#city-time-card.mobile.collapsed .country-name,#city-time-card.mobile.collapsed .time-container,#city-time-card.mobile.collapsed .timezone-label{display:none}.collapsed-content{padding:0 15px}.collapsed-city-name{font-size:16px}.collapsed-time{font-size:18px}.collapsed-timezone{font-size:14px}.toggle-card-btn{top:15px;right:15px}}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:hsla(0,0%,100%,.8);z-index:1001;text-align:center;width:300px}:root[data-theme=light] #loading{color:rgba(0,0,0,.8)}.loading-text{margin-top:20px}.loading-progress{margin-top:15px}.progress-bar{height:6px;background:hsla(0,0%,100%,.2);border-radius:3px;overflow:hidden;margin:10px 0}:root[data-theme=light] .progress-bar{background:rgba(0,0,0,.1)}.progress-fill{height:100%;background:rgba(144,205,244,.8);border-radius:3px;transition:width .3s ease}:root[data-theme=light] .progress-fill{background:rgba(66,133,244,.8)}.progress-text{font-size:14px;color:hsla(0,0%,100%,.7)}:root[data-theme=light] .progress-text{color:rgba(0,0,0,.7)}.spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.1);border-left-color:rgba(144,205,244,.8);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}:root[data-theme=light] .spinner{border:4px solid rgba(0,0,0,.1);border-left-color:rgba(66,133,244,.8)}@keyframes spin{to{transform:rotate(1turn)}}.help-tips{margin-top:20px;padding:15px;background-color:rgba(0,0,0,.2);border-radius:10px}:root[data-theme=light] .help-tips{background-color:rgba(0,0,0,.05)}.tip{font-size:.9rem;margin-bottom:8px;color:#e2e8f0;display:flex;align-items:center}:root[data-theme=light] .tip{color:#4a5568}.tip span{margin-right:8px;font-size:1rem}.tip:last-child{margin-bottom:0}#city-time-card.light-theme{background:hsla(0,0%,100%,.75);box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08)}#city-time-card.light-theme:hover{box-shadow:0 16px 48px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.12)}#city-time-card.light-theme .collapsed-city-name,#city-time-card.light-theme .collapsed-time{color:#333}#city-time-card.light-theme .collapsed-timezone{color:rgba(0,0,0,.7)}#city-time-card.light-theme .toggle-card-btn{background:rgba(0,0,0,.1);color:#333}#city-time-card.light-theme .toggle-card-btn:hover{background:rgba(0,0,0,.2)}#select-city-card.light-theme{background:hsla(0,0%,100%,.75);box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08)}#city-time-card.light-theme .city-name{color:#333;text-shadow:0 2px 10px rgba(0,0,0,.1)}#city-time-card.light-theme .country-name{color:rgba(0,0,0,.7)}#city-time-card.light-theme .timezone-label{color:rgba(0,0,0,.5);border-top:1px solid rgba(0,0,0,.08)}#city-time-card.light-theme .timezone-value{color:rgba(0,0,0,.8)}#city-time-card.light-theme .time-container{background:hsla(0,0%,94%,.8)}#city-time-card.light-theme .time-display{color:#333}#city-time-card.light-theme .date-display{color:rgba(0,0,0,.6)}#select-city-card.light-theme .prompt-title{color:rgba(0,0,0,.9)}#select-city-card.light-theme .prompt-subtitle{color:rgba(0,0,0,.6)}#select-city-card.light-theme .show-markers-btn{background:rgba(66,133,244,.7);border:1px solid rgba(66,133,244,.3);color:#fff}#select-city-card.light-theme .show-markers-btn:hover{background:rgba(66,133,244,.9);border-color:rgba(66,133,244,.5)}#select-city-card.light-theme .help-tips{background-color:rgba(0,0,0,.05)}#select-city-card.light-theme .tip{color:#4a5568}#city-time-card.light-theme.city-纽约{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-color:rgba(102,126,234,.3)}#city-time-card.light-theme.city-伦敦{background:linear-gradient(135deg,rgba(66,153,225,.2),rgba(49,130,206,.2));border-color:rgba(66,153,225,.3)}#city-time-card.light-theme.city-东京{background:linear-gradient(135deg,rgba(56,178,172,.2),rgba(49,151,149,.2));border-color:rgba(56,178,172,.3)}#city-time-card.light-theme.city-北京{background:linear-gradient(135deg,rgba(237,100,166,.2),rgba(213,63,140,.2));border-color:rgba(237,100,166,.3)}#city-time-card.light-theme.city-悉尼{background:linear-gradient(135deg,rgba(66,153,225,.2),rgba(49,130,206,.2));border-color:rgba(66,153,225,.3)}#city-time-card.light-theme.city-巴黎{background:linear-gradient(135deg,rgba(113,128,150,.2),rgba(74,85,104,.2));border-color:rgba(113,128,150,.3)}#city-time-card.light-theme.city-莫斯科{background:linear-gradient(135deg,hsla(0,53%,76%,.2),hsla(0,53%,66%,.2));border-color:hsla(0,53%,76%,.3)}#city-time-card.light-theme.city-迪拜{background:linear-gradient(135deg,rgba(246,173,85,.2),rgba(237,137,54,.2));border-color:rgba(246,173,85,.3)}.light-theme .control-btn{background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.08);color:rgba(0,0,0,.8)}.light-theme .control-btn:hover{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.15)}