.meeting-planner{background:#fff;border-radius:12px;padding:24px}.planner-summary{background:#e8f4fd;border-left:4px solid #3498db;border-radius:8px;margin-bottom:20px;padding:16px}.planner-summary p{color:#333;margin:0;line-height:1.5}.planner-legend{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.legend-item{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.legend-item .dot{border-radius:3px;width:12px;height:12px}.legend-item.ideal .dot{background:#27ae60}.legend-item.possible .dot{background:#f1c40f}.legend-item.poor .dot{background:#e74c3c}.timeline-header{justify-content:space-between;margin-bottom:12px;padding:0 8px;display:flex}.timeline-header .city-label{color:#333;font-size:14px;font-weight:600}.timeline-slots{background:#f5f5f5;border-radius:8px;flex-direction:column;gap:2px;max-height:400px;padding:4px;display:flex;overflow-y:auto}.time-slot{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.time-slot:hover{transform:scale(1.01)}.time-slot.selected{box-shadow:0 0 0 2px #667eea}.time-slot.ideal{background:linear-gradient(90deg,#27ae6026,#27ae6040)}.time-slot.possible{background:linear-gradient(90deg,#f1c40f26,#f1c40f40)}.time-slot.poor{background:linear-gradient(90deg,#e74c3c1a,#e74c3c26)}.slot-hour{color:#555;font-variant-numeric:tabular-nums;min-width:50px;font-size:12px;font-weight:500}.slot-bar{opacity:.3;background:currentColor;border-radius:4px;flex:1;height:8px}.time-slot.ideal .slot-bar{background:#27ae60}.time-slot.possible .slot-bar{background:#f1c40f}.time-slot.poor .slot-bar{background:#e74c3c}.selected-time{color:#fff;background:#667eea;border-radius:12px;margin-top:24px;padding:20px}.selected-time h4{margin:0 0 16px;font-size:16px;font-weight:600}.time-details{flex-direction:column;gap:12px;display:flex}.detail-row{justify-content:space-between;align-items:center;display:flex}.detail-row .city-name{opacity:.9;font-size:14px}.detail-row .time-value{font-size:18px;font-weight:600}.quality-indicator{text-align:center;margin-top:8px}.quality-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.quality-badge.ideal{background:#27ae60}.quality-badge.possible{color:#333;background:#f1c40f}.quality-badge.poor{background:#e74c3c}.quick-select{margin-top:24px}.quick-select h4{color:#333;margin:0 0 12px;font-size:14px;font-weight:600}.quick-buttons{flex-wrap:wrap;gap:8px;display:flex}.quick-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s}.quick-btn.ideal{color:#27ae60;background:#27ae6026}.quick-btn.possible{color:#b8860b;background:#f1c40f33}.quick-btn.poor{color:#e74c3c;background:#e74c3c1a}.quick-btn:hover{transform:scale(1.05)}.quick-btn.selected{box-shadow:0 0 0 2px #667eea}@media (max-width:480px){.meeting-planner{padding:16px}.timeline-slots{max-height:300px}.time-slot{padding:6px 8px}.slot-hour{min-width:40px;font-size:11px}.quick-buttons{justify-content:center}}
.comparison-scrubber{background:var(--glass-bg,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem}.comparison-scrubber__header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.comparison-scrubber__time{color:var(--text-primary,#f8fafc);font-size:1.5rem;font-weight:600}.comparison-scrubber__date{color:var(--text-muted,#94a3b8);font-size:.9rem}.comparison-scrubber__hint{color:var(--text-muted,#64748b);opacity:.7;margin-left:auto;font-size:.75rem}.comparison-scrubber__container{flex-direction:column;gap:.5rem;display:flex}.comparison-hour-labels{margin-bottom:.25rem;display:flex}.comparison-hour-labels__spacer{flex-shrink:0;width:140px}.comparison-hour-labels__track{flex:1;height:20px;position:relative}.comparison-hour-label{color:var(--text-muted,#64748b);white-space:nowrap;font-size:.7rem;position:absolute;transform:translate(-50%)}.comparison-city-rows{flex-direction:column;gap:.5rem;display:flex}.comparison-row{flex-direction:column;gap:.25rem;display:flex}.comparison-row__info{justify-content:space-between;align-items:center;display:flex}.comparison-row__left{align-items:center;gap:.5rem;min-width:140px;display:flex}.comparison-row__emoji{font-size:1.25rem}.comparison-row__names{flex-direction:column;display:flex}.comparison-row__name{color:var(--text-primary,#f8fafc);font-size:.9rem;font-weight:500}.comparison-row__country{color:var(--text-muted,#64748b);font-size:.7rem}.comparison-row__right{align-items:center;gap:.5rem;display:flex}.comparison-row__offset-badge{background:var(--glass-bg,#ffffff1a);color:var(--text-muted,#94a3b8);border-radius:4px;padding:.125rem .375rem;font-size:.7rem}.comparison-row__offset-badge--reference{background:var(--accent-primary,#3b82f6);color:#fff}.comparison-row__timeline{height:40px;position:relative}.comparison-timeline-gradient{border-radius:8px;position:absolute;inset:0;overflow:hidden}.comparison-timeline-time{white-space:nowrap;z-index:2;border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:600;transition:left 50ms ease-out;position:absolute;top:50%;transform:translate(-50%,-50%)}.comparison-timeline-time--day{color:#fff;background:#0009}.comparison-timeline-time--night{color:#1e293b;background:#ffffffe6}.comparison-timeline-icon{opacity:.6;z-index:1;font-size:.75rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.comparison-scrubber-track{margin-top:.5rem;display:flex}.comparison-scrubber-track__spacer{flex-shrink:0;width:0}.comparison-scrubber-track__area{cursor:ew-resize;background:var(--glass-bg,#ffffff0d);border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;flex:1;height:36px;position:relative}.comparison-scrubber-line{background:var(--accent-primary,#3b82f6);pointer-events:none;z-index:10;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.comparison-scrubber-line:before{content:"";background:var(--accent-primary,#3b82f6);border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.comparison-scrubber-line:after{content:"";background:var(--accent-primary,#3b82f6);border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.comparison-scrubber-line--dragging{background:var(--accent-hover,#60a5fa)}.comparison-scrubber-handle{margin-bottom:4px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.comparison-scrubber-handle__pill{background:var(--accent-primary,#3b82f6);color:#fff;white-space:nowrap;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #0000004d}@media (max-width:600px){.comparison-scrubber{padding:1rem}.comparison-scrubber__header{flex-direction:column;align-items:flex-start;gap:.25rem}.comparison-scrubber__hint{margin-left:0}.comparison-hour-labels__spacer{width:0;display:none}.comparison-row{gap:.5rem}.comparison-row__info{flex-wrap:wrap}.comparison-row__left{min-width:auto}.comparison-row__timeline{height:50px}.comparison-timeline-time{padding:.2rem .4rem;font-size:.75rem}}@media (prefers-color-scheme:light){.comparison-scrubber{background:#00000008;border-color:#0000001a}.comparison-scrubber__time{color:#1e293b}.comparison-scrubber__date,.comparison-scrubber__hint,.comparison-hour-label,.comparison-row__country{color:#64748b}.comparison-row__name{color:#1e293b}.comparison-row__offset-badge{color:#64748b;background:#0000000d}.comparison-scrubber-track__area{background:#00000008;border-color:#0000001a}}