.world-clock-controls{display:flex;flex-wrap:wrap;gap:20px;padding:25px;margin-bottom:40px;align-items:center;justify-content:space-between}.world-clock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.clock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.city-info h2{margin:0;font-size:1.4em;color:#fff;font-family:var(--font-heading)}.city-info p{margin:5px 0 0;font-size:0.9em;color:var(--text-muted)}.day-night-icon{font-size:1.5em}.clock-time{font-family:var(--font-heading);font-size:2.8em;font-weight:700;color:#fff;text-align:center;margin:15px 0;letter-spacing:2px}.clock-date{text-align:center;color:var(--primary-neon);font-size:0.95em;font-weight:600;text-transform:uppercase;letter-spacing:1px}.remove-clock-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;color:var(--text-muted);font-size:1.2em;cursor:pointer;opacity:0;transition:0.2s}.remove-clock-btn:hover{color:var(--accent-pink)}.clock-card:hover .remove-clock-btn{opacity:1}