.timeline-view{max-width:1200px;margin:0 auto;padding:2rem}.hero-clock{justify-content:center;align-items:center;margin-bottom:.5rem;padding:1.5rem 1rem 1rem;display:flex}.hero-clock--minimal{background:0 0;border:none}.hero-clock__center{flex-direction:column;align-items:center;gap:.25rem;display:flex}.hero-clock__city-btn--minimal{color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.9375rem;font-weight:500;display:inline-flex}.hero-clock__city-btn--minimal:hover{color:var(--color-text-primary);background:#ffffff0d}.hero-clock__city-btn--minimal svg{color:var(--color-text-tertiary);opacity:.6}.hero-clock__city-btn--minimal:hover svg{opacity:1}.hero-clock__city-name{font-weight:500}.hero-clock__time-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;min-height:3.5rem;display:flex}.hero-clock__host-city{width:100%;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:#3b82f633;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:1.125rem;font-weight:600;display:inline-flex}.hero-clock__host-city:hover{background:#ffffff14}.hero-clock__host-city svg{color:var(--color-text-tertiary);opacity:.5;transition:opacity var(--transition-fast)}.hero-clock__host-city:hover svg{opacity:1}.hero-clock__host-emoji{font-size:1.25rem;line-height:1}.hero-clock__host-name{white-space:nowrap}.hero-clock__time-large{letter-spacing:-.03em;color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;font-family:Roboto Mono,monospace;font-size:3rem;font-weight:700;line-height:1}.hero-clock__time-large:hover{color:var(--color-accent)}.hero-clock__time-input--large{letter-spacing:-.03em;color:var(--color-text-primary);border:2px solid var(--color-accent);border-radius:var(--radius-md);text-align:center;background:#ffffff0d;outline:none;width:auto;min-width:180px;padding:.25rem .5rem;font-family:Roboto Mono,monospace;font-size:3rem;font-weight:700;line-height:1}.hero-clock__time-input--large:focus{background:#ffffff14;box-shadow:0 0 0 3px #3b82f633}.hero-clock__live-badge{letter-spacing:.05em;color:var(--color-success);background:#22c55e26;border:1px solid #22c55e66;border-radius:9999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;animation:2s ease-in-out infinite liveBadgePulse;display:inline-flex}.hero-clock__live-badge .hero-clock__live-dot{background:var(--color-success);width:6px;height:6px;box-shadow:0 0 6px var(--color-success);border-radius:50%;animation:2s ease-in-out infinite liveDotPulse}@keyframes liveBadgePulse{0%,to{background:#22c55e26;border-color:#22c55e66;box-shadow:0 0 8px #22c55e33}50%{background:#22c55e40;border-color:#22c55e99;box-shadow:0 0 16px #22c55e66}}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-clock__reset-badge{color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);background:#3b82f626;border:1px solid #3b82f666;border-radius:9999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.hero-clock__reset-badge:hover{border-color:var(--color-accent);background:#3b82f640;box-shadow:0 0 12px #3b82f64d}.hero-clock__reset-badge svg{transition:transform var(--transition-fast);flex-shrink:0}.hero-clock__reset-badge:hover svg{transform:rotate(-45deg)}.hero-clock__reset-inline{width:32px;height:32px;color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #3b82f666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.hero-clock__reset-inline:hover{border-color:var(--color-accent);background:#3b82f626;transform:rotate(-45deg)}.hero-clock__reset-inline svg{flex-shrink:0}.hero-clock__live-dot-minimal{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 8px var(--color-success),0 0 16px #22c55e66;border-radius:50%;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 8px var(--color-success),0 0 16px #22c55e66}50%{opacity:.7;box-shadow:0 0 12px var(--color-success),0 0 24px #22c55e80}}.friday-5pm-warning{border-radius:var(--radius-md);color:#fb923c;background:#fb923c26;border:1px solid #fb923c66;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:2s ease-in-out infinite friday5pmPulse;display:flex}.friday-5pm-warning__city{opacity:.8;font-size:.75rem}@keyframes friday5pmPulse{0%,to{background:#fb923c26;transform:scale(1)}50%{background:#fb923c40;transform:scale(1.02)}}.hero-clock__date-btn{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;display:inline-flex}.hero-clock__date-btn:hover{color:var(--color-text-secondary);background:#ffffff0d}.hero-clock__date-btn svg{opacity:.5}.hero-clock__date-btn:hover svg{opacity:1}.hero-clock__reset-btn--minimal{border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #3b82f64d;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.hero-clock__reset-btn--minimal:hover{border-color:var(--color-accent);background:#3b82f61a}.hero-clock__reset-btn--minimal svg{flex-shrink:0}.hero-clock__left{align-items:center;gap:1rem;display:flex}.hero-clock__city-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);background:#ffffff0d;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;display:inline-flex}.hero-clock__city-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary);background:#ffffff1a}.hero-clock__emoji{font-size:1.125rem}.hero-clock__city-btn svg{color:var(--color-text-tertiary)}.hero-clock__time{border-radius:var(--radius-md);background:#ffffff0d;flex-direction:row;align-items:baseline;gap:.5rem;padding:.375rem .75rem;display:flex}.hero-clock__time--day{background:#ffffff1a}.hero-clock__time--night{background:#ffffff0d}.hero-clock__time-value{letter-spacing:-.02em;color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700;line-height:1}.hero-clock__time-value--editable{cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;margin:-.125rem -.25rem;padding:.125rem .25rem}.hero-clock__time-value--editable:hover{background:#ffffff1a;border-color:#fff3}.hero-clock__edit-icon{opacity:0;width:14px;height:14px;transition:opacity var(--transition-fast);vertical-align:middle;color:var(--color-accent);margin-left:.375rem}.hero-clock__time-value--editable:hover .hero-clock__edit-icon{opacity:.7}.hero-clock__time-input{letter-spacing:-.02em;color:var(--color-text-primary);border:1px solid var(--color-accent);border-radius:var(--radius-sm);text-align:center;background:#ffffff1a;outline:none;width:100px;padding:.125rem .375rem;font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700;line-height:1}.hero-clock__time-input:focus{background:#ffffff26;box-shadow:0 0 0 2px #3b82f64d}.hero-clock__time-input::placeholder{color:var(--color-text-tertiary);font-size:1rem}.hero-clock__time-date{color:var(--color-text-secondary);font-size:.75rem}.hero-clock__right{align-items:center;gap:.75rem;display:flex}.hero-clock__reset-btn{border-radius:var(--radius-md);color:var(--color-accent);transition:all var(--transition-fast);background:#3b82f626;border:1px solid #3b82f666;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.hero-clock__reset-btn:hover{border-color:var(--color-accent);background:#3b82f640}.hero-clock__reset-btn svg{flex-shrink:0}.hero-clock__reset-text{white-space:nowrap}.hero-clock__offset-badge{color:#fbbf24;letter-spacing:-.02em;background:#fbbf2433;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-family:Roboto Mono,monospace;font-size:.6875rem;font-weight:600;display:inline-flex}.hero-clock__live-indicator{letter-spacing:.1em;color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e4d;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.625rem;font-weight:700;display:inline-flex}.hero-clock__live-dot{background:var(--color-success);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}.timeline-container{-webkit-user-select:none;user-select:none;margin-top:-8px;padding-top:20px;position:relative;overflow:visible}.hour-labels{border-bottom:1px solid var(--color-border-subtle);background:#0000004d;padding:.5rem 0 .625rem;display:flex}.hour-labels__spacer{flex-shrink:0;width:280px}.hour-labels__track{flex:1;height:1rem;margin-right:1rem;position:relative}.hour-label{color:var(--color-text-tertiary);font-family:Roboto Mono,monospace;font-size:.6875rem;font-weight:500;position:absolute;transform:translate(-50%)}@media (max-width:480px){.hour-label--hide-mobile{display:none}}.day-separator{z-index:2;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.day-separator__label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary);white-space:nowrap;opacity:.7;background:0 0;padding:0;font-family:Roboto Mono,monospace;font-size:.5rem;font-weight:500}.heatmap-strip{border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(8px);background:#ffffff05;align-items:center;padding:.625rem 0;animation:.2s heatmapFadeIn;display:flex}@keyframes heatmapFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.heatmap-strip__label{flex-direction:column;flex-shrink:0;justify-content:center;width:260px;padding:0 1rem;display:flex}.heatmap-strip__title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-size:.6875rem;font-weight:600}.heatmap-strip__subtitle{color:var(--color-text-tertiary);opacity:.7;font-size:.625rem}.heatmap-strip__track{background:#0f172a80;border-radius:8px;flex:1;height:16px;margin-right:1rem;position:relative;overflow:visible;box-shadow:inset 0 1px 3px #0000004d}.heatmap-segment{transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.heatmap-segment--green{cursor:pointer;background:linear-gradient(#22c55ee6 0%,#16a34af2 50%,#22c55ed9 100%);border-radius:6px;box-shadow:0 0 20px #22c55e66,0 0 40px #22c55e33,inset 0 1px #ffffff4d}.heatmap-segment--green:hover{transform:scaleY(1.1);box-shadow:0 0 24px #22c55e99,0 0 48px #22c55e4d,inset 0 1px #fff6}.heatmap-segment__label{color:#fff;text-shadow:0 1px 2px #0000004d;white-space:nowrap;letter-spacing:.02em;opacity:.95;font-size:.5625rem;font-weight:700}.heatmap-segment--yellow{cursor:pointer;background:linear-gradient(#fbbf24d9 0%,#f59e0be6 50%,#fbbf24cc 100%);border-radius:4px;box-shadow:0 0 16px #fbbf2459,0 0 32px #fbbf2426,inset 0 1px #ffffff40}.heatmap-segment--yellow:hover{transform:scaleY(1.05);box-shadow:0 0 20px #fbbf2480,0 0 40px #fbbf2440,inset 0 1px #ffffff59}.heatmap-segment--red{cursor:default;background:#33415540;border-radius:2px}.city-rows{-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;padding:12px;display:flex;position:relative}.add-city-row-btn{border-radius:var(--radius-md);color:#1a1a2e;transition:all var(--transition-fast);cursor:pointer;background:ivory;border:none;justify-content:center;align-items:center;gap:.5rem;width:calc(100% - 24px);margin:0 12px 12px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.add-city-row-btn:hover{color:#1a1a2e;background:#f5f5e0}.add-city-row-btn svg{flex-shrink:0}.city-row{transition:background var(--transition-fast),box-shadow var(--transition-fast);border-radius:var(--radius-md);background:#1e293b80;border:1px solid #ffffff0a;align-items:stretch;min-height:68px;display:flex}.city-row:hover{background:#1e293bb3;border-color:#ffffff14}.city-row--dragging{opacity:.5;background:#3b82f626;border-color:#3b82f64d}.city-row--drag-over{border-color:var(--color-accent);background:#3b82f633;box-shadow:0 0 0 2px #3b82f64d}.city-row__drag-handle{color:var(--color-text-tertiary);cursor:grab;opacity:.4;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:flex}.city-row:hover .city-row__drag-handle{opacity:1}.city-row__drag-handle:active{cursor:grabbing;color:var(--color-accent)}.city-row__info{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;width:280px;padding:.75rem .75rem .75rem 1rem;display:flex}.city-row__left{align-items:center;gap:.625rem;min-width:0;display:flex}.city-row__emoji{flex-shrink:0;font-size:1.25rem;line-height:1}.city-row__names{flex-direction:column;min-width:0;display:flex}.city-row__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);margin:-.125rem -.25rem;padding:.125rem .25rem;font-size:.875rem;font-weight:600;overflow:hidden}.city-row__name:hover{background:#ffffff0d}.city-row__name--custom{color:#f4c542}.city-row__name-input{color:var(--color-text-primary);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:#ffffff1a;outline:none;width:100%;min-width:80px;max-width:150px;padding:.125rem .375rem;font-size:.875rem;font-weight:600}.city-row__name-input:focus{background:#ffffff26;box-shadow:0 0 0 2px #3b82f64d}.city-row__country{color:var(--color-text-tertiary);font-size:.6875rem}.city-row__right{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.city-row__time{border-radius:var(--radius-sm);flex-direction:column;align-items:flex-end;min-width:85px;padding:.25rem .5rem;display:flex}.city-row__time-row{align-items:center;gap:.375rem;display:flex}.city-row__date-row{align-items:center;gap:.25rem;display:flex}.city-row__offset-badge{color:var(--color-text-secondary);white-space:nowrap;background:#ffffff1f;border-radius:9999px;padding:.125rem .375rem;font-family:Roboto Mono,monospace;font-size:.625rem;font-weight:600}.city-row__dst-badge{color:#fbbf24;letter-spacing:.02em;cursor:help;background:#fbbf2426;border-radius:3px;padding:.0625rem .25rem;font-family:Roboto Mono,monospace;font-size:.5625rem;font-weight:700}.city-row__dst-warning{cursor:help;font-size:.6875rem;animation:2s ease-in-out infinite dstPulse}@keyframes dstPulse{0%,to{opacity:.8}50%{opacity:1;transform:scale(1.1)}}.city-row__lol-warning{color:#ff9f7f;white-space:nowrap;text-overflow:ellipsis;background:#ff9f7f26;border-radius:4px;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;animation:3s ease-in-out infinite lolWarnPulse;display:none;overflow:hidden}@keyframes lolWarnPulse{0%,to{background:#ff9f7f26;transform:scale(1)}50%{background:#ff9f7f40;transform:scale(1.02)}}.city-row__time--day{background:#ffffff1a}.city-row__time--night{background:#ffffff0d}.city-row__time-value{color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:.9375rem;font-weight:600}.city-row__date{color:var(--color-text-secondary);white-space:nowrap;font-size:.625rem}.city-row__remove{color:var(--color-text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);padding:.25rem}.city-row:hover .city-row__remove{opacity:1}.city-row__remove:hover{color:var(--color-error);background:#ef44441a}.city-row__timeline{flex:1;align-items:center;padding:.625rem 1rem .625rem 0;display:flex}.timeline-gradient{border-radius:6px;flex:1;height:32px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.timeline-icon{filter:drop-shadow(0 1px 3px #0006);z-index:2;font-size:.875rem;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-icon--sun{animation:4s ease-in-out infinite sunPulse}.timeline-icon--moon{animation:4s ease-in-out infinite moonPulse}@keyframes sunPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}.timeline-time{white-space:nowrap;z-index:5;pointer-events:none;text-shadow:0 1px 2px #00000080;letter-spacing:.02em;border-radius:4px;padding:.25rem .5rem;font-family:Roboto Mono,monospace;font-size:.8125rem;font-weight:700;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-time--day{color:#1e293b;background:#ffffffe6;box-shadow:0 2px 8px #0003}.timeline-time--night{color:#f8fafc;background:#0f172ad9;border:1px solid #ffffff26;box-shadow:0 2px 8px #0000004d}.timeline-time__day{text-transform:uppercase;letter-spacing:.03em;color:#fb923c;vertical-align:middle;background:#fb923c40;border-radius:3px;margin-right:.375rem;padding:.125rem .25rem;font-size:.625rem;font-weight:600;display:inline-block}.timeline-time--day .timeline-time__day{color:#ea580c;background:#fb923c33}.timeline-time--lol{cursor:help;pointer-events:auto}.timeline-time__lol-icon{margin-left:.25rem;font-size:.75rem;animation:2s ease-in-out infinite lolIconPulse}@keyframes lolIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes moonPulse{0%,to{opacity:.9;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.scrubber-track{cursor:ew-resize;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;position:absolute;inset:0;overflow:visible}.scrubber-track__spacer{pointer-events:none;flex-shrink:0;width:280px}.scrubber-track__area{pointer-events:auto;-webkit-user-select:none;user-select:none;flex:1;margin-right:1rem;position:relative;overflow:visible}.scrubber-line{z-index:11;background:linear-gradient(#3b82f6cc 0%,#3b82f666 50%,#3b82f61a 85%,#0000 100%);width:.5px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.scrubber-line--dragging{background:linear-gradient(to bottom,var(--color-accent)0%,#3b82f680 50%,#3b82f626 85%,transparent 100%);width:1px;transition:none!important}.scrubber-line--dragging .scrubber-handle{transition:none!important}.scrubber-handle{cursor:grab;transition:all var(--transition-fast);z-index:12;position:absolute;top:-6px;left:0;transform:translate(-50%)}.scrubber-handle__pill{-webkit-backdrop-filter:blur(12px);min-width:52px;height:24px;color:var(--color-accent);letter-spacing:.02em;white-space:nowrap;background:#0f172ad9;border:1px solid #3b82f680;border-radius:9999px;justify-content:center;align-items:center;padding:.25rem .625rem;font-family:Roboto Mono,monospace;font-size:.6875rem;font-weight:600;display:flex;box-shadow:0 0 16px #3b82f64d,0 4px 12px #0006,inset 0 1px #ffffff1a}.scrubber-handle:hover .scrubber-handle__pill{border-color:var(--color-accent);background:#0f172af2;box-shadow:0 0 24px #3b82f680,0 4px 16px #00000080,inset 0 1px #ffffff26}.scrubber-handle:active{cursor:grabbing}.scrubber-handle:active .scrubber-handle__pill{transform:scale(1.05);box-shadow:0 0 32px #3b82f699,0 6px 20px #00000080,inset 0 1px #fff3}.action-buttons{gap:.75rem;margin-top:1rem;display:flex}.add-city-btn{border-radius:var(--radius-md);color:#1a1a2e;transition:all var(--transition-fast);background:ivory;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:600;display:flex}.add-city-btn:hover{color:#1a1a2e;background:#f5f5e0}.share-btn{border-radius:var(--radius-md);color:var(--color-success);transition:all var(--transition-fast);background:#22c55e26;border:1px solid #22c55e66;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.share-btn:hover{border-color:var(--color-success);color:var(--color-success);background:#22c55e40}.share-btn--copied{border-color:var(--color-success);color:var(--color-success);background:#22c55e1a}.find-best-time-btn{border-radius:var(--radius-md);color:#0f172a;transition:all var(--transition-fast);background:linear-gradient(135deg,#f4c542 0%,#e07850 100%);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 8px #f4c5424d}.find-best-time-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f4c54266}.find-best-time-btn--active{color:#f4c542;background:#f4c54233;border:1px solid #f4c542;box-shadow:0 0 15px #f4c5424d}.create-poll-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 8px #8b5cf64d}.create-poll-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.create-poll-btn--loading{opacity:.7;cursor:wait}.meeting-duration-band{border-left:2px solid var(--color-accent);z-index:6;pointer-events:none;background:#3b82f633;border-right:2px solid #3b82f666;border-radius:0 4px 4px 0;position:absolute;top:0;bottom:0}.duration-toggle{justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:.5rem 0;display:flex}.duration-toggle__label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.duration-toggle__options{border-radius:var(--radius-md);background:#ffffff0d;gap:.25rem;padding:.25rem;display:flex}.duration-toggle__btn{color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:.375rem .75rem;font-family:Roboto Mono,monospace;font-size:.75rem;font-weight:500}.duration-toggle__btn:hover{color:var(--color-text-secondary);background:#ffffff0d}.duration-toggle__btn--active{color:var(--color-accent);background:#3b82f626}.smart-copy-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.smart-copy-btn:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary);background:#ffffff1a}.best-time-highlight{z-index:5;pointer-events:none;background:#22c55e26;border-left:2px solid #22c55e99;border-right:2px solid #22c55e99;animation:2s ease-in-out infinite highlightPulse;position:absolute;top:0;bottom:0}@keyframes highlightPulse{0%,to{background:#22c55e26}50%{background:#22c55e40}}.best-time-highlight__label{color:#fff;border-radius:var(--radius-sm);white-space:nowrap;background:#22c55ee6;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.calendar-export-container{flex:1;position:relative}.calendar-export-btn{border-radius:var(--radius-md);width:100%;color:var(--color-accent);transition:all var(--transition-fast);background:#3b82f626;border:1px solid #3b82f666;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.calendar-export-btn:hover{border-color:var(--color-accent);background:#3b82f640}.calendar-export-menu{border-radius:var(--radius-md);z-index:100;background:#1e293b;border:1px solid #ffffff1a;min-width:180px;padding:.5rem;animation:.15s menuSlideUp;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}@keyframes menuSlideUp{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.calendar-export-menu__item{border-radius:var(--radius-sm);color:#cbd5e1;text-align:left;cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem;font-size:.875rem;font-weight:500;display:flex}.calendar-export-menu__item:hover{color:#f1f5f9;background:#ffffff1a}.calendar-export-menu__item svg{opacity:.7;flex-shrink:0}.calendar-export-menu__item:hover svg{opacity:1}.keyboard-hint{text-align:center;color:var(--color-text-tertiary);opacity:.6;margin-top:1rem;font-size:.75rem}.keyboard-hint kbd{border:1px solid var(--color-border);background:#ffffff0d;border-radius:4px;margin:0 .125rem;padding:.125rem .375rem;font-family:Roboto Mono,monospace;font-size:.625rem;font-weight:500;display:inline-block}@media (max-width:768px){.timeline-view{padding:1rem}.hero-clock{padding:1rem .75rem .75rem}.hero-clock__time-row{min-height:3rem}.hero-clock__time-large{font-size:2.5rem}.hero-clock__time-input--large{min-width:150px;font-size:2.5rem}.hero-clock__host-city{padding:.25rem .5rem;font-size:1rem}.hero-clock__host-emoji{font-size:1.125rem}.hero-clock__live-badge,.hero-clock__reset-badge{padding:.1875rem .5rem;font-size:.625rem}.hero-clock__live-badge .hero-clock__live-dot{width:5px;height:5px}.hero-clock__reset-badge svg{width:10px;height:10px}.hero-clock__reset-inline{width:28px;height:28px}.hero-clock__reset-inline svg{width:14px;height:14px}.hero-clock__left,.hero-clock__right{justify-content:space-between;width:100%}.hero-clock__time-value{font-size:1.25rem}.hour-labels__spacer,.scrubber-track__spacer{width:130px}.city-row__info{width:130px;padding:.5rem .625rem}.city-row__right{flex-direction:column;align-items:flex-end;gap:.125rem}.city-row__time{min-width:auto;padding:.125rem .375rem}.timeline-gradient{height:28px}.keyboard-hint{display:none}.city-row__remove{opacity:1}.action-buttons{flex-wrap:wrap}.action-buttons>*{flex:auto;min-width:120px}.heatmap-strip__label{width:130px;padding:0 .625rem}}@media (max-width:480px){.timeline-view{padding:.75rem}.hero-clock{gap:.5rem;padding:.75rem}.hero-clock__time-row{flex-wrap:wrap;justify-content:center;gap:.5rem}.hero-clock__host-city{justify-content:center;width:100%;padding:.25rem;font-size:.9375rem}.hero-clock__host-emoji{font-size:1rem}.hero-clock__left{flex-wrap:wrap;gap:.5rem}.hero-clock__city-btn{padding:.25rem .5rem;font-size:.8125rem}.hero-clock__emoji{font-size:1rem}.hero-clock__time{padding:.25rem .5rem}.hero-clock__time-value{font-size:1.125rem}.hero-clock__time-input{width:85px;font-size:1.125rem}.hero-clock__time-date{font-size:.625rem}.hero-clock__live-indicator{padding:.125rem .375rem;font-size:.5625rem}.hero-clock__reset-text{display:none}.hero-clock__reset-btn{padding:.375rem .5rem;font-size:.75rem}.hour-labels{padding:.625rem 0 .375rem}.hour-labels__spacer,.scrubber-track__spacer{width:0}.hour-labels__track{margin:0 .5rem}.hour-label{font-size:.5625rem}.day-separator__label{padding:.0625rem .25rem;font-size:.5rem}.city-rows{gap:10px;padding:10px}.city-row{flex-direction:column;min-height:auto}.city-row__info{z-index:15;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;position:relative}.city-row__left{flex:1;gap:.5rem;min-width:0}.city-row__drag-handle{display:none}.city-row__emoji{font-size:1.125rem}.city-row__names{flex:1;min-width:0}.city-row__name{font-size:.875rem}.city-row__country{font-size:.625rem}.city-row__right{flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem}.city-row__time{flex-direction:column;align-items:flex-end;min-width:auto;padding:.25rem .5rem}.city-row__time-row{gap:.25rem}.city-row__time-value{font-size:.9375rem}.city-row__offset-badge{font-size:.5625rem}.city-row__dst-badge{padding:.0625rem .1875rem;font-size:.5rem}.city-row__date-row{display:none}.city-row__remove{opacity:1;z-index:20;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:#ef444433;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-.5rem;padding:.75rem;display:flex;position:relative}.city-row__timeline{width:100%;padding:.375rem .75rem .5rem}.timeline-gradient{height:24px}.timeline-icon{font-size:.6875rem}.heatmap-strip{flex-direction:column;gap:.375rem;padding:.5rem .75rem}.heatmap-strip__label{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0}.heatmap-strip__title{font-size:.6875rem}.heatmap-strip__subtitle{font-size:.5625rem}.heatmap-strip__track{height:12px;margin-right:0}.duration-toggle{flex-wrap:wrap;gap:.5rem;padding:.375rem 0}.duration-toggle__label{text-align:center;width:100%;font-size:.6875rem}.duration-toggle__btn{padding:.25rem .5rem;font-size:.6875rem}.action-buttons{flex-direction:column;gap:.5rem}.action-buttons>*{width:100%}.add-city-btn,.smart-copy-btn,.find-best-time-btn,.create-poll-btn,.calendar-export-btn{padding:.75rem;font-size:.8125rem}.calendar-export-menu{min-width:auto;left:0;right:0;transform:none}.scrubber-handle__pill{min-width:58px;height:28px;padding:.25rem .75rem;font-size:.75rem}.scrubber-handle:active .scrubber-handle__pill{transform:scale(1.08)}}@media (max-width:360px){.timeline-view{padding:.5rem}.city-rows{gap:8px;padding:8px}.hero-clock{padding:.5rem}.hero-clock__time-value{font-size:1rem}.hero-clock__time-input{width:80px;font-size:1rem}.city-row__info{padding:.375rem .5rem}.city-row__emoji{font-size:1rem}.city-row__name{font-size:.8125rem}.city-row__time-value{font-size:.875rem}.timeline-gradient{height:28px}.timeline-icon{font-size:.75rem}.timeline-time{padding:.1875rem .375rem;font-size:.6875rem}.timeline-time__day{margin-right:.25rem;padding:.0625rem .1875rem;font-size:.5625rem}}
.picker-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.15s pickerFadeIn;display:flex;position:fixed;inset:0}@keyframes pickerFadeIn{0%{opacity:0}to{opacity:1}}.picker-modal{-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#0f0f11f2;flex-direction:column;width:100%;max-width:520px;max-height:80vh;animation:.2s pickerSlideUp;display:flex;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #00000080,0 0 100px #3b82f61a}@keyframes pickerSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.picker-modal__header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.picker-modal__title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.picker-modal__close{color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.5rem}.picker-modal__close:hover{color:var(--color-text-primary);background:#ffffff1a}.picker-modal__search{border-bottom:1px solid var(--color-border-subtle);padding:1rem 1.5rem;position:relative}.picker-modal__search-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.picker-modal__input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:all var(--transition-fast);background:#0000004d;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem}.picker-modal__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);background:#00000080;outline:none}.picker-modal__input::placeholder{color:var(--color-text-tertiary)}.picker-modal__results{flex:1;padding:1rem;overflow-y:auto}.picker-modal__empty{text-align:center;color:var(--color-text-tertiary);padding:3rem 2rem}.picker-modal__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.picker-city{border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);border:1px solid #0000;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem .75rem;display:flex}.picker-city:hover{border-color:var(--color-accent);background:#3b82f61a;transform:translateY(-2px)}.picker-city__emoji{margin-bottom:.25rem;font-size:1.75rem;line-height:1}.picker-city__name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.picker-city__country{color:var(--color-text-tertiary);font-size:.75rem}@media (max-width:480px){.picker-modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;max-height:90vh;margin-top:auto}.picker-modal__grid{grid-template-columns:repeat(2,1fr)}.picker-city{padding:1rem .5rem}.picker-city__emoji{font-size:1.5rem}}