:root{--wc-bg:#151515;--wc-container-bg:#1e1b1a;--wc-header-bg:#2e2927;--wc-border:#332b29;--wc-border-strong:#433932;--wc-text-primary:#eaeaea;--wc-text-secondary:#837672;--wc-text-muted:#837672;--wc-accent:#ed1d5d;--wc-button:#d19580;--wc-danger:#e85d5d}[data-page-theme=world-clock] body{background-color:var(--wc-bg)!important}.world-clock-main{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:2rem 1rem}@media (min-width:768px){.world-clock-main{padding:2rem}}@media (min-width:1024px){.world-clock-main{padding:2rem 3rem}}.world-clock-header-section{margin-bottom:2rem;text-align:center}.world-clock-title{color:var(--wc-accent);font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}@media (min-width:768px){.world-clock-title{font-size:2.25rem}}@media (min-width:1024px){.world-clock-title{font-size:3rem}}.world-clock-subtitle{color:var(--wc-text-secondary);font-size:1.125rem;line-height:1.5}@media (min-width:768px){.world-clock-subtitle{font-size:1.25rem}}.world-clock-container{background:transparent;position:relative;width:100%;z-index:1}.world-clock-body{max-height:none;overflow-y:visible;padding:0;position:relative;width:100%}.column-hover-outline{border:1px dashed var(--wc-text-secondary);border-radius:8px;opacity:0;pointer-events:none;position:absolute;transition:opacity .12s ease;z-index:40}.column-hover-outline.is-active{opacity:1}.grid-cols-layout{align-items:center;background:var(--wc-container-bg);border-radius:8px;display:flex;min-width:1240px;overflow-x:auto;scrollbar-width:thin;width:100%}.grid-cols-layout>div{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:60px;padding:12px 8px;text-align:center;white-space:nowrap}.grid-cols-layout>div:first-child{align-items:flex-start;background:var(--wc-header-bg);justify-content:center;min-width:200px;padding:16px;text-align:left;width:200px}.grid-cols-layout>div:nth-child(2){align-items:flex-end;background:var(--wc-header-bg);min-width:80px;padding:16px;text-align:right;width:80px}.grid-cols-layout>div:nth-child(n+3){background:var(--wc-container-bg);box-sizing:border-box;flex:1;min-width:40px;padding:8px 4px}.gmt-header{margin-bottom:12px;position:sticky;top:0;z-index:30}.gmt-header .grid-cols-layout{background:var(--wc-header-bg);overflow-x:auto}.gmt-header .grid-cols-layout>div{background:var(--wc-header-bg);color:var(--wc-text-primary);font-weight:600}.gmt-header-cell .day-indicator{display:none}.gmt-header .current-date,.gmt-header .timezone-code{font-weight:400}.current-time,.timezone-name{color:var(--wc-text-primary);font-size:14px;font-weight:600;line-height:1.2}.city-timezone-row{align-items:baseline;display:flex;gap:8px}.current-date,.timezone-code{color:var(--wc-text-secondary);font-size:11px;line-height:1.2;margin-top:0}.country-name{line-height:1.2;margin-top:2px}.country-name,.minute-value{color:var(--wc-text-muted);font-size:11px}.minute-value{line-height:1;margin-top:-2px}.timezone-row-wrapper{margin-bottom:12px}.timezone-row:not(.gmt-header){cursor:default;position:relative;transition:none;width:100%}.timezone-row:not(.gmt-header) .grid-cols-layout{background:var(--wc-container-bg);border-radius:8px;overflow:hidden}.timezone-row-wrapper:hover .timezone-row .grid-cols-layout{box-shadow:none;transform:none}.timezone-row-wrapper:hover .delete-btn{opacity:1;transform:scale(1.1)}.delete-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--wc-danger);cursor:pointer;display:flex;height:18px;justify-content:center;left:1px;opacity:0;position:absolute;top:0;transition:all .2s ease;width:18px;z-index:20}.delete-btn:hover{background:rgba(232,93,93,.1);color:#dc4444}.delete-btn svg{height:14px;stroke-width:2.5;width:14px}.world-clock-controls{display:flex;justify-content:flex-start;margin-bottom:.75rem;position:relative;z-index:3000}.timezone-add-section{max-width:280px;position:relative;width:100%}.timezone-search-container{background:var(--wc-container-bg);border:1px solid var(--wc-border);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;overflow:visible;position:relative;transition:box-shadow .2s ease}.search-input-wrapper{flex:1;position:relative}.search-icon{color:var(--wc-text-muted);height:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.timezone-search-input{background:transparent;border:none;color:var(--wc-text-primary);font-size:14px;line-height:1.4;outline:none;padding:8px 10px 8px 36px;width:100%}.timezone-search-input::placeholder{color:var(--wc-text-muted)}.timezone-search-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.timezone-search-container:focus-within{border-color:var(--wc-button)!important;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 2px hsla(16,47%,66%,.3)!important}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--wc-text-muted);cursor:pointer;display:flex;height:18px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:18px}.clear-search-btn:hover{background:hsla(13,14%,67%,.1);color:var(--wc-text-secondary)}.timezone-dropdown{background:var(--wc-container-bg);border:1px solid var(--wc-border);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.4);box-sizing:border-box;left:0;max-height:320px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:100%;z-index:9999}.timezone-options{max-height:320px;overflow-y:auto;scrollbar-width:thin}.timezone-options::-webkit-scrollbar{width:6px}.timezone-options::-webkit-scrollbar-track{background:var(--wc-container-bg)}.timezone-options::-webkit-scrollbar-thumb{background:var(--wc-border);border-radius:3px}.timezone-option{border-bottom:1px solid var(--wc-border);cursor:pointer;padding:12px 16px;transition:background-color .15s ease}.timezone-option:last-child{border-bottom:none}.timezone-option:hover{background:var(--wc-header-bg)}.timezone-city{color:var(--wc-text-primary);font-weight:500;margin-bottom:4px}.option-details{align-items:center;color:var(--wc-text-secondary);display:flex;font-size:14px;gap:12px}.timezone-option .timezone-code{background:var(--wc-border);border-radius:4px;color:var(--wc-text-secondary);font-size:11px;font-weight:500;padding:2px 6px}.timezone-time{color:var(--wc-text-secondary);font-size:14px}.loading-text,.no-results{color:var(--wc-text-muted);padding:16px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;color:var(--wc-button);height:20px;width:20px}.hidden{display:none!important}.world-clock-body::-webkit-scrollbar{height:8px;width:8px}.world-clock-body::-webkit-scrollbar-track{background:var(--wc-bg)}.world-clock-body::-webkit-scrollbar-thumb{background:var(--wc-border);border-radius:4px}.world-clock-body::-webkit-scrollbar-thumb:hover{background:var(--wc-border-strong)}.grid-cols-layout::-webkit-scrollbar{height:6px}.grid-cols-layout::-webkit-scrollbar-track{background:var(--wc-container-bg)}.grid-cols-layout::-webkit-scrollbar-thumb{background:var(--wc-border);border-radius:3px}@keyframes spin{to{transform:rotate(1turn)}}.time-cell{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40px;position:relative}.time-value{color:var(--wc-text-primary);font-size:14px;font-weight:600}.day-indicator{background:var(--wc-header-bg);border-radius:2px;color:var(--wc-text-secondary);font-size:8px;font-weight:500;line-height:1;padding:1px 3px;position:absolute;right:2px;top:2px}.day-indicator[data-day="1"]:after{content:"D+1"}.day-indicator[data-day="-1"]:after{content:"D-1"}.delete-btn:focus,.timezone-option:focus{outline:2px solid var(--wc-button);outline-offset:2px}.gmt-help-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--wc-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;margin-left:-2px;opacity:.6;padding:2px;position:relative;top:-1px;vertical-align:text-top}.gmt-help-btn:hover{opacity:.8}.gmt-help-btn:focus{outline:none}.gmt-help-btn:active{transform:none}.help-icon{height:14px;stroke-width:1;width:14px}.gmt-help-tooltip{background:var(--wc-container-bg);border:1px solid var(--wc-border);border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.6),0 10px 10px -5px rgba(0,0,0,.4);overflow:hidden;padding:0;position:fixed;transition:transform .1s ease-out;width:360px;will-change:transform;z-index:10000}@media (max-width:480px){.gmt-help-tooltip{max-width:360px;width:calc(100vw - 20px)}}.tooltip-arrow{border-color:transparent transparent var(--wc-border) transparent;border-style:solid;border-width:0 8px 8px;height:0;left:20px;position:absolute;top:-8px;width:0}.tooltip-arrow:after{border-color:transparent transparent var(--wc-container-bg) transparent;border-style:solid;border-width:0 7px 7px;content:"";height:0;left:-7px;position:absolute;top:1px;width:0}.tooltip-content{padding:20px}.tooltip-content h3{color:var(--wc-text-primary);font-size:14px;font-weight:600;line-height:1.6;margin:0 0 8px}.tooltip-text{color:var(--wc-text-secondary);font-size:14px;line-height:1.3;margin:0}.tooltip-text strong{color:var(--wc-text-primary);font-weight:600}@media (hover:hover){.gmt-help-btn{pointer-events:auto}.gmt-help-btn:hover+.gmt-help-tooltip,.gmt-help-tooltip:hover{display:block!important}}@media (hover:none){.gmt-help-btn.active+.gmt-help-tooltip,.gmt-help-tooltip.active{display:block!important}}.world-clock-map-section{margin-top:14rem;padding:2rem 0;text-align:center}.world-clock-map-title{color:var(--wc-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:2rem}@media (min-width:768px){.world-clock-map-title{font-size:1.75rem}}@media (min-width:1024px){.world-clock-map-title{font-size:2rem}}.world-clock-map-container{background:var(--wc-container-bg);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);margin:0 auto;max-width:100%;overflow:hidden}.world-clock-map-image{display:block;height:auto;max-height:80vh;object-fit:contain;width:100%}.world-clock-map-attribution{background:var(--wc-header-bg);border-top:1px solid var(--wc-border);padding:1.5rem 2rem}.world-clock-map-attribution p{color:var(--wc-text-secondary);font-size:.875rem;line-height:1.6;margin:0;text-align:left}.world-clock-map-attribution a{color:var(--wc-button);text-decoration:none;transition:color .2s ease}.world-clock-map-attribution a:hover{color:var(--wc-accent);text-decoration:underline}@media (max-width:768px){.world-clock-map-section{margin-top:2rem;padding:1.5rem 0}.world-clock-map-attribution{padding:1rem 1.5rem}.world-clock-map-attribution p{font-size:.8rem}}.content-section{margin-top:2rem;padding:4rem 1rem}.content-container{margin:0 auto;max-width:800px}.intro-block{margin-bottom:3rem;text-align:left}.intro-block h2{color:var(--wc-text-primary);font-size:1.8rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.intro-block p{font-size:1rem}.intro-block p,.intro-block ul{color:var(--wc-text-secondary);line-height:1.6;margin-bottom:1rem}.intro-block ul{padding-left:1.5rem}.intro-block li{font-size:1rem;margin-bottom:.75rem}.faq-item{margin-bottom:2rem}.faq-item h3{color:var(--wc-text-primary);font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.faq-item p{color:var(--wc-text-secondary);font-size:1rem;line-height:1.6;margin:0}.content-section a{color:var(--wc-text-secondary);font-size:inherit;font-weight:inherit;text-decoration:none;transition:color .2s ease}.content-section a:hover{color:var(--wc-text-secondary);text-decoration:underline}@media (max-width:768px){.content-section{padding:3rem 1rem}.intro-block h2{font-size:1.5rem}.intro-block li,.intro-block p{font-size:.95rem}.faq-item h3{font-size:1.1rem}.faq-item p{font-size:.95rem}}