.clock-rail-outer{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.clock-rail{pointer-events:auto;scroll-snap-type:x proximity;gap:10px;padding:2px 2px 4px;display:flex;overflow-x:auto}.clock-card{scroll-snap-align:start;background:var(--surface-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);flex:none;width:172px;transition:box-shadow .16s;box-shadow:0 0 #0000}.clock-card.is-hero{box-shadow:0 0 0 1.5px var(--accent)}.clock-card-main{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:22px 22px 16px;display:flex}.cc-top{align-items:center;gap:6px;width:100%;display:flex}.cc-city{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.cc-home-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);background:var(--border);border-radius:20px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:500}.cc-tz-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex-shrink:0;margin-left:auto;font-size:9px;font-weight:500}.cc-time{font-size:var(--text-tile);letter-spacing:-.02em;color:var(--ink);font-weight:500}.cc-status{color:var(--ink-muted);align-items:center;gap:5px;width:100%;font-size:11px;display:flex}.cc-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cc-dot.is-day{background:var(--sun)}.cc-dot.is-night{background:var(--moon)}.cc-actions{border-top:1px solid var(--border);opacity:0;pointer-events:none;align-items:center;transition:opacity .14s;display:flex}.clock-card:focus-within .cc-actions,.clock-card.is-revealed .cc-actions{opacity:1;pointer-events:auto}@media (hover:hover){.clock-card:hover .cc-actions{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.cc-actions{transition:none}}.cc-actions button{border:none;border-right:1px solid var(--border);min-height:44px;color:var(--ink-muted);background:0 0;flex:1;justify-content:center;align-items:center;display:flex}.cc-actions button svg{width:15px;height:15px}.cc-actions button:last-child{border-right:none}.cc-actions button:hover:not(:disabled){color:var(--ink);background:var(--neutral-soft)}.cc-actions button:disabled{opacity:.3}.cc-actions button.cc-remove:hover{color:var(--ink);background:var(--neutral-active)}.clock-card-more{color:var(--ink-muted);white-space:nowrap;background:0 0;border:none;flex:none;align-self:center;padding:8px 12px;font-size:12px;font-weight:500}.clock-card-more:hover{color:var(--ink)}@media (max-width:640px){.clock-card{width:168px}.clock-card-main{padding:18px 18px 12px}}