@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto+Mono:wght@400;500;600;700&display=swap";.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:sticky;top:0;z-index:100}.header__brand{display:flex;align-items:center;gap:.75rem}.header__logo{filter:drop-shadow(0 0 6px rgba(135,206,235,.4));transition:filter var(--transition-fast);flex-shrink:0}.header__logo:hover{filter:drop-shadow(0 0 12px rgba(244,197,66,.5))}.header__title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin-top:-1px}.header__tld{font-weight:600}.header__tld-dot{color:#ff9f7f}.header__tld-l1{color:#87ceeb}.header__tld-o{color:#f4c542}.header__tld-l2{color:#e07850}.header__controls{display:flex;align-items:center;gap:.75rem}.header__share-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__share-btn:hover{background:#ffffff1a;border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.header__share-btn--copied{background:#22c55e26;border-color:var(--color-success);color:var(--color-success)}.header__share-btn svg{flex-shrink:0}.header__toggle{display:flex;align-items:center;gap:.25rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;font-family:Roboto Mono,monospace;color:var(--color-text-secondary);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__toggle:hover{border-color:var(--color-accent);background:#3b82f61a}.header__format-option{opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast)}.header__format-option--active{opacity:1;color:var(--color-accent)}.header__format-divider{opacity:.3}.header__calendar-container{position:relative}.header__calendar-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:#ffffff0d;border:1px solid rgba(244,197,66,.3);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;position:relative}.header__calendar-btn svg{color:#f4c542;opacity:.8}.header__calendar-btn:hover{background:#f4c5421a;border-color:#f4c54280;color:var(--color-text-primary)}.header__calendar-btn:hover svg{opacity:1}.header__calendar-btn--connected{background:#22c55e1a;border-color:#22c55e4d;color:var(--color-success)}.header__calendar-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-success);border-radius:50%;border:2px solid var(--color-bg)}.header__calendar-backdrop{display:none;position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998}.header__calendar-menu{position:fixed;top:60px;right:1rem;min-width:240px;background:var(--color-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;z-index:99999;overflow:hidden;animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header__calendar-menu-header{padding:.875rem 1rem;font-size:.8125rem;color:var(--color-text-secondary);border-bottom:1px solid rgba(255,255,255,.08);line-height:1.4}.header__calendar-menu-status{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.8125rem;font-weight:600;color:var(--color-success);border-bottom:1px solid rgba(255,255,255,.08)}.header__calendar-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.header__calendar-menu-item:hover{background:#ffffff0d}.header__calendar-menu-item--disconnect{color:var(--color-error)}.header__calendar-menu-item--disconnect:hover{background:#ef44441a}.header__calendar-menu-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-size:.75rem;color:var(--color-text-tertiary);background:#ffffff08;border-top:1px solid rgba(255,255,255,.08)}.header__calendar-menu-signup{padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:var(--color-accent);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.header__calendar-menu-signup:hover{background:#3b82f633;border-color:var(--color-accent)}@media(max-width:768px){.header{padding:.875rem 1.25rem}.header__controls{gap:.5rem}.header__toggle,.header__calendar-btn,.header__share-btn{padding:.375rem .75rem;font-size:.8125rem}}@media(max-width:480px){.header{padding:.75rem 1rem}.header__brand{gap:.5rem}.header__title{font-size:1.0625rem}.header__logo{width:28px;height:28px}.header__controls{gap:.375rem}.header__toggle,.header__calendar-btn{padding:.5rem;font-size:.75rem;min-width:44px;min-height:44px;justify-content:center}.header__calendar-btn svg{width:18px;height:18px}.header__calendar-btn span{display:none}.header__share-btn{padding:.5rem;font-size:.75rem;min-width:44px;min-height:44px;justify-content:center}.header__share-btn svg{width:18px;height:18px}.header__share-btn span{display:none}.header__calendar-backdrop{display:block;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header__calendar-menu{position:fixed;inset:auto 0 0;min-width:auto;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 40px #00000080;animation:slideUpMenu .2s ease-out;max-height:70vh;overflow-y:auto;z-index:99999}@keyframes slideUpMenu{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.header__calendar-menu:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:.75rem auto .5rem}.header__calendar-menu-header{padding:.5rem 1.25rem 1rem;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}.header__calendar-menu-item{padding:1rem 1.25rem;font-size:1rem;min-height:56px}.header__calendar-menu-item svg,.header__calendar-menu-item img{width:24px;height:24px}.header__calendar-menu-footer{padding:1rem 1.25rem 1.5rem;flex-direction:column;gap:.75rem;text-align:center}.header__calendar-menu-signup{width:100%;padding:.75rem 1rem;font-size:.875rem}}@media(max-width:360px){.header{padding:.625rem .75rem}.header__title{font-size:.9375rem}.header__logo{width:24px;height:24px}.header__toggle,.header__calendar-btn,.header__share-btn{min-width:40px;min-height:40px;padding:.375rem}}.calendar-picker{position:relative}.calendar-picker__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.calendar-picker__trigger:hover{border-color:var(--color-accent);background:#3b82f61a}.calendar-picker__trigger--today{border-color:var(--color-accent);background:#3b82f626;box-shadow:0 0 20px var(--color-accent-glow)}.calendar-picker__icon{color:var(--color-text-tertiary)}.calendar-picker__trigger--today .calendar-picker__icon{color:var(--color-accent)}.calendar-picker__date{min-width:100px;font-family:Roboto Mono,monospace;font-size:.875rem}.calendar-picker__chevron{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.calendar-picker__trigger[aria-expanded=true] .calendar-picker__chevron{transform:rotate(180deg)}.calendar-dropdown{position:fixed;background:#1e293b!important;background-color:#1e293b!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--radius-lg);box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #000000b3,0 0 80px #3b82f61a;z-index:9999;min-width:300px;animation:calendarSlideDown .15s ease}.calendar-dropdown,.calendar-dropdown *{--calendar-bg: #1E293B}.calendar-dropdown>*{background-color:#1e293b!important}@keyframes calendarSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-dropdown .calendar-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);background:#1e293b!important}.calendar-dropdown .calendar-month-year-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:transparent!important;border:none!important;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.calendar-dropdown .calendar-month-year-btn:hover{background:#ffffff14!important}.calendar-dropdown .calendar-month-year-btn svg{color:#ffffff80;transition:transform var(--transition-fast)}.calendar-dropdown .calendar-month-year{font-weight:700;font-size:1.0625rem;color:#e07850!important;letter-spacing:-.01em}.calendar-dropdown .calendar-nav-buttons{display:flex;align-items:center;gap:.25rem}.calendar-dropdown .calendar-nav-btn,.calendar-dropdown button.calendar-nav-btn{padding:.5rem;color:#fff9!important;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:transparent!important;border:none!important}.calendar-dropdown .calendar-nav-btn:hover,.calendar-dropdown button.calendar-nav-btn:hover{color:#f1f5f9!important;background:#ffffff1a!important}.calendar-dropdown .calendar-grid{padding:1rem 1.25rem;background:#1e293b!important}.calendar-dropdown .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.75rem;background:#1e293b!important}.calendar-dropdown .calendar-weekday{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6!important;text-align:center;padding:.375rem;background:#1e293b!important}.calendar-dropdown .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#1e293b!important}.calendar-dropdown .calendar-day,.calendar-dropdown button.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;font-family:Roboto Mono,monospace;color:#cbd5e1!important;background:#1e293b!important;background-color:#1e293b!important;border:none!important;border-radius:50%;transition:all var(--transition-fast);cursor:pointer;position:relative;box-shadow:none!important}.calendar-dropdown .calendar-day:hover:not(.calendar-day--empty):not(.calendar-day--selected),.calendar-dropdown button.calendar-day:hover:not(.calendar-day--empty):not(.calendar-day--selected){background:#ffffff26!important;background-color:#ffffff26!important;color:#f1f5f9!important}.calendar-dropdown .calendar-day--empty{cursor:default;background:#1e293b!important}.calendar-dropdown .calendar-day--today{color:#f4c542!important;font-weight:700;background:#1e293b!important}.calendar-dropdown .calendar-day--today:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;background:#f4c542;border-radius:50%}.calendar-dropdown .calendar-day--selected,.calendar-dropdown button.calendar-day--selected{background:linear-gradient(135deg,#f4c542,#e07850)!important;background-color:transparent!important;color:#0f172a!important;font-weight:700;box-shadow:0 0 20px #f4c5424d!important}.calendar-dropdown .calendar-day--selected:after{display:none}.calendar-dropdown .calendar-dropdown__footer{padding:.875rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);background:#1e293b!important}.calendar-dropdown .calendar-today-btn{width:100%;padding:.75rem;font-size:.8125rem;font-weight:600;color:#f4c542!important;background:#f4c5421a!important;border:1px solid rgba(244,197,66,.25)!important;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem}.calendar-dropdown .calendar-today-btn:hover{background:#f4c54233!important;border-color:#f4c54280!important}.wheel-picker-overlay{background:#1e293b!important}.wheel-picker{display:flex;flex-direction:column;background:#1e293b!important}.wheel-picker__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);background:#1e293b!important}.wheel-picker__title{font-weight:700;font-size:1.0625rem;color:#e07850!important;letter-spacing:-.01em}.wheel-picker__chevron{padding:.5rem .75rem;color:#fff9!important;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ffffff14!important;border:none!important;cursor:pointer}.wheel-picker__chevron:hover{color:#f1f5f9!important;background:#ffffff26!important}.wheel-picker__chevron svg{transform:rotate(180deg)}.wheel-picker__wheels{display:flex;position:relative;background:#1e293b!important;height:220px}.wheel-picker__highlight{position:absolute;left:1rem;right:1rem;height:44px;background:#ffffff14;border-radius:var(--radius-md);pointer-events:none;z-index:0}.wheel-picker__column{flex:1;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:1;height:220px}.wheel-picker__column::-webkit-scrollbar{display:none}.wheel-picker__spacer{flex-shrink:0}.wheel-picker__item{display:flex;align-items:center;font-size:1rem;font-weight:500;color:#ffffff59;cursor:pointer;scroll-snap-align:center;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;padding:0 1.5rem}.wheel-picker__column:first-of-type .wheel-picker__item{justify-content:flex-end;padding-right:1rem}.wheel-picker__column:last-of-type .wheel-picker__item{justify-content:flex-start;padding-left:1rem}.wheel-picker__item:hover{color:#ffffff80}.wheel-picker__item--selected{font-weight:700;font-size:1.125rem;color:#f1f5f9!important}.wheel-picker__footer{padding:.875rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);background:#1e293b!important}.wheel-picker__confirm{width:100%;padding:.75rem;font-size:.8125rem;font-weight:600;color:#f4c542!important;background:#f4c5421a!important;border:1px solid rgba(244,197,66,.25)!important;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.wheel-picker__confirm:hover{background:#f4c54233!important;border-color:#f4c54280!important}@media(max-width:480px){.calendar-dropdown{position:fixed;inset:auto 0 0;min-width:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:calendarSlideUp .2s ease}@keyframes calendarSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.calendar-day{padding:.75rem}}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.75rem;z-index:10000;pointer-events:none;max-width:calc(100vw - 2rem)}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0006,0 0 40px #0003;pointer-events:auto;animation:toastSlideIn .3s ease;min-width:300px;max-width:450px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast--exiting{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.95)}}.toast--success{border-color:#22c55e4d}.toast--success .toast__icon{color:var(--color-success)}.toast--info{border-color:#3b82f64d}.toast--info .toast__icon{color:var(--color-accent)}.toast--warning{border-color:#fbbf244d}.toast--warning .toast__icon{color:#fbbf24}.toast__icon{flex-shrink:0;margin-top:.125rem}.toast__content{flex:1;min-width:0}.toast__message{margin:0;font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.toast__action{display:inline-flex;align-items:center;margin-top:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;color:var(--color-accent);background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.toast__action:hover{background:#3b82f640;border-color:var(--color-accent)}.toast__close{flex-shrink:0;padding:.25rem;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-left:.25rem}.toast__close:hover{color:var(--color-text-primary);background:#ffffff1a}@media(max-width:480px){.toast-container{bottom:1rem;left:1rem;right:1rem;transform:none}.toast{min-width:auto;max-width:none;width:100%}}.timeline-view{padding:2rem;max-width:1200px;margin:0 auto}.hero-clock{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;margin-bottom:1rem;background:#0000004d;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.hero-clock__left{display:flex;align-items:center;gap:1rem}.hero-clock__city-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.hero-clock__city-btn:hover{background:#ffffff1a;border-color:var(--color-accent);color:var(--color-text-primary)}.hero-clock__emoji{font-size:1.125rem}.hero-clock__city-name{font-weight:600}.hero-clock__city-btn svg{color:var(--color-text-tertiary)}.hero-clock__time{display:flex;flex-direction:column;align-items:flex-start;padding:.375rem .75rem;background:#ffffff0d;border-radius:var(--radius-md)}.hero-clock__time--day{background:#ffffff1a}.hero-clock__time--night{background:#ffffff0d}.hero-clock__time-value{font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--color-text-primary)}.hero-clock__time-value--editable{cursor:pointer;padding:.125rem .25rem;margin:-.125rem -.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid transparent;user-select:none;-webkit-user-select:none}.hero-clock__time-value--editable:hover{background:#ffffff1a;border-color:#fff3}.hero-clock__time-input{font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--color-text-primary);background:#ffffff1a;border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:.125rem .375rem;width:100px;outline:none;text-align:center}.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{font-size:.6875rem;color:var(--color-text-secondary);margin-top:.125rem}.hero-clock__right{display:flex;align-items:center;gap:.75rem}.hero-clock__reset-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-accent);transition:all var(--transition-fast)}.hero-clock__reset-btn:hover{background:#3b82f640;border-color:var(--color-accent)}.hero-clock__reset-btn svg{flex-shrink:0}.hero-clock__reset-text{white-space:nowrap}.hero-clock__offset-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#fbbf2433;border-radius:9999px;font-size:.6875rem;font-weight:600;font-family:Roboto Mono,monospace;color:#fbbf24;letter-spacing:-.02em}.hero-clock__live-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:9999px;font-size:.625rem;font-weight:700;letter-spacing:.1em;color:var(--color-success)}.hero-clock__live-dot{width:5px;height:5px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.timeline-container{position:relative;overflow:visible;user-select:none;-webkit-user-select:none;padding-top:20px;margin-top:-8px}.hour-labels{display:flex;padding:.5rem 0 .625rem;background:#0000004d;border-bottom:1px solid var(--color-border-subtle)}.hour-labels__spacer{width:260px;flex-shrink:0}.hour-labels__track{flex:1;position:relative;height:1rem;margin-right:1rem}.hour-label{position:absolute;font-family:Roboto Mono,monospace;font-size:.6875rem;font-weight:500;color:var(--color-text-tertiary);transform:translate(-50%)}@media(max-width:480px){.hour-label--hide-mobile{display:none}}.day-separator{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;z-index:2}.day-separator__label{font-family:Roboto Mono,monospace;font-size:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary);background:transparent;padding:0;white-space:nowrap;opacity:.7}.heatmap-strip{display:flex;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--color-border-subtle);animation:heatmapFadeIn .2s ease;background:#ffffff05;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes heatmapFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.heatmap-strip__label{width:260px;flex-shrink:0;padding:0 1rem;display:flex;flex-direction:column;justify-content:center}.heatmap-strip__title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.heatmap-strip__subtitle{font-size:.625rem;color:var(--color-text-tertiary);opacity:.7}.heatmap-strip__track{flex:1;position:relative;height:16px;margin-right:1rem;background:#0f172a80;border-radius:8px;overflow:visible;box-shadow:inset 0 1px 3px #0000004d}.heatmap-segment{position:absolute;top:0;bottom:0;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.heatmap-segment--green{background:linear-gradient(180deg,#22c55ee6,#16a34af2,#22c55ed9);box-shadow:0 0 20px #22c55e66,0 0 40px #22c55e33,inset 0 1px #ffffff4d;cursor:pointer;border-radius:6px}.heatmap-segment--green:hover{box-shadow:0 0 24px #22c55e99,0 0 48px #22c55e4d,inset 0 1px #fff6;transform:scaleY(1.1)}.heatmap-segment__label{font-size:.5625rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;letter-spacing:.02em;opacity:.95}.heatmap-segment--yellow{background:linear-gradient(180deg,#fbbf24d9,#f59e0be6,#fbbf24cc);box-shadow:0 0 16px #fbbf2459,0 0 32px #fbbf2426,inset 0 1px #ffffff40;cursor:pointer;border-radius:4px}.heatmap-segment--yellow:hover{box-shadow:0 0 20px #fbbf2480,0 0 40px #fbbf2440,inset 0 1px #ffffff59;transform:scaleY(1.05)}.heatmap-segment--red{background:#33415540;cursor:default;border-radius:2px}.city-rows{position:relative;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;gap:12px;padding:12px}.city-row{display:flex;align-items:stretch;transition:background var(--transition-fast),box-shadow var(--transition-fast);min-height:68px;background:#1e293b80;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.04)}.city-row:hover{background:#1e293bb3;border-color:#ffffff14}.city-row--dragging{opacity:.5;background:#3b82f626;border-color:#3b82f64d}.city-row--drag-over{background:#3b82f633;border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f64d}.city-row__drag-handle{display:flex;align-items:center;justify-content:center;padding:.25rem;color:var(--color-text-tertiary);cursor:grab;opacity:.4;transition:all var(--transition-fast);flex-shrink:0}.city-row:hover .city-row__drag-handle{opacity:1}.city-row__drag-handle:active{cursor:grabbing;color:var(--color-accent)}.city-row__info{width:200px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem .75rem .75rem 1rem;gap:.5rem}.city-row__left{display:flex;align-items:center;gap:.625rem;min-width:0}.city-row__emoji{font-size:1.25rem;line-height:1;flex-shrink:0}.city-row__names{display:flex;flex-direction:column;min-width:0}.city-row__name{font-weight:600;font-size:.875rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;padding:.125rem .25rem;margin:-.125rem -.25rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.city-row__name:hover{background:#ffffff0d}.city-row__name--custom{color:#f4c542}.city-row__name-input{font-weight:600;font-size:.875rem;color:var(--color-text-primary);background:#ffffff1a;border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:.125rem .375rem;width:100%;min-width:80px;max-width:150px;outline:none}.city-row__name-input:focus{background:#ffffff26;box-shadow:0 0 0 2px #3b82f64d}.city-row__country{font-size:.6875rem;color:var(--color-text-tertiary)}.city-row__right{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.city-row__time{display:flex;flex-direction:column;align-items:flex-end;padding:.25rem .5rem;border-radius:var(--radius-sm);min-width:85px}.city-row__time-row{display:flex;align-items:center;gap:.375rem}.city-row__date-row{display:flex;align-items:center;gap:.25rem}.city-row__offset-badge{font-family:Roboto Mono,monospace;font-size:.625rem;font-weight:600;color:var(--color-text-tertiary);background:#ffffff14;padding:.0625rem .3125rem;border-radius:9999px;white-space:nowrap}.city-row__dst-badge{font-family:Roboto Mono,monospace;font-size:.5625rem;font-weight:700;color:#fbbf24;background:#fbbf2426;padding:.0625rem .25rem;border-radius:3px;letter-spacing:.02em;cursor:help}.city-row__dst-warning{font-size:.6875rem;cursor:help;animation:dstPulse 2s ease-in-out infinite}@keyframes dstPulse{0%,to{opacity:.8}50%{opacity:1;transform:scale(1.1)}}.city-row__time--day{background:#ffffff1a}.city-row__time--night{background:#ffffff0d}.city-row__time-value{font-family:Roboto Mono,monospace;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.city-row__date{font-size:.625rem;color:var(--color-text-secondary);white-space:nowrap}.city-row__remove{padding:.25rem;color:var(--color-text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast)}.city-row:hover .city-row__remove{opacity:1}.city-row__remove:hover{color:var(--color-error);background:#ef44441a}.city-row__timeline{flex:1;display:flex;align-items:center;padding:.625rem 1rem .625rem 0}.timeline-gradient{flex:1;height:32px;border-radius:6px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.timeline-icon{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:.875rem;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));z-index:2}.timeline-icon--sun{animation:sunPulse 4s ease-in-out infinite}.timeline-icon--moon{animation:moonPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.timeline-time{position:absolute;top:50%;transform:translate(-50%,-50%);font-family:Roboto Mono,monospace;font-size:.8125rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;z-index:5;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.02em}.timeline-time--day{color:#1e293b;background:#ffffffe6;box-shadow:0 2px 8px #0003}.timeline-time--night{color:#f8fafc;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d}@keyframes moonPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.scrubber-track{position:absolute;inset:0;display:flex;cursor:ew-resize;z-index:10;pointer-events:none;user-select:none;-webkit-user-select:none}.scrubber-track__spacer{width:260px;flex-shrink:0;pointer-events:none}.scrubber-track__area{flex:1;position:relative;margin-right:1rem;pointer-events:auto;user-select:none;-webkit-user-select:none}.scrubber-line{position:absolute;top:0;bottom:0;width:.5px;background:linear-gradient(to bottom,rgba(59,130,246,.8) 0%,rgba(59,130,246,.4) 50%,rgba(59,130,246,.1) 85%,transparent 100%);transform:translate(-50%);z-index:11}.scrubber-line--dragging{width:1px;background:linear-gradient(to bottom,var(--color-accent) 0%,rgba(59,130,246,.5) 50%,rgba(59,130,246,.15) 85%,transparent 100%)}.scrubber-handle{position:absolute;top:-6px;left:0;transform:translate(-50%);cursor:grab;transition:all var(--transition-fast);z-index:12}.scrubber-handle__pill{display:flex;align-items:center;justify-content:center;padding:.25rem .625rem;min-width:52px;height:24px;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.5);border-radius:9999px;box-shadow:0 0 16px #3b82f64d,0 4px 12px #0006,inset 0 1px #ffffff1a;font-family:Roboto Mono,monospace;font-size:.6875rem;font-weight:600;color:var(--color-accent);letter-spacing:.02em;white-space:nowrap}.scrubber-handle:hover .scrubber-handle__pill{background:#0f172af2;border-color:var(--color-accent);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{display:flex;gap:.75rem;margin-top:1rem}.add-city-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.875rem;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.add-city-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#3b82f60d}.share-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:var(--radius-md);color:var(--color-success);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.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{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#f4c542,#e07850);border:none;border-radius:var(--radius-md);color:#0f172a;font-size:.875rem;font-weight:600;transition:all var(--transition-fast);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{background:#f4c54233;color:#f4c542;border:1px solid #F4C542;box-shadow:0 0 15px #f4c5424d}.meeting-duration-band{position:absolute;top:0;bottom:0;background:#3b82f633;border-left:2px solid var(--color-accent);border-right:2px solid rgba(59,130,246,.4);z-index:6;pointer-events:none;border-radius:0 4px 4px 0}.duration-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:.5rem 0}.duration-toggle__label{font-size:.75rem;color:var(--color-text-tertiary);font-weight:500}.duration-toggle__options{display:flex;gap:.25rem;background:#ffffff0d;border-radius:var(--radius-md);padding:.25rem}.duration-toggle__btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;font-family:Roboto Mono,monospace;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer}.duration-toggle__btn:hover{color:var(--color-text-secondary);background:#ffffff0d}.duration-toggle__btn--active{color:var(--color-accent);background:#3b82f626}.smart-copy-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.smart-copy-btn:hover{border-color:var(--color-text-tertiary);background:#ffffff1a;color:var(--color-text-primary)}.best-time-highlight{position:absolute;top:0;bottom:0;background:#22c55e26;border-left:2px solid rgba(34,197,94,.6);border-right:2px solid rgba(34,197,94,.6);z-index:5;pointer-events:none;animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{background:#22c55e26}50%{background:#22c55e40}}.best-time-highlight__label{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#22c55ee6;color:#fff;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:0 2px 8px #0000004d}.calendar-export-container{position:relative}.calendar-export-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:var(--radius-md);color:var(--color-accent);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.calendar-export-btn:hover{border-color:var(--color-accent);background:#3b82f640}.calendar-export-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.5rem;min-width:180px;box-shadow:0 10px 40px #00000080;z-index:100;animation:menuSlideUp .15s ease}@keyframes menuSlideUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.calendar-export-menu__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:#cbd5e1;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.calendar-export-menu__item:hover{background:#ffffff1a;color:#f1f5f9}.calendar-export-menu__item svg{flex-shrink:0;opacity:.7}.calendar-export-menu__item:hover svg{opacity:1}.keyboard-hint{text-align:center;font-size:.75rem;color:var(--color-text-tertiary);margin-top:1rem;opacity:.6}.keyboard-hint kbd{display:inline-block;padding:.125rem .375rem;font-family:Roboto Mono,monospace;font-size:.625rem;font-weight:500;background:#ffffff0d;border:1px solid var(--color-border);border-radius:4px;margin:0 .125rem}@media(max-width:768px){.timeline-view{padding:1rem}.hero-clock{flex-direction:column;gap:.75rem;padding:1rem}.hero-clock__left,.hero-clock__right{width:100%;justify-content:space-between}.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:1 1 auto;min-width:120px}.heatmap-strip__label{width:130px;padding:0 .625rem}}@media(max-width:480px){.timeline-view{padding:.75rem}.hero-clock{padding:.75rem;gap:.5rem}.hero-clock__left{flex-wrap:wrap;gap:.5rem}.hero-clock__city-btn{font-size:.8125rem;padding:.25rem .5rem}.hero-clock__emoji{font-size:1rem}.hero-clock__time{padding:.25rem .5rem}.hero-clock__time-value{font-size:1.125rem}.hero-clock__time-input{font-size:1.125rem;width:85px}.hero-clock__time-date{font-size:.625rem}.hero-clock__live-indicator{font-size:.5625rem;padding:.125rem .375rem}.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{font-size:.5rem;padding:.0625rem .25rem}.city-rows{gap:10px;padding:10px}.city-row{min-height:auto;flex-direction:column}.city-row__info{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem .75rem;gap:.5rem}.city-row__left{gap:.5rem;flex:1;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;align-items:center;gap:.5rem;flex-shrink:0}.city-row__time{flex-direction:column;align-items:flex-end;padding:.25rem .5rem;min-width:auto}.city-row__time-row{gap:.25rem}.city-row__time-value{font-size:.9375rem}.city-row__offset-badge{font-size:.5625rem}.city-row__dst-badge{font-size:.5rem;padding:.0625rem .1875rem}.city-row__date-row{display:none}.city-row__remove{opacity:1;padding:.75rem;margin:-.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.city-row__timeline{padding:.375rem .75rem .5rem;width:100%}.timeline-gradient{height:24px}.timeline-icon{font-size:.6875rem}.heatmap-strip{flex-direction:column;padding:.5rem .75rem;gap:.375rem}.heatmap-strip__label{flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:0}.heatmap-strip__title{font-size:.6875rem}.heatmap-strip__subtitle{font-size:.5625rem}.heatmap-strip__track{margin-right:0;height:12px}.duration-toggle{flex-wrap:wrap;gap:.5rem;padding:.375rem 0}.duration-toggle__label{font-size:.6875rem;width:100%;text-align:center}.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,.calendar-export-btn{padding:.75rem;font-size:.8125rem}.calendar-export-menu{left:0;right:0;transform:none;min-width:auto}.scrubber-handle__pill{min-width:58px;height:28px;font-size:.75rem;padding:.25rem .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{font-size:1rem;width:80px}.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{font-size:.6875rem;padding:.1875rem .375rem}}.picker-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:pickerFadeIn .15s ease}@keyframes pickerFadeIn{0%{opacity:0}to{opacity:1}}.picker-modal{background:#0f0f11f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #00000080,0 0 100px #3b82f61a;animation:pickerSlideUp .2s ease}@keyframes pickerSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.picker-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-subtle)}.picker-modal__title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.picker-modal__close{padding:.5rem;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.picker-modal__close:hover{color:var(--color-text-primary);background:#ffffff1a}.picker-modal__search{position:relative;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-subtle)}.picker-modal__search-icon{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.picker-modal__input{width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0000004d;color:var(--color-text-primary);transition:all var(--transition-fast)}.picker-modal__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);background:#00000080}.picker-modal__input::placeholder{color:var(--color-text-tertiary)}.picker-modal__results{flex:1;overflow-y:auto;padding:1rem}.picker-modal__empty{padding:3rem 2rem;text-align:center;color:var(--color-text-tertiary)}.picker-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.picker-city{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem .75rem;border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);border:1px solid transparent}.picker-city:hover{background:#3b82f61a;border-color:var(--color-accent);transform:translateY(-2px)}.picker-city__emoji{font-size:1.75rem;line-height:1;margin-bottom:.25rem}.picker-city__name{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.picker-city__country{font-size:.75rem;color:var(--color-text-tertiary)}@media(max-width:480px){.picker-modal{max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:auto}.picker-modal__grid{grid-template-columns:repeat(2,1fr)}.picker-city{padding:1rem .5rem}.picker-city__emoji{font-size:1.5rem}}.scene-tabs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.scene-tabs__list{display:flex;align-items:center;gap:.375rem;padding:.375rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:visible;scrollbar-width:none}.scene-tabs__list::-webkit-scrollbar{display:none}.scene-tab{position:relative;display:flex;align-items:center;gap:.125rem;flex-shrink:0}.scene-tab__btn{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;opacity:.6}.scene-tab__btn:hover{color:var(--color-text-secondary);opacity:.85;background:#ffffff0a}.scene-tab__btn[data-tooltip]{position:relative}.scene-tab__btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:6px 10px;font-size:.6875rem;font-weight:500;color:var(--color-text-tertiary);background:#0f172a;border:1px solid rgba(71,85,105,.5);border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;pointer-events:none;box-shadow:0 4px 12px #0006;z-index:1000}.scene-tab__btn[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);border:5px solid transparent;border-top-color:#47556980;opacity:0;visibility:hidden;transition:all .15s ease;pointer-events:none;z-index:1001}.scene-tab__btn[data-tooltip]:hover:after,.scene-tab__btn[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.scene-tab--active .scene-tab__btn{color:var(--color-text-primary);font-weight:600;opacity:1;background:#ffffff1a;box-shadow:0 1px 3px #0003}.scene-tab__menu-btn{padding:.25rem;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.scene-tab:hover .scene-tab__menu-btn,.scene-tab--active .scene-tab__menu-btn{opacity:1}.scene-tab__menu-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.scene-tab__input{padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-text-primary);background:#ffffff1a;border:1px solid var(--color-accent);border-radius:var(--radius-md);outline:none;width:120px}.scene-tab__menu{position:absolute;top:100%;left:0;margin-top:.25rem;padding:.25rem;background:var(--color-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:0 4px 20px #0000004d;z-index:100;min-width:120px}.scene-tab__menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left}.scene-tab__menu-item:hover{color:var(--color-text-primary);background:#ffffff0d}.scene-tab__menu-item--danger:hover{color:var(--color-error);background:#ef44441a}.scene-tab--add{padding:.625rem;color:var(--color-text-tertiary);background:transparent;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.scene-tab--add:hover:not(.scene-tab--disabled){color:var(--color-accent);border-color:var(--color-accent);background:#3b82f61a}.scene-tab--disabled{opacity:.5;cursor:not-allowed}.scene-tabs__upgrade-hint{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-tertiary)}.scene-tabs__upgrade-btn{padding:.25rem .5rem;font-size:.75rem;font-weight:600;color:var(--color-accent);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.scene-tabs__upgrade-btn:hover{background:#3b82f633;border-color:var(--color-accent)}@media(max-width:768px){.scene-tabs__list{padding:.25rem;gap:.25rem}.scene-tab__btn{padding:.5rem .875rem;font-size:.8125rem}}@media(max-width:640px){.scene-tabs{margin-bottom:1rem}.scene-tabs__list{padding:.25rem;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.scene-tab{scroll-snap-align:start}.scene-tab__btn{padding:.625rem 1rem;font-size:.8125rem;min-height:44px}.scene-tab__menu-btn{opacity:1;min-width:32px;min-height:32px}.scene-tab--add{padding:.625rem;min-width:44px;min-height:44px}.scene-tab__menu{min-width:140px}.scene-tab__menu-item{padding:.75rem 1rem;font-size:.875rem;min-height:48px}.scene-tabs__upgrade-hint{font-size:.6875rem;flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.scene-tabs__list{background:#ffffff08;border-color:#ffffff0a}.scene-tab__btn{padding:.5rem .75rem;font-size:.75rem}.scene-tab--active .scene-tab__btn{background:#ffffff14}.scene-tab__menu{position:fixed;inset:auto 0 0;min-width:auto;width:100%;margin-top:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 40px #00000080;animation:slideUpMenu .2s ease-out;z-index:1000;padding:.5rem}@keyframes slideUpMenu{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.scene-tab__menu-item{padding:1rem 1.25rem;font-size:1rem;min-height:56px;border-radius:var(--radius-md)}}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(139,92,246,.1),transparent),var(--color-bg)}.main{flex:1;max-width:1400px;margin:0 auto;width:100%}.footer{padding:1.5rem 2rem;text-align:center;border-top:1px solid var(--color-border-subtle);background:transparent}.footer p{font-size:.8125rem;color:var(--color-text-tertiary)}.footer a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.footer a:hover{color:var(--color-accent-light);text-decoration:underline}@media(max-width:768px){.main{padding:0}}@media(max-width:480px){.footer{padding:1rem}}.meeting-planner{background:#fff;border-radius:12px;padding:24px}.planner-summary{margin-bottom:20px;padding:16px;background:#e8f4fd;border-radius:8px;border-left:4px solid #3498db}.planner-summary p{margin:0;color:#333;line-height:1.5}.planner-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.legend-item .dot{width:12px;height:12px;border-radius:3px}.legend-item.ideal .dot{background:#27ae60}.legend-item.possible .dot{background:#f1c40f}.legend-item.poor .dot{background:#e74c3c}.timeline-header{display:flex;justify-content:space-between;margin-bottom:12px;padding:0 8px}.timeline-header .city-label{font-weight:600;font-size:14px;color:#333}.timeline-slots{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto;padding:4px;background:#f5f5f5;border-radius:8px}.time-slot{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.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{font-size:12px;font-weight:500;color:#555;min-width:50px;font-variant-numeric:tabular-nums}.slot-bar{flex:1;height:8px;border-radius:4px;background:currentColor;opacity:.3}.time-slot.ideal .slot-bar{background:#27ae60}.time-slot.possible .slot-bar{background:#f1c40f}.time-slot.poor .slot-bar{background:#e74c3c}.selected-time{margin-top:24px;padding:20px;background:#667eea;border-radius:12px;color:#fff}.selected-time h4{margin:0 0 16px;font-size:16px;font-weight:600}.time-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row .city-name{font-size:14px;opacity:.9}.detail-row .time-value{font-size:18px;font-weight:600}.quality-indicator{margin-top:8px;text-align:center}.quality-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quality-badge.ideal{background:#27ae60}.quality-badge.possible{background:#f1c40f;color:#333}.quality-badge.poor{background:#e74c3c}.quick-select{margin-top:24px}.quick-select h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.quick-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-btn{padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.quick-btn.ideal{background:#27ae6026;color:#27ae60}.quick-btn.possible{background:#f1c40f33;color:#b8860b}.quick-btn.poor{background:#e74c3c1a;color:#e74c3c}.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{font-size:11px;min-width:40px}.quick-buttons{justify-content:center}}.share-buttons{display:flex;align-items:center;gap:8px}.share-label{font-size:14px;color:#666;margin-right:4px}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#fff}.share-btn:hover{transform:scale(1.1)}.share-btn:active{transform:scale(.95)}.share-btn.twitter{background:#000}.share-btn.twitter:hover{background:#333}.share-btn.whatsapp{background:#25d366}.share-btn.whatsapp:hover{background:#128c7e}.share-btn.linkedin{background:#0a66c2}.share-btn.linkedin:hover{background:#004182}.share-btn.email{background:#ea4335}.share-btn.email:hover{background:#c5221f}.share-btn.slack{background:#4a154b}.share-btn.slack:hover{background:#611f69}.share-btn.copy{background:#667eea}.share-btn.copy:hover{background:#5a6fd6}@media(max-width:480px){.share-buttons{flex-wrap:wrap;justify-content:center}.share-label{width:100%;text-align:center;margin-bottom:8px;margin-right:0}.share-btn{width:36px;height:36px}}.copy-invite-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.copy-invite-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-invite-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.copy-invite-btn.copied{background:#27ae60}.copy-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:100;min-width:220px}.copy-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:#fff;cursor:pointer;transition:background .15s ease;text-align:left}.copy-dropdown button:hover{background:#f5f5f5}.copy-dropdown button:not(:last-child){border-bottom:1px solid #eee}.format-icon{font-size:20px}.format-info{display:flex;flex-direction:column;gap:2px}.format-name{font-size:14px;font-weight:600;color:#333}.format-desc{font-size:12px;color:#888}.invite-preview{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border-radius:8px;font-size:14px}.preview-label{color:#888;font-size:12px}.preview-content{display:flex;align-items:center;gap:8px;font-weight:500;color:#333;font-variant-numeric:tabular-nums}.preview-content .separator{color:#ccc}@media(max-width:480px){.copy-invite-btn{padding:10px 20px;font-size:14px}.copy-dropdown{min-width:200px}}.calendar-export{position:relative}.calendar-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#333;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.calendar-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.calendar-btn svg{color:#667eea}.calendar-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:100;min-width:260px}.calendar-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:#fff;cursor:pointer;transition:background .15s ease;text-align:left;font-size:14px;font-weight:500;color:#333}.calendar-dropdown button:hover{background:#f5f5f5}.calendar-dropdown button:not(:last-child){border-bottom:1px solid #eee}.calendar-dropdown button svg{flex-shrink:0}@media(max-width:480px){.calendar-btn{padding:10px 18px;font-size:14px}.calendar-dropdown{min-width:220px}}.comparison-page{max-width:900px;margin:0 auto;padding:20px}.comparison-page.error{text-align:center;padding:60px 20px}.comparison-page.error h1{color:#e74c3c}.direct-answer{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:32px}.direct-answer h1.time-answer{font-size:32px;font-weight:700;margin:0 0 16px}.direct-answer .time-difference{font-size:20px;margin:0;opacity:.95}.current-times{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.time-card{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 20px #00000014;min-width:200px;flex:1;max-width:300px}.time-card .city-emoji{font-size:48px;margin-bottom:12px}.time-card h2{font-size:24px;font-weight:600;margin:0 0 4px;color:#333}.time-card .country{font-size:14px;color:#666;margin:0 0 16px}.time-card .time-display{font-size:42px;font-weight:700;color:#333;font-variant-numeric:tabular-nums;margin-bottom:8px}.time-card .date{font-size:14px;color:#888;margin:0}.time-separator{display:flex;flex-direction:column;align-items:center;gap:8px}.time-separator .vs{font-size:18px;font-weight:600;color:#999}.time-separator .diff-badge{background:#667eea;color:#fff;padding:6px 14px;border-radius:20px;font-size:16px;font-weight:600}.meeting-section{background:#f8f9fa;border-radius:16px;padding:32px;margin-bottom:32px}.meeting-section h2{font-size:24px;margin:0 0 12px;color:#333}.meeting-section .meeting-suggestion{color:#666;margin:0 0 24px;line-height:1.6}.actions-section{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000d}.context-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 2px 12px #0000000d}.context-section h2{font-size:20px;margin:0 0 16px;color:#333}.context-section p{color:#555;line-height:1.7;margin:0 0 12px}.context-section .fun-fact{background:#e8f4fd;padding:16px;border-radius:8px;border-left:4px solid #3498db;margin-top:16px}.faq-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 2px 12px #0000000d}.faq-section h2{font-size:24px;margin:0 0 24px;color:#333}.faq-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h3{font-size:18px;font-weight:600;margin:0 0 12px;color:#333}.faq-item p{color:#555;line-height:1.7;margin:0}.related-section{background:#f8f9fa;border-radius:16px;padding:32px}.related-section h2{font-size:20px;margin:0 0 20px;color:#333}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{background:#fff;color:#3498db;padding:10px 18px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #0000000d}.related-links a:hover{background:#3498db;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.comparison-page{padding:16px}.direct-answer{padding:24px 16px}.direct-answer h1.time-answer{font-size:24px}.direct-answer .time-difference{font-size:16px}.current-times{flex-direction:column}.time-card{width:100%;max-width:none}.time-separator{flex-direction:row;padding:16px 0}.meeting-section,.context-section,.faq-section,.related-section{padding:20px}}.faq-page{max-width:800px;margin:0 auto;padding:20px}.faq-header{text-align:center;margin-bottom:40px}.faq-header h1{font-size:36px;font-weight:700;color:#333;margin:0 0 12px}.faq-header p{font-size:18px;color:#666;margin:0}.faq-search{position:relative;margin-bottom:24px}.faq-search input{width:100%;padding:16px 20px 16px 50px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:border-color .2s}.faq-search input:focus{outline:none;border-color:#667eea}.faq-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#999}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.category-btn{padding:10px 18px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.category-btn:hover{border-color:#667eea;color:#667eea}.category-btn.active{background:#667eea;border-color:#667eea;color:#fff}.faq-list{display:flex;flex-direction:column;gap:12px;margin-bottom:48px}.faq-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:#667eea}.faq-item summary{padding:20px;font-size:16px;font-weight:600;color:#333;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:24px;font-weight:400;color:#999;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{color:#667eea}.faq-answer{padding:20px;border-top:1px solid #eee;margin-top:-1px}.faq-answer p{color:#555;line-height:1.7;margin:0 0 16px}.faq-tags{display:flex;flex-wrap:wrap;gap:8px}.faq-tags .tag{padding:4px 10px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#666}.no-results{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:12px}.no-results p{color:#666;margin:0 0 16px}.no-results button{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.quick-links{background:#f8f9fa;border-radius:16px;padding:32px;margin-bottom:32px}.quick-links h2{font-size:20px;margin:0 0 20px;color:#333}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.links-grid a{padding:12px 16px;background:#fff;border-radius:8px;text-decoration:none;color:#3498db;font-weight:500;text-align:center;transition:all .2s;box-shadow:0 2px 8px #0000000d}.links-grid a:hover{background:#3498db;color:#fff;transform:translateY(-2px)}.cta-section{text-align:center;padding:40px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff}.cta-section h2{font-size:24px;margin:0 0 12px}.cta-section p{margin:0 0 24px;opacity:.9}.cta-btn{display:inline-block;padding:14px 32px;background:#fff;color:#667eea;border-radius:10px;text-decoration:none;font-weight:600;font-size:16px;transition:transform .2s}.cta-btn:hover{transform:scale(1.05)}@media(max-width:600px){.faq-page{padding:16px}.faq-header h1{font-size:28px}.faq-header p{font-size:16px}.category-filter{justify-content:center}.faq-item summary{padding:16px;font-size:15px}.quick-links,.cta-section{padding:24px}}.time-index-page{max-width:1000px;margin:0 auto;padding:20px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;margin-bottom:24px}.breadcrumb a{color:#3498db;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:#ccc}.breadcrumb .current{color:#333;font-weight:500}.page-header{text-align:center;margin-bottom:48px}.page-header h1{font-size:36px;font-weight:700;color:#333;margin:0 0 12px}.page-header p{font-size:18px;color:#666;max-width:600px;margin:0 auto}.region-section{margin-bottom:40px}.region-section h2{font-size:22px;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #eee}.pairs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.pair-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:2px solid #e8e8e8;border-radius:12px;text-decoration:none;transition:all .2s ease}.pair-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.pair-card .emoji{font-size:24px}.pair-card .cities{font-size:15px;font-weight:500;color:#333;text-align:center;flex:1}.pair-card .vs{color:#999;font-weight:400;margin:0 4px}.all-cities-section{text-align:center;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:40px}.all-cities-section h2{font-size:24px;margin:0 0 12px}.all-cities-section p{opacity:.9;max-width:500px;margin:0 auto 24px}.main-tool-btn{display:inline-block;padding:14px 32px;background:#fff;color:#667eea;border-radius:10px;text-decoration:none;font-weight:600;font-size:16px;transition:transform .2s}.main-tool-btn:hover{transform:scale(1.05)}.seo-content{background:#f8f9fa;border-radius:16px;padding:32px}.seo-content h2{font-size:22px;margin:0 0 16px;color:#333}.seo-content h3{font-size:18px;margin:24px 0 12px;color:#333}.seo-content p{color:#555;line-height:1.7;margin:0 0 16px}.seo-content ul{margin:0;padding-left:24px}.seo-content li{color:#555;line-height:1.8;margin-bottom:8px}.seo-content li strong{color:#333}@media(max-width:600px){.time-index-page{padding:16px}.page-header h1{font-size:28px}.page-header p{font-size:16px}.pairs-grid{grid-template-columns:1fr}.pair-card{padding:14px 16px}.all-cities-section,.seo-content{padding:24px}}.booking-page{min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b);color:var(--color-text-primary)}.booking-page__header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.booking-page__logo{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.02em}.booking-page__logo:hover{color:var(--color-accent)}.booking-page__main{max-width:600px;margin:0 auto;padding:2rem 1.5rem}.booking-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.booking-page__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.booking-page__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1rem}.booking-page__not-found h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.booking-page__not-found p{color:var(--color-text-secondary)}.booking-page__back-link{margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;color:var(--color-accent);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.booking-page__back-link:hover{background:#3b82f633;border-color:var(--color-accent)}.booking-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);margin-bottom:2rem}.booking-profile__avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:50%;margin-bottom:1rem}.booking-profile__emoji{font-size:2.5rem}.booking-profile__name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.booking-profile__username{font-size:.875rem;color:var(--color-text-tertiary);margin:.25rem 0 0}.booking-profile__bio{font-size:.9375rem;color:var(--color-text-secondary);margin:1rem 0 0;max-width:400px;line-height:1.5}.booking-profile__timezone{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text-secondary);background:#ffffff0d;border-radius:var(--radius-md)}.booking-profile__tz-emoji{font-size:1rem}.booking-profile__tz-time{font-family:Roboto Mono,monospace;font-weight:600;color:var(--color-text-primary)}.booking-interface{display:flex;flex-direction:column;gap:1.5rem}.booking-duration__label,.booking-dates__label,.booking-slots__label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.booking-duration__options{display:flex;gap:.5rem}.booking-duration__btn{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.booking-duration__btn:hover{color:var(--color-text-primary);background:#ffffff1a;border-color:#fff3}.booking-duration__btn--active{color:var(--color-accent);background:#3b82f61a;border-color:var(--color-accent)}.booking-dates__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.booking-date{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.booking-date:hover{background:#ffffff14;border-color:#ffffff26}.booking-date--selected{background:#3b82f626;border-color:var(--color-accent)}.booking-date__day{font-size:.6875rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase}.booking-date--selected .booking-date__day{color:var(--color-accent)}.booking-date__num{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.booking-slots__label{display:flex;align-items:baseline;justify-content:space-between}.booking-slots__tz-hint{font-size:.6875rem;font-weight:400;color:var(--color-text-tertiary);text-transform:none;letter-spacing:0}.booking-slots__empty{padding:2rem;text-align:center;color:var(--color-text-tertiary);background:#ffffff08;border-radius:var(--radius-md)}.booking-slots__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.booking-slot{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.booking-slot:hover:not(.booking-slot--unavailable){background:#ffffff14;border-color:#ffffff26}.booking-slot--selected{background:#3b82f626;border-color:var(--color-accent)}.booking-slot--unavailable{opacity:.4;cursor:not-allowed}.booking-slot__time{font-size:.9375rem;font-weight:600;font-family:Roboto Mono,monospace;color:var(--color-text-primary)}.booking-slot__host-time{font-size:.6875rem;color:var(--color-text-tertiary)}.booking-slot--selected .booking-slot__host-time{color:var(--color-accent)}.booking-confirm{margin-top:1rem;padding:1.5rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.booking-confirm__summary{margin-bottom:1rem}.booking-confirm__date{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.booking-confirm__times{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.8125rem;color:var(--color-text-secondary);margin:0}.booking-confirm__arrow{color:var(--color-text-tertiary)}.booking-confirm__btn{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.booking-confirm__btn:hover{background:#2563eb;transform:translateY(-1px)}.booking-comparison{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.booking-comparison__card{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;text-align:center}.booking-comparison__emoji{font-size:1.5rem}.booking-comparison__label{font-size:.6875rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.booking-comparison__time{font-size:1.25rem;font-weight:700;font-family:Roboto Mono,monospace;color:var(--color-text-primary)}.booking-comparison__tz{font-size:.75rem;color:var(--color-text-secondary)}.booking-comparison__arrow{color:var(--color-text-tertiary);flex-shrink:0}.booking-page__footer{padding:2rem 1.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.08)}.booking-page__footer p{font-size:.8125rem;color:var(--color-text-tertiary);margin:0}.booking-page__footer a{color:var(--color-accent);text-decoration:none}.booking-page__footer a:hover{text-decoration:underline}@media(max-width:640px){.booking-page__main{padding:1.5rem 1rem}.booking-profile{padding:1.5rem}.booking-dates__grid{grid-template-columns:repeat(7,1fr);gap:.25rem}.booking-date{padding:.5rem .25rem}.booking-date__day{font-size:.5625rem}.booking-date__num{font-size:.875rem}.booking-slots__grid{grid-template-columns:repeat(2,1fr)}.booking-comparison{flex-direction:column;gap:1.5rem}.booking-comparison__arrow{transform:rotate(90deg)}.booking-confirm__times{flex-direction:column;align-items:flex-start;gap:.25rem}.booking-confirm__arrow{display:none}}@media(max-width:400px){.booking-duration__options{flex-wrap:wrap}.booking-slots__grid{grid-template-columns:1fr}}:root{--color-bg: #09090b;--color-surface: rgba(0, 0, 0, .5);--color-surface-solid: #0f0f11;--color-surface-elevated: rgba(15, 15, 17, .8);--color-card: rgba(17, 24, 39, .95);--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-border: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .05);--color-accent: #3b82f6;--color-accent-light: #60a5fa;--color-accent-dark: #2563eb;--color-accent-glow: rgba(59, 130, 246, .4);--color-day: #fbbf24;--color-day-light: #fde68a;--color-day-dark: #f59e0b;--color-dawn: #f97316;--color-dusk: #a855f7;--color-night: #6366f1;--color-night-light: #818cf8;--color-night-dark: #4f46e5;--color-success: #22c55e;--color-error: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glass: 0 4px 30px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--color-accent-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-feature-settings:"ss01","ss02","cv01","cv02","cv03"}#root{min-height:100vh}.font-mono{font-family:Roboto Mono,monospace}.glass{background:#0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.glass-card{background:#00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.glass-surface{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border-subtle)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-blink{animation:blink 1s step-end infinite}