.clock-card[data-v-42d21e27]{cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all var(--transition-base)}.clock-card[data-v-42d21e27]:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-period-strip[data-v-42d21e27]{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;width:100%}.card-content[data-v-42d21e27]{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.card-top[data-v-42d21e27]{align-items:flex-start;display:flex;justify-content:space-between}.city-info[data-v-42d21e27]{align-items:center;display:flex;gap:var(--space-sm)}.city-emoji[data-v-42d21e27]{font-size:1.5rem}.city-name[data-v-42d21e27]{font-family:var(--font-display);font-size:1.125rem;font-weight:700;line-height:1.2}.city-country[data-v-42d21e27]{color:var(--text-tertiary);font-size:.75rem;margin-top:2px}.card-actions[data-v-42d21e27]{gap:var(--space-xs)}.card-actions[data-v-42d21e27],.drag-handle[data-v-42d21e27]{align-items:center;display:flex}.drag-handle[data-v-42d21e27]{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:grab;height:28px;justify-content:center;padding:4px;transition:all var(--transition-fast);width:28px}.drag-handle[data-v-42d21e27]:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.drag-handle[data-v-42d21e27]:active{cursor:grabbing}.drag-handle svg[data-v-42d21e27]{height:100%;width:100%}.favorite-btn[data-v-42d21e27]{border-radius:var(--radius-sm);color:var(--text-tertiary);flex-shrink:0;height:28px;padding:4px;transition:all var(--transition-fast);width:28px}.favorite-btn[data-v-42d21e27]:hover{background:#fbbf241a;color:#fbbf24}.favorite-btn.active[data-v-42d21e27]{color:#fbbf24}.favorite-btn svg[data-v-42d21e27]{height:100%;width:100%}.card-clock[data-v-42d21e27]{align-items:center;display:flex;gap:var(--space-md)}.digital-time[data-v-42d21e27]{display:flex;flex-direction:column;gap:2px}.time-display[data-v-42d21e27]{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;letter-spacing:.02em;line-height:1}.time-date[data-v-42d21e27]{color:var(--text-tertiary);font-size:.75rem}.card-bottom[data-v-42d21e27]{align-items:center;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-top:var(--space-sm)}.time-diff[data-v-42d21e27]{font-size:.75rem;font-weight:500}.diff-same[data-v-42d21e27]{color:var(--accent-primary-light)}.diff-ahead[data-v-42d21e27]{color:#34d399}.diff-behind[data-v-42d21e27]{color:#fb923c}.period-label[data-v-42d21e27]{color:var(--text-secondary);font-size:.75rem}@media(max-width:480px){.time-display[data-v-42d21e27]{font-size:1.25rem}.card-content[data-v-42d21e27]{padding:var(--space-md)}}