.timezone-container{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.timezone-list-panel .panel-card{display:flex;flex-direction:column;max-height:600px}.timezone-list-panel h3{font-size:.95rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.tz-count{font-size:.75rem;color:var(--muted);font-weight:500;margin-left:4px}.tz-group{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.tz-group-header{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);padding:8px 4px 4px;position:-webkit-sticky;position:sticky;top:0;background:var(--surface);z-index:1}.search-box{margin-bottom:1rem}.tz-search{width:100%;background:var(--color-surface-high);border:1px solid var(--color-border);color:var(--text);padding:8px 12px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.85rem;outline:none;transition:border-color .15s,box-shadow .15s}.tz-search:focus{border-color:rgba(57,184,253,.4);box-shadow:0 0 0 3px var(--color-accent-glow)}.tz-search::placeholder{color:var(--muted)}.timezone-scroll{display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;flex:1 1;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.timezone-scroll::-webkit-scrollbar{width:6px}.timezone-scroll::-webkit-scrollbar-track{background:transparent}.timezone-scroll::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}.timezone-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--color-surface-high);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:.85rem;cursor:pointer;transition:all .15s ease;gap:8px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tz-pin{background:transparent;border:none;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s,transform .15s}.tz-pin:hover{color:var(--color-accent);transform:scale(1.15)}.timezone-item.pinned .tz-pin{color:#fbbf24}.timezone-item.active .tz-pin{color:var(--color-accent-on)}.timezone-item.active.pinned .tz-pin{color:#fff3c7}.timezone-item:hover{background:var(--color-surface-bright);border-color:rgba(57,184,253,.2)}.timezone-item.active{background:linear-gradient(45deg,var(--color-accent),var(--color-accent-dim));color:var(--color-accent-on);border-color:transparent;box-shadow:0 4px 12px var(--color-accent-glow)}.tz-name{flex:1 1;font-weight:600;text-align:left}.tz-info{display:flex;gap:6px;align-items:center;font-size:.75rem;color:var(--muted)}.timezone-item.active .tz-info{color:rgba(0,50,74,.9)}.tz-time{font-weight:500}.tz-offset,.tz-time{font-family:var(--font-mono)}.tz-offset{font-size:.7rem;opacity:.8}.tz-empty{padding:1rem;text-align:center;color:var(--muted);font-size:.85rem;font-style:italic}.tz-id{font-size:.75rem!important;opacity:.85}.timezone-map-panel .panel-card{display:flex;flex-direction:column}.timezone-map-panel h3{font-size:.95rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.map-container{aspect-ratio:2/1;margin-bottom:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.map-container,.map-hours-label{position:relative;width:100%;background:var(--color-surface-high)}.map-hours-label{height:22px;border-bottom:1px solid var(--color-border)}.hour-label,.map-hours-label{display:flex;align-items:center}.hour-label{position:absolute;width:30px;height:100%;justify-content:center;font-size:.7rem;font-weight:600;color:var(--muted);font-family:var(--font-mono);transform:translateX(-50%);border-right:1px solid var(--color-border);opacity:.7}.hour-label:nth-child(6n+1){opacity:1;font-weight:700;color:var(--color-accent)}.world-map{width:100%;height:100%;display:block}.world-map .hour-gridline{stroke:var(--color-accent)}.equator-line{stroke:var(--muted)}.tropic-line{stroke:var(--color-accent)}.map-legend{display:flex;gap:1.5rem;padding:.75rem 0;margin-bottom:.75rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.legend-color{width:14px;height:14px;border-radius:3px;flex-shrink:0}.legend-day{background:linear-gradient(135deg,#fbbf24,#39b8fd)}.legend-night{background:#060e20;border:1px solid var(--color-border)}.legend-sun{background:radial-gradient(circle,#fef3c7,#fbbf24);box-shadow:0 0 6px rgba(251,191,36,.6)}.legend-selected{background:rgba(57,184,253,.4);border:1px solid #39b8fd}.map-info{font-size:.8rem;color:var(--muted);line-height:1.5}.map-info strong{color:var(--text)}.timezone-details .panel-card{display:flex;flex-direction:column}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.detail-header h2{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.utc-offset{background:var(--color-surface-high);border:1px solid var(--color-border);padding:4px 8px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-accent)}.time-display{text-align:center;margin-bottom:1.5rem}.digital-time{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--color-accent);letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 0 16px var(--color-accent-glow)}.date-display{font-size:.85rem;color:var(--muted);font-weight:500}.time-info{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem;padding:1rem;background:var(--color-surface-high);border-radius:var(--radius-md)}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.info-row .label{color:var(--muted);font-weight:500}.info-row .value{font-family:var(--font-mono);color:var(--text);font-weight:600}.clock-visual{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:180px}.analog-clock{width:140px;height:140px;max-width:100%}.clock-face{fill:var(--color-surface-high);stroke:var(--color-border);stroke-width:1}.clock-center{fill:var(--color-accent)}.hour-marker{stroke:var(--muted);stroke-width:1}.hour-hand{stroke:var(--text);stroke-width:2;stroke-linecap:round}.minute-hand{stroke:var(--color-accent);stroke-width:1.5;stroke-linecap:round}.second-hand{stroke:var(--color-secondary);stroke-width:1;stroke-linecap:round;opacity:.7}.timezone-compare{margin-bottom:1.5rem}.compare-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.compare-header h3{font-size:.95rem;font-weight:600;color:var(--text);margin:0}.compare-slider{display:flex;align-items:center;gap:10px;flex:1 1;min-width:260px;max-width:480px}.slider-label{font-size:.8rem;color:var(--muted);min-width:90px;font-family:var(--font-mono)}.slider-label strong{color:var(--color-accent);font-weight:700}.time-slider{flex:1 1;accent-color:var(--color-accent);cursor:pointer}.slider-reset{background:var(--color-surface-high);border:1px solid var(--color-border);color:var(--text);padding:4px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.slider-reset:hover:not(:disabled){border-color:rgba(57,184,253,.4);color:var(--color-accent)}.slider-reset:disabled{opacity:.4;cursor:not-allowed}.compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px}.compare-card{position:relative;background:var(--color-surface-high);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:all .15s}.compare-card:hover{border-color:rgba(57,184,253,.3)}.compare-remove{position:absolute;top:6px;right:6px;background:transparent;border:none;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}.compare-remove:hover{color:var(--color-accent);background:var(--color-accent-glow)}.compare-name{font-size:.8rem;font-weight:600;color:var(--text);padding-right:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-time{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;color:var(--color-accent);letter-spacing:1px}.compare-meta{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--muted)}.compare-weekday{font-weight:500}.compare-offset{font-family:var(--font-mono);opacity:.8}.compare-diff{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.3rem;font-size:.65rem;font-family:var(--font-mono)}.compare-diff-value{color:#39b8fd;background:rgba(57,184,253,.08);padding:.15rem .4rem;border-radius:4px;border:1px solid rgba(57,184,253,.2);white-space:nowrap}@media (max-width:1200px){.timezone-container{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.timezone-list-panel{grid-column:1;grid-row:1}.timezone-map-panel{grid-column:2;grid-row:1/3}.timezone-details{grid-column:1;grid-row:2}}@media (max-width:768px){.timezone-container{grid-template-columns:1fr;grid-template-rows:auto}.timezone-details,.timezone-list-panel,.timezone-map-panel{grid-column:1}.timezone-list-panel .panel-card{max-height:400px}.timezone-scroll{max-height:250px}.digital-time{font-size:2rem}.analog-clock{width:100px;height:100px}}[data-theme=light] .tz-search{background:var(--color-surface)}[data-theme=light] .tz-search:focus{border-color:rgba(0,98,140,.25);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary-container) 40%,transparent)}[data-theme=light] .timezone-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=light] .timezone-item:hover{background:var(--color-surface-high);border-color:rgba(0,98,140,.15)}[data-theme=light] .timezone-item.active{background:var(--color-accent);color:var(--color-bg-secondary)}[data-theme=light] .timezone-item.active .tz-info{color:rgba(0,98,140,.7)}[data-theme=light] .map-container{background:var(--color-surface-high);border-color:var(--color-border)}[data-theme=light] .digital-time{color:var(--color-accent);text-shadow:0 0 12px color-mix(in srgb,var(--color-accent) 20%,transparent)}