.world-clock-controls{width:100%;max-width:500px;margin-bottom:25px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.world-clock-controls input[type=search]{flex-grow:1;font-family:inherit;font-size:.95rem;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-input-bg);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease;min-width:200px}.world-clock-controls input:focus{outline:2px solid var(--color-accent);outline-offset:1px;background-color:transparent;border-color:var(--color-accent)}.world-clock-controls button{font-family:inherit;font-size:.9rem;font-weight:500;padding:9px 15px;border-radius:6px;border:0;background-color:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.world-clock-controls button:hover{background-color:color-mix(in srgb,var(--color-accent),black 10%)}.world-clock-list-section{width:100%;max-width:600px;background-color:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.world-clock-list{list-style:none;padding:0;margin:0}.clock-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 15px;padding:15px 10px;border-bottom:1px solid var(--color-border);transition:background-color .1s ease,border-color .3s ease}.clock-item:last-child{border-bottom:none}.clock-item:hover{background-color:rgba(128,128,128,.05)}[data-theme=dark] .clock-item:hover{background-color:rgba(255,255,255,.05)}.clock-item-flag-city{grid-column:1/2;display:flex;flex-direction:column}.flag-icon{margin-left:8px;font-size:1.1em;line-height:1;display:inline-block;vertical-align:middle;width:1.3em;text-align:center}.clock-city{font-size:1.1rem;font-weight:500;color:var(--color-text-primary);line-height:1.3;transition:color .3s ease}.clock-offset{font-size:.8rem;color:var(--color-text-secondary);line-height:1.2;transition:color .3s ease;margin-top:2px}.clock-time{grid-column:2/3;font-size:1.6rem;font-weight:300;color:var(--color-text-primary);font-variant-numeric:tabular-nums;transition:color .3s ease;white-space:nowrap;text-align:left}.clock-time .am-pm{font-size:.6em;font-weight:400;margin-right:.2em;display:inline-block;vertical-align:baseline}.clock-time .day-diff{font-size:.6em;color:var(--color-text-tertiary);margin-right:.4em;vertical-align:baseline}.clock-item-controls{grid-column:3/4;display:flex;flex-direction:column;gap:5px;align-items:center}.clock-control-button{background:0 0;border:0;padding:4px;cursor:pointer;color:var(--color-icon-secondary);border-radius:50%;display:flex;align-items:center;transition:color .2s ease,background-color .2s ease;width:32px;height:32px;justify-content:center}.clock-control-button:hover:not(:disabled){background-color:rgba(128,128,128,.1);color:var(--color-icon-primary)}.clock-control-button:disabled{opacity:.3;cursor:not-allowed}.clock-control-button .material-symbols-outlined{font-size:20px;margin:0}.clock-control-button.remove{color:var(--color-delete)}.clock-control-button.remove:hover:not(:disabled){background-color:var(--color-delete-bg)}.clock-item-placeholder{text-align:center;color:var(--color-text-tertiary);padding:30px 15px;font-size:.9rem;display:none}@media (max-width:480px){.clock-item{grid-template-columns:auto 1fr;gap:5px 10px;padding:12px 8px}.clock-item-controls{grid-column:2/3;grid-row:2/3;flex-direction:row;justify-content:flex-start}.clock-time{text-align:left;grid-row:1/2;grid-column:2/3;font-size:1.4rem}.clock-item-flag-city{grid-row:1/3}.clock-city{font-size:1rem}.clock-offset{font-size:.75rem}}:fullscreen .main-content>:not(.world-clock-list-section),:fullscreen .seo-content{display:none!important}:fullscreen .world-clock-list-section{flex-grow:1!important;max-width:none!important;background-color:transparent!important;padding:10px!important;overflow-y:auto!important;border:0!important;border-radius:0!important}:fullscreen .clock-item{border-color:#38383a!important;padding:15px!important;grid-template-columns:auto 1fr!important;gap:10px 20px!important}:fullscreen .clock-item,:fullscreen .clock-item:hover{background-color:transparent!important}:fullscreen .clock-item-flag-city{grid-row:1/2!important;grid-column:1/2!important}:fullscreen .flag-icon{font-size:1.5em!important}:fullscreen .clock-city{color:#fff!important;font-size:clamp(1.2rem,4vw,1.8rem)!important}:fullscreen .clock-offset{color:#8e8e93!important;font-size:clamp(.8rem,2.5vw,1rem)!important}:fullscreen .clock-time{color:#fff!important;font-size:clamp(1.8rem,6vw,3rem)!important;text-align:left!important;grid-row:1/2!important;grid-column:2/3!important;align-self:center}:fullscreen .clock-time .am-pm{font-size:.5em!important}:fullscreen .clock-time .day-diff{font-size:.5em!important;color:#8e8e93!important}:fullscreen .clock-item-controls,:fullscreen .clock-item-placeholder{display:none!important}:fullscreen .world-clock-list-section::-webkit-scrollbar-thumb{background-color:#555!important}:fullscreen .world-clock-list-section{scrollbar-color:#555 transparent!important}