@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__left{display:flex;align-items:center}.header__right{display:flex;align-items:center;gap:.75rem}.header__brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.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__scene-selector{display:flex;align-items:center;position:relative}.header__breadcrumb-divider{color:var(--color-text-tertiary);margin:0 .5rem;font-weight:300;font-size:1.25rem;opacity:.4}.header__scene-btn{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.header__scene-btn:hover{color:var(--color-text-primary);background:#ffffff0d;border-color:var(--color-border)}.header__scene-btn svg{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.header__scene-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__scene-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--color-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:.5rem;box-shadow:0 10px 40px #00000080;z-index:1000;animation:sceneMenuSlide .15s ease}@keyframes sceneMenuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header__scene-item{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-md);transition:background var(--transition-fast)}.header__scene-item:hover{background:#ffffff0d}.header__scene-item--active{background:#3b82f61a}.header__scene-item--active .header__scene-item-btn{color:var(--color-accent)}.header__scene-item-btn{flex:1;padding:.625rem .75rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--color-text-primary);background:transparent;border:none;cursor:pointer}.header__scene-item-actions{display:flex;gap:.25rem;padding-right:.5rem;opacity:0;transition:opacity var(--transition-fast)}.header__scene-item:hover .header__scene-item-actions{opacity:1}.header__scene-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.header__scene-action:hover{background:#ffffff1a;color:var(--color-text-primary)}.header__scene-action--delete:hover{background:#ef444426;color:var(--color-error)}.header__scene-input{flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary);background:#ffffff1a;border:1px solid var(--color-accent);border-radius:var(--radius-sm);outline:none}.header__scene-input:focus{box-shadow:0 0 0 2px #3b82f64d}.header__scene-add{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;margin-top:.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);background:transparent;border:none;border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 var(--radius-md) var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.header__scene-add:hover{background:#ffffff0d;color:var(--color-accent)}.header__controls{display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.header__controls,.header__scene-selector{display:none}}.header__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:.5rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.3);user-select:none;-webkit-user-select:none}.header__hamburger:hover{background:#ffffff1a;border-color:var(--color-text-tertiary)}.header__hamburger:active{background:#ffffff26;transform:scale(.96)}.header__hamburger-line{display:block;width:18px;height:2px;background:var(--color-text-secondary);border-radius:1px;transition:all .2s ease}.header__hamburger--open .header__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__hamburger--open .header__hamburger-line:nth-child(2){opacity:0}.header__hamburger--open .header__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__mobile-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998;animation:fadeIn .15s ease-out}.header__mobile-menu{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--color-bg);border-left:1px solid rgba(255,255,255,.1);box-shadow:-8px 0 40px #00000080;z-index:99999;display:flex;flex-direction:column;animation:slideInRight .2s ease-out;touch-action:pan-y;-webkit-overflow-scrolling:touch}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.header__mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.header__mobile-menu-header span{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.header__mobile-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__mobile-close:hover{background:#ffffff1a;color:var(--color-text-primary)}.header__mobile-nav{flex:1;padding:1rem 0;overflow-y:auto}.header__mobile-link{display:block;width:100%;padding:.875rem 1.25rem;font-size:1rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;text-align:left;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:rgba(59,130,246,.3)}.header__mobile-link:hover{background:#ffffff0d;color:var(--color-text-primary)}.header__mobile-link--active{color:var(--color-accent);background:#3b82f61a}.header__mobile-controls{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1.25rem;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.header__mobile-controls .header__calendar-container{width:100%}.header__mobile-controls .header__calendar-btn--mobile,.header__mobile-controls .header__share-btn--mobile,.header__mobile-controls .header__toggle--mobile{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.9375rem}.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);cursor:pointer}.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);cursor:pointer}.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__lol-toggle{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.header__lol-toggle:hover{background:#ffffff1a;border-color:var(--color-text-tertiary)}.header__lol-toggle--active{background:#ff9f7f26;border-color:#ff9f7f66;color:#ff9f7f}.header__lol-toggle--active:hover{background:#ff9f7f40;border-color:#ff9f7f99}.header__lol-icon{font-size:1rem;line-height:1}.header__lol-label{font-family:Roboto Mono,monospace;letter-spacing:.02em}.header__lol-toggle--mobile{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.9375rem;grid-column:span 2}.header__seconds-toggle{gap:.35rem}.header__seconds-toggle svg{opacity:.6;transition:opacity var(--transition-fast)}.header__seconds-toggle.header__toggle--active svg{opacity:1;color:var(--color-accent)}.header__seconds-toggle.header__toggle--active{border-color:var(--color-accent);background:#3b82f61a}.header__seconds-toggle span{font-family:Roboto Mono,monospace;opacity:.6}.header__seconds-toggle.header__toggle--active span{opacity:1;color:var(--color-accent)}.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:block;position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998;animation:fadeIn .15s ease-out}.header__calendar-menu{position:fixed;inset:auto 0 0;min-width:auto;width:100%;background:var(--color-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 40px #00000080;z-index:99999;overflow:hidden;animation:slideUpMenu .2s ease-out;max-height:70vh;overflow-y:auto}@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);line-height:1.4}.header__calendar-menu-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;font-size:.9375rem;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:1rem 1.25rem;font-size:1rem;font-weight:500;color:var(--color-text-primary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;min-height:56px}.header__calendar-menu-item:hover{background:#ffffff0d}.header__calendar-menu-item svg,.header__calendar-menu-item img{width:24px;height:24px}.header__calendar-menu-item--disconnect{color:var(--color-error)}.header__calendar-menu-item--disconnect:hover{background:#ef44441a}.header__calendar-menu-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.25rem 1.5rem;font-size:.75rem;color:var(--color-text-tertiary);background:#ffffff08;border-top:1px solid rgba(255,255,255,.08);text-align:center}.header__calendar-menu-signup{width:100%;padding:.75rem 1rem;font-size:.875rem;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}}@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__hamburger{width:40px;height:40px}}@media(max-width:360px){.header{padding:.625rem .75rem}.header__title{font-size:.9375rem}.header__logo{width:24px;height:24px}.header__hamburger{width:38px;height:38px}.header__mobile-menu{width:100%;max-width:100vw}}.site-footer{position:relative;padding:0 20px 32px;background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.footer-gradient-border{height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-dawn) 15%,var(--color-day) 35%,var(--color-dusk) 65%,var(--color-night) 85%,transparent 100%);margin-bottom:32px;opacity:.8}.footer-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}.footer-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;width:100%;max-width:900px}.footer-section{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-day);margin:0 0 16px}.footer-section-links{display:flex;flex-direction:column;gap:10px}.footer-section-links a{color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-fast)}.footer-section-links a:hover{color:var(--color-text-primary)}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:24px;border-top:1px solid var(--color-border);width:100%;max-width:400px}.footer-logo-mark{display:flex;gap:8px;margin-bottom:4px}.footer-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.footer-dot--dawn{background:var(--color-dawn);color:var(--color-dawn)}.footer-dot--day{background:var(--color-day);color:var(--color-day)}.footer-dot--dusk{background:var(--color-dusk);color:var(--color-dusk)}.footer-dot--night{background:var(--color-night);color:var(--color-night)}.footer-brand-name{font-size:18px;font-weight:700;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.02em;transition:opacity var(--transition-fast)}.footer-brand-name:hover{opacity:.8}.footer-tld{font-weight:600}.footer-tld-dot{color:#ff9f7f}.footer-tld-l1{color:#87ceeb}.footer-tld-o{color:#f4c542}.footer-tld-l2{color:#e07850}.footer-copyright{color:var(--color-text-tertiary);font-size:13px;margin:0}@media(max-width:768px){.footer-sections{grid-template-columns:repeat(2,1fr);gap:32px}}@media(max-width:500px){.site-footer{padding:0 16px 24px}.footer-gradient-border{margin-bottom:24px}.footer-sections{grid-template-columns:1fr;gap:28px}.footer-section{padding-bottom:20px;border-bottom:1px solid var(--color-border-subtle)}.footer-section:last-child{border-bottom:none;padding-bottom:0}.footer-section-title{margin-bottom:12px}.footer-section-links{gap:8px}.footer-brand{padding-top:20px}}.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:#0f172a!important;background-color:#0f172a!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px;box-shadow:0 0 0 1px #ffffff14,0 25px 60px -10px #000c,0 0 100px #3b82f626;z-index:9999;min-width:320px;animation:calendarSlideDown .15s ease;overflow:hidden}.calendar-dropdown,.calendar-dropdown *{--calendar-bg: #0F172A}.calendar-dropdown>*{background-color:#0f172a!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,.1);background:#0f172a!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.5rem 1.25rem;background:#0f172a!important}.calendar-dropdown .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:.5rem;background:#0f172a!important}.calendar-dropdown .calendar-weekday{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#ffffff80!important;text-align:center;padding:.5rem 0;background:#0f172a!important}.calendar-dropdown .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;background:#0f172a!important}.calendar-dropdown .calendar-day,.calendar-dropdown button.calendar-day{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;font-family:Roboto Mono,monospace;color:#e2e8f0!important;background:transparent!important;background-color:transparent!important;border:none!important;border-radius:50%;transition:all .15s ease;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:#ffffff1f!important;background-color:#ffffff1f!important;color:#fff!important}.calendar-dropdown .calendar-day--empty{cursor:default;background:transparent!important;visibility:hidden}.calendar-dropdown .calendar-day--today{color:#f4c542!important;font-weight:700;background:transparent!important}.calendar-dropdown .calendar-day--today:after{content:"";position:absolute;bottom:4px;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 4px 20px #f4c54266!important;transform:scale(1.05)}.calendar-dropdown .calendar-day--selected:after{display:none}.calendar-dropdown .calendar-dropdown__footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0f172a!important}.calendar-dropdown .calendar-today-btn{width:100%;padding:.875rem;font-size:.875rem;font-weight:600;color:#f4c542!important;background:#f4c5421f!important;border:1px solid rgba(244,197,66,.3)!important;border-radius:10px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.calendar-dropdown .calendar-today-btn:hover{background:#f4c54233!important;border-color:#f4c54280!important;transform:translateY(-1px)}.wheel-picker-overlay{background:#0f172a!important}.wheel-picker{display:flex;flex-direction:column;background:#0f172a!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:#0f172a!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:#0f172a!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:#0f172a!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:20px 20px 0 0;animation:calendarSlideUp .2s ease}@keyframes calendarSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.calendar-dropdown .calendar-grid{padding:1rem}.calendar-dropdown .calendar-day,.calendar-dropdown button.calendar-day{width:40px;height:40px;font-size:.9375rem}.calendar-dropdown .calendar-weekday{font-size:.6875rem}}.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--error{border-color:#ef44444d}.toast--error .toast__icon{color:#ef4444}.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:center;padding:1.5rem 1rem 1rem;margin-bottom:.5rem}.hero-clock--minimal{background:transparent;border:none}.hero-clock__center{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hero-clock__city-btn--minimal{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:transparent;border:none;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;border-radius:var(--radius-sm)}.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{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;min-height:3.5rem}.hero-clock__host-city{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.375rem .625rem;background:transparent;border:none;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.2);user-select:none;-webkit-user-select:none}.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{font-family:Roboto Mono,monospace;font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast);user-select:none;-webkit-user-select:none}.hero-clock__time-large:hover{color:var(--color-accent)}.hero-clock__time-input--large{font-family:Roboto Mono,monospace;font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-text-primary);background:#ffffff0d;border:2px solid var(--color-accent);border-radius:var(--radius-md);padding:.25rem .5rem;min-width:180px;width:auto;outline:none;text-align:center}.hero-clock__time-input--large:focus{background:#ffffff14;box-shadow:0 0 0 3px #3b82f633}.hero-clock__live-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:9999px;font-size:.6875rem;font-weight:700;letter-spacing:.05em;color:var(--color-success);animation:liveBadgePulse 2s ease-in-out infinite;flex-shrink:0}.hero-clock__live-badge .hero-clock__live-dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;box-shadow:0 0 6px var(--color-success);animation:liveDotPulse 2s ease-in-out infinite}@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{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:9999px;font-size:.6875rem;font-weight:600;color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.hero-clock__reset-badge:hover{background:#3b82f640;border-color:var(--color-accent);box-shadow:0 0 12px #3b82f64d}.hero-clock__reset-badge svg{flex-shrink:0;transition:transform var(--transition-fast)}.hero-clock__reset-badge:hover svg{transform:rotate(-45deg)}.hero-clock__reset-inline{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid rgba(59,130,246,.4);border-radius:50%;color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.hero-clock__reset-inline:hover{background:#3b82f626;border-color:var(--color-accent);transform:rotate(-45deg)}.hero-clock__reset-inline svg{flex-shrink:0}.hero-clock__live-dot-minimal{width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success),0 0 16px #22c55e66;animation:livePulse 2s ease-in-out infinite}@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{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:#fb923c26;border:1px solid rgba(251,146,60,.4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:#fb923c;animation:friday5pmPulse 2s ease-in-out infinite}.friday-5pm-warning__city{font-size:.75rem;opacity:.8}@keyframes friday5pmPulse{0%,to{background:#fb923c26;transform:scale(1)}50%{background:#fb923c40;transform:scale(1.02)}}.hero-clock__date-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:transparent;border:none;font-size:.8125rem;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.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{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;background:transparent;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast)}.hero-clock__reset-btn--minimal:hover{background:#3b82f61a;border-color:var(--color-accent)}.hero-clock__reset-btn--minimal svg{flex-shrink:0}.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-btn svg{color:var(--color-text-tertiary)}.hero-clock__time{display:flex;flex-direction:row;align-items:baseline;gap:.5rem;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__edit-icon{width:14px;height:14px;margin-left:.375rem;opacity:0;transition:opacity var(--transition-fast);vertical-align:middle;color:var(--color-accent)}.hero-clock__time-value--editable:hover .hero-clock__edit-icon{opacity:.7}.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:.75rem;color:var(--color-text-secondary)}.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:280px;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}.add-city-row-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;margin:0 12px 12px;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);cursor:pointer;width:calc(100% - 24px)}.add-city-row-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#3b82f60d}.add-city-row-btn svg{flex-shrink:0}.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:280px;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-secondary);background:#ffffff1f;padding:.125rem .375rem;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__lol-warning{font-size:.6875rem;font-weight:500;color:#ff9f7f;background:#ff9f7f26;padding:.125rem .375rem;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:lolWarnPulse 3s ease-in-out infinite;display:none}@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{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}.timeline-time__day{display:inline-block;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .25rem;margin-right:.375rem;border-radius:3px;background:#fb923c40;color:#fb923c;vertical-align:middle}.timeline-time--day .timeline-time__day{background:#fb923c33;color:#ea580c}.timeline-time--lol{cursor:help;pointer-events:auto}.timeline-time__lol-icon{margin-left:.25rem;font-size:.75rem;animation:lolIconPulse 2s ease-in-out infinite}@keyframes lolIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@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;overflow:visible}.scrubber-track__spacer{width:280px;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;overflow:visible}.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%);transition:none!important}.scrubber-line--dragging .scrubber-handle{transition:none!important}.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;flex:1;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}.create-poll-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.875rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);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{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;flex:1}.calendar-export-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;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{padding:1rem .75rem .75rem}.hero-clock__time-row{min-height:3rem}.hero-clock__time-large{font-size:2.5rem}.hero-clock__time-input--large{font-size:2.5rem;min-width:150px}.hero-clock__host-city{font-size:1rem;padding:.25rem .5rem}.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{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__time-row{flex-wrap:wrap;justify-content:center;gap:.5rem}.hero-clock__host-city{width:100%;justify-content:center;font-size:.9375rem;padding:.25rem}.hero-clock__host-emoji{font-size:1rem}.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;position:relative;z-index:15}.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:20;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(239,68,68,.2)}.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,.create-poll-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}.timeline-time__day{font-size:.5625rem;padding:.0625rem .1875rem;margin-right:.25rem}}.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}}.landing-section{max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem}.landing-hero{text-align:center;margin-bottom:3rem}.landing-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--color-text-primary);margin:0 0 1rem;line-height:1.2}.landing-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.landing-presets{text-align:center;margin-bottom:4rem;padding:2rem;background:#3b82f60d;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.1)}.presets-label{font-size:.9375rem;color:var(--color-text-secondary);margin:0 0 1rem}.presets-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.preset-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:9999px;cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;color:var(--color-text-primary)}.preset-chip:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.preset-emoji{font-size:1.125rem}.preset-name{font-weight:600}.landing-features{margin-bottom:4rem}.features-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 2rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.feature-icon{width:48px;height:48px;margin:0 auto 1rem;padding:.75rem;background:#3b82f61a;border-radius:var(--radius-md);color:var(--color-accent)}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.feature-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.landing-faq{margin-bottom:4rem}.faq-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 2rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.faq-item{padding:1rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer}.faq-item[open]{border-color:var(--color-accent)}.faq-item summary{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"+";font-size:1.25rem;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.faq-item[open] summary:after{content:"−";color:var(--color-accent)}.faq-item p{margin:1rem 0 0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.landing-usecases{margin-bottom:4rem}.usecases-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 2rem}.usecases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.usecase-card{padding:1.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast)}.usecase-card:hover{border-color:#3b82f64d;background:#3b82f60d}.usecase-emoji{font-size:2rem;display:block;margin-bottom:.75rem}.usecase-card h3{font-size:.9375rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.usecase-card p{font-size:.8125rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.landing-cities{margin-bottom:4rem;text-align:center}.cities-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.cities-subtitle{font-size:.9375rem;color:var(--color-text-secondary);margin:0 0 2rem}.cities-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.city-link-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.city-link-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.city-link-emoji{font-size:1.75rem;margin-bottom:.5rem}.city-link-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.125rem}.city-link-country{font-size:.75rem;color:var(--color-text-tertiary)}.cities-view-all{display:inline-block;color:var(--color-accent);text-decoration:none;font-size:.9375rem;font-weight:600;transition:color var(--transition-fast)}.cities-view-all:hover{color:var(--color-accent-hover)}.landing-comparisons{margin-bottom:4rem;text-align:center}.comparisons-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.comparisons-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.comparison-link-card{padding:.75rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:9999px;text-decoration:none;font-size:.875rem;font-weight:600;color:var(--color-text-primary);transition:all var(--transition-fast)}.comparison-link-card:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.comparisons-view-all{display:inline-block;color:var(--color-accent);text-decoration:none;font-size:.9375rem;font-weight:600;transition:color var(--transition-fast)}.comparisons-view-all:hover{color:var(--color-accent-hover)}@media(max-width:1024px){.features-grid,.usecases-grid{grid-template-columns:repeat(2,1fr)}.cities-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.landing-section{padding:3rem 1.5rem 4rem}.features-grid,.faq-grid{grid-template-columns:1fr}.usecases-grid{grid-template-columns:repeat(2,1fr)}.cities-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.landing-section{padding:2rem 1rem 3rem}.landing-presets{padding:1.5rem 1rem}.presets-grid{gap:.5rem}.preset-chip{padding:.5rem .875rem;font-size:.8125rem}.usecases-grid{grid-template-columns:1fr}.cities-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.city-link-card{padding:1rem .5rem}.city-link-emoji{font-size:1.5rem}.city-link-name{font-size:.8125rem}.comparisons-grid{gap:.5rem}.comparison-link-card{padding:.625rem 1rem;font-size:.8125rem}}.onboarding-tooltip{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:1000;animation:tooltipPulse 2s ease-in-out infinite}@keyframes tooltipPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.02)}}.onboarding-content{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--radius-lg);box-shadow:0 4px 20px #3b82f666,0 0 40px #3b82f633;color:#fff}.onboarding-arrow{width:24px;height:24px;animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.onboarding-arrow svg{width:100%;height:100%}.onboarding-text{margin:0;font-size:.9375rem;line-height:1.4}.onboarding-text strong{font-weight:700}.onboarding-dismiss{padding:.375rem .75rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.onboarding-dismiss:hover{background:#ffffff4d;border-color:#ffffff80}@media(max-width:480px){.onboarding-tooltip{bottom:100px;left:1rem;right:1rem;transform:none}@keyframes tooltipPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.onboarding-content{padding:.75rem 1rem;gap:.5rem}.onboarding-text{font-size:.875rem}}.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}}.faq-page{max-width:800px;margin:0 auto;padding:20px}.faq-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-tertiary);margin-bottom:24px}.faq-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.faq-page .breadcrumb a:hover{text-decoration:underline}.faq-page .breadcrumb .separator{color:var(--color-text-tertiary)}.faq-page .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.faq-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,var(--color-dawn) 0%,var(--color-day) 100%);border-radius:var(--radius-lg);color:#09090b}.faq-header h1{font-size:36px;font-weight:700;margin:0 0 12px}.faq-header p{font-size:18px;margin:0;opacity:.8}.faq-search{position:relative;margin-bottom:24px}.faq-search input{width:100%;padding:16px 20px 16px 50px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;background:var(--color-surface-solid);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.faq-search input::placeholder{color:var(--color-text-tertiary)}.faq-search input:focus{outline:none;border-color:var(--color-day)}.faq-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.category-btn{padding:10px 18px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover{border-color:var(--color-day);color:var(--color-day)}.category-btn.active{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));border-color:transparent;color:#09090b}.faq-list{display:flex;flex-direction:column;gap:12px;margin-bottom:48px}.faq-item{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item[open]{border-color:var(--color-day)}.faq-item summary{padding:20px;font-size:16px;font-weight:600;color:var(--color-text-primary);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:var(--color-text-tertiary);transition:transform var(--transition-fast)}.faq-item[open] summary:after{content:"−";color:var(--color-day)}.faq-item summary:hover{color:var(--color-day)}.faq-answer{padding:20px;border-top:1px solid var(--color-border);margin-top:-1px}.faq-answer p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 16px}.faq-answer p:last-child{margin-bottom:0}.faq-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.faq-tags .tag{padding:4px 10px;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-tertiary)}.no-results{text-align:center;padding:40px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.no-results p{color:var(--color-text-secondary);margin:0 0 16px}.no-results button{padding:10px 20px;background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:transform var(--transition-fast)}.no-results button:hover{transform:translateY(-2px)}.quick-links{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.quick-links h2{font-size:20px;margin:0 0 20px;color:var(--color-text-primary)}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.links-grid a{padding:12px 16px;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-day);font-weight:500;text-align:center;transition:all var(--transition-fast)}.links-grid a:hover{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;border-color:transparent;transform:translateY(-2px)}.cta-section{text-align:center;padding:40px 32px;background:linear-gradient(135deg,var(--color-dusk) 0%,var(--color-night) 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:32px}.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:var(--color-night);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:16px;transition:transform var(--transition-fast)}.cta-btn:hover{transform:scale(1.05)}.still-stuck{text-align:center;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:48px}.still-stuck h2{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.still-stuck p{font-size:14px;color:var(--color-text-secondary);margin:0 0 20px}.stuck-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.stuck-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition-normal)}.stuck-btn:not(.stuck-btn--secondary){background:var(--color-accent);color:#fff}.stuck-btn:not(.stuck-btn--secondary):hover{background:var(--color-accent-light);transform:translateY(-2px)}.stuck-btn--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.stuck-btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent-light);transform:translateY(-2px)}@media(max-width:600px){.faq-page{padding:16px}.faq-header{padding:24px 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}.time-index-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-tertiary);margin-bottom:24px}.time-index-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.time-index-page .breadcrumb a:hover{text-decoration:underline}.time-index-page .breadcrumb .separator{color:var(--color-text-tertiary)}.time-index-page .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.time-index-page .page-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,var(--color-dawn) 0%,var(--color-day) 100%);border-radius:var(--radius-lg);color:#09090b}.time-index-page .page-header h1{font-size:36px;font-weight:700;margin:0 0 12px}.time-index-page .page-header p{font-size:18px;margin:0;opacity:.8}.region-section{margin-bottom:40px}.region-section h2{font-size:22px;font-weight:600;color:var(--color-text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--color-border)}.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:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.pair-card:hover{border-color:var(--color-day);transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2426}.pair-card .emoji{font-size:24px}.pair-card .cities{font-size:15px;font-weight:500;color:var(--color-text-primary);text-align:center;flex:1}.pair-card .vs{color:var(--color-text-tertiary);font-weight:400;margin:0 4px}.all-cities-section{text-align:center;padding:40px;background:linear-gradient(135deg,var(--color-dusk) 0%,var(--color-night) 100%);border-radius:var(--radius-lg);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:var(--color-night);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:16px;transition:transform var(--transition-fast)}.main-tool-btn:hover{transform:scale(1.05)}.time-index-page .seo-content{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.time-index-page .seo-content h2{font-size:22px;margin:0 0 16px;color:var(--color-text-primary)}.time-index-page .seo-content h3{font-size:18px;margin:24px 0 12px;color:var(--color-text-primary)}.time-index-page .seo-content p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 16px}.time-index-page .seo-content ul{margin:0;padding-left:24px}.time-index-page .seo-content li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:8px}.time-index-page .seo-content li strong{color:var(--color-text-primary)}@media(max-width:600px){.time-index-page{padding:16px}.time-index-page .page-header{padding:24px 16px}.time-index-page .page-header h1{font-size:28px}.time-index-page .page-header p{font-size:16px}.pairs-grid{grid-template-columns:1fr}.pair-card{padding:14px 16px}.all-cities-section,.time-index-page .seo-content{padding:24px}}.converter-page{max-width:900px;margin:0 auto;padding:20px}.converter-page.error{text-align:center;padding:60px 20px}.converter-page.error h1{color:var(--color-error)}.converter-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-tertiary);margin-bottom:24px}.converter-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.converter-page .breadcrumb a:hover{text-decoration:underline}.converter-page .breadcrumb .separator{color:var(--color-text-tertiary)}.converter-page .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.converter-hero{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--color-dawn) 0%,var(--color-day) 100%);border-radius:var(--radius-lg);color:#09090b;margin-bottom:32px}.converter-hero h1{font-size:32px;font-weight:700;margin:0 0 12px}.converter-hero .hero-subtitle{font-size:18px;opacity:.8;margin:0}.current-times-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.tz-card{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 32px;text-align:center;box-shadow:var(--shadow-glass);min-width:200px;flex:1;max-width:280px}.tz-abbr-badge{display:inline-block;background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;padding:6px 16px;border-radius:20px;font-weight:700;font-size:18px;margin-bottom:12px}.tz-name{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.tz-current-time{font-size:36px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.tz-offset{font-size:14px;color:var(--color-text-tertiary);margin-top:8px}.arrow-connector{color:var(--color-day);flex-shrink:0}.converter-tool{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px;box-shadow:var(--shadow-glass)}.converter-tool h2{font-size:20px;margin:0 0 24px;color:var(--color-text-primary);text-align:center}.converter-inputs{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.input-group,.result-group{text-align:center}.input-group label,.result-group label{display:block;font-size:14px;color:var(--color-text-secondary);margin-bottom:12px;font-weight:500}.time-input{display:flex;align-items:center;gap:4px;justify-content:center}.time-input select{padding:12px 16px;font-size:24px;font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-solid);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.time-input select:focus{outline:none;border-color:var(--color-day)}.time-input .colon{font-size:24px;font-weight:600;color:var(--color-text-primary)}.time-preview{margin-top:8px;font-size:14px;color:var(--color-text-tertiary)}.equals-sign{font-size:32px;font-weight:700;color:var(--color-day)}.result-time{font-size:42px;font-weight:700;color:var(--color-day);font-variant-numeric:tabular-nums}.day-offset{margin-top:8px;font-size:14px;color:var(--color-dawn);font-weight:500}.conversion-table-section{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.conversion-table-section h2{font-size:20px;margin:0 0 20px;color:var(--color-text-primary)}.table-wrapper{overflow-x:auto}.conversion-table{width:100%;border-collapse:collapse;background:var(--color-surface-solid);border-radius:var(--radius-md);overflow:hidden}.conversion-table th{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;padding:16px;font-weight:600;text-align:center}.conversion-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.conversion-table tr:nth-child(2n){background:#ffffff05}.conversion-table tr:hover{background:#ffffff0d}.table-day-offset{color:var(--color-dawn);font-size:12px;font-weight:500}.converter-page .faq-section{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px;box-shadow:var(--shadow-glass)}.converter-page .faq-section h2{font-size:24px;margin:0 0 24px;color:var(--color-text-primary)}.converter-page .faq-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.converter-page .faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-page .faq-item h3{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.converter-page .faq-item p{color:var(--color-text-secondary);line-height:1.6;margin:0}.related-section{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px}.related-section h2{font-size:20px;margin:0 0 20px;color:var(--color-text-primary)}.related-grid{display:flex;flex-wrap:wrap;gap:12px}.related-link{background:var(--color-surface-solid);color:var(--color-day);padding:10px 18px;border-radius:var(--radius-sm);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--transition-fast);border:1px solid var(--color-border)}.related-link:hover{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;transform:translateY(-2px);border-color:transparent}.reverse-section{text-align:center;margin-bottom:32px}.reverse-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);text-decoration:none;font-size:16px;font-weight:500}.reverse-link:hover{text-decoration:underline}@media(max-width:768px){.converter-page{padding:16px}.converter-hero{padding:24px 16px}.converter-hero h1{font-size:24px}.current-times-row{flex-direction:column}.tz-card{width:100%;max-width:none}.arrow-connector{transform:rotate(90deg)}.converter-inputs{flex-direction:column;gap:24px}.equals-sign{transform:rotate(90deg)}.result-time{font-size:32px}.converter-tool,.conversion-table-section,.converter-page .faq-section,.related-section{padding:20px}}.converter-index-page{max-width:1000px;margin:0 auto;padding:20px}.converter-index-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-tertiary);margin-bottom:24px}.converter-index-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.converter-index-page .breadcrumb a:hover{text-decoration:underline}.converter-index-page .breadcrumb .separator{color:var(--color-text-tertiary)}.converter-index-page .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.converter-index-page .page-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,var(--color-dawn) 0%,var(--color-day) 100%);border-radius:var(--radius-lg);color:#09090b}.converter-index-page .page-header h1{font-size:36px;font-weight:700;margin:0 0 12px}.converter-index-page .page-header p{font-size:18px;margin:0;opacity:.8}.conversions-section{margin-bottom:40px}.conversions-section h2{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.section-desc{color:var(--color-text-secondary);margin:0 0 20px}.conversions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.conversion-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;box-shadow:var(--shadow-glass);transition:all var(--transition-fast)}.conversion-card:hover{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d;border-color:transparent}.conversion-card .from-tz,.conversion-card .to-tz{font-weight:600;color:var(--color-text-primary)}.conversion-card .arrow{color:var(--color-day)}.conversion-card:hover .from-tz,.conversion-card:hover .to-tz,.conversion-card:hover .arrow{color:#09090b}.timezones-section{margin-bottom:40px}.timezones-section h2{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.region-group{margin-bottom:24px;background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);padding:20px;border-radius:var(--radius-md)}.region-group h3{font-size:16px;font-weight:600;color:var(--color-day);margin:0 0 12px}.timezone-pills{display:flex;flex-wrap:wrap;gap:8px}.tz-pill{background:var(--color-surface-solid);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);border:1px solid var(--color-border)}.tz-pill strong{color:var(--color-text-primary)}.seo-content{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-glass);margin-bottom:32px}.seo-content h2{font-size:24px;color:var(--color-text-primary);margin:0 0 16px}.seo-content h3{font-size:18px;color:var(--color-text-primary);margin:24px 0 12px}.seo-content p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 16px}.seo-content ul{margin:0;padding-left:20px}.seo-content li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:8px}.seo-content li strong{color:var(--color-text-primary)}@media(max-width:768px){.converter-index-page{padding:16px}.converter-index-page .page-header{padding:24px 16px}.converter-index-page .page-header h1{font-size:28px}.conversions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.region-group{padding:16px}.seo-content{padding:20px}}.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}.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}}.booking-form{margin-top:1rem;padding:1.5rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.booking-form__title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.booking-form__summary{padding:.75rem 1rem;background:#ffffff0d;border-radius:var(--radius-md);margin-bottom:1.5rem}.booking-form__summary p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.booking-form__summary p:first-child{font-weight:600;color:var(--color-text-primary)}.booking-form__fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.booking-form__field{display:flex;flex-direction:column;gap:.5rem}.booking-form__field label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.booking-form__field input,.booking-form__field textarea{padding:.75rem 1rem;font-size:.9375rem;color:var(--color-text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.booking-form__field input:focus,.booking-form__field textarea:focus{outline:none;border-color:var(--color-accent)}.booking-form__field input::placeholder,.booking-form__field textarea::placeholder{color:var(--color-text-tertiary)}.booking-form__field textarea{resize:vertical;min-height:80px}.booking-form__actions{display:flex;gap:.75rem}.booking-form__cancel{flex:1;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;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-form__cancel:hover{background:#ffffff1a;border-color:#fff3}.booking-form__submit{flex:2;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-form__submit:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.booking-form__submit:disabled{opacity:.6;cursor:not-allowed}.create-profile-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.create-profile-page__header{padding:20px 24px;border-bottom:1px solid var(--color-border)}.create-profile-page__logo{font-size:20px;font-weight:700;color:var(--color-accent);text-decoration:none}.create-profile-page__main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:40px 24px}.create-profile-card{width:100%;max-width:540px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.create-profile-card h1{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.create-profile-card__subtitle{font-size:16px;color:var(--color-text-secondary);margin:0 0 32px}.create-profile-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-hint{font-size:12px;color:var(--color-text-muted)}.username-input-wrapper{display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.username-input-wrapper:focus-within{border-color:var(--color-accent)}.username-prefix{padding:12px 0 12px 16px;font-size:15px;color:var(--color-text-muted);white-space:nowrap}.username-input-wrapper input{flex:1;border:none;background:transparent;padding:12px 8px}.username-input-wrapper input:focus{border:none}.username-status{padding:0 16px;font-size:16px}.username-status.checking{color:var(--color-text-muted)}.username-status.available{color:var(--color-success, #22c55e)}.username-status.taken{color:var(--color-error, #ef4444)}.emoji-picker{display:flex;flex-wrap:wrap;gap:8px}.emoji-option{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.emoji-option:hover{border-color:var(--color-accent);transform:scale(1.1)}.emoji-option--selected{border-color:var(--color-accent);background:var(--color-accent-bg, rgba(59, 130, 246, .1))}.hours-picker{display:flex;align-items:center;gap:12px}.hours-picker select{flex:1;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary)}.hours-picker span{color:var(--color-text-secondary);font-size:14px}.duration-picker{display:flex;flex-wrap:wrap;gap:8px}.duration-option{padding:10px 18px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.duration-option:hover{border-color:var(--color-accent)}.duration-option--selected{border-color:var(--color-accent);background:var(--color-accent-bg, rgba(59, 130, 246, .1));color:var(--color-accent)}.create-profile-submit{padding:16px 24px;background:var(--color-accent);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.create-profile-submit:hover:not(:disabled){background:var(--color-accent-hover, #2563eb);transform:translateY(-1px)}.create-profile-submit:disabled{opacity:.6;cursor:not-allowed}.create-profile-page__footer{padding:20px 24px;border-top:1px solid var(--color-border);text-align:center}.create-profile-page__footer p{margin:0;font-size:14px;color:var(--color-text-muted)}.create-profile-page__footer a{color:var(--color-accent);text-decoration:none}@media(max-width:640px){.create-profile-page__main{padding:24px 16px}.create-profile-card{padding:24px 20px}.create-profile-card h1{font-size:24px}.username-prefix{font-size:13px}.hours-picker{flex-wrap:wrap}.hours-picker select{min-width:120px}}.contact-page{min-height:100vh;padding:20px;display:flex;flex-direction:column}.contact-page .breadcrumb{max-width:600px;margin:0 auto 32px;width:100%;font-size:14px;color:var(--color-text-secondary)}.contact-page .breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.contact-page .breadcrumb a:hover{color:var(--color-accent)}.contact-page .breadcrumb .separator{margin:0 8px;opacity:.5}.contact-page .breadcrumb .current{color:var(--color-text-primary)}.contact-header{max-width:600px;margin:0 auto 32px;width:100%;text-align:center}.contact-header h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;letter-spacing:-.02em}.contact-header p{font-size:16px;color:var(--color-text-secondary);line-height:1.6}.contact-form{max-width:600px;margin:0 auto 24px;width:100%;padding:32px;animation:slideUp .5s ease-out}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;font-size:15px;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-group select option{background:var(--color-surface-solid);color:var(--color-text-primary)}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md),0 0 20px var(--color-accent-glow)}.submit-btn:hover:not(:disabled){background:var(--color-accent-light);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px var(--color-accent-glow)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-status{margin-top:16px;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;text-align:center}.form-status.success{background:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.form-status.error{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.contact-alt{max-width:600px;margin:0 auto 48px;width:100%;text-align:center}.contact-alt p{font-size:14px;color:var(--color-text-secondary)}.contact-alt a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.contact-alt a:hover{color:var(--color-accent-light)}.contact-page .site-footer{margin-top:auto}@media(max-width:768px){.contact-header h1{font-size:28px}.contact-form{padding:24px}}@media(max-width:480px){.contact-page{padding:16px}.contact-header h1{font-size:24px}.contact-form{padding:20px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;font-size:14px}}.not-found-page{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center}.not-found-page .breadcrumb{width:100%;max-width:900px;margin-bottom:40px;font-size:14px;color:var(--color-text-secondary)}.not-found-page .breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.not-found-page .breadcrumb a:hover{color:var(--color-accent)}.not-found-page .breadcrumb .separator{margin:0 8px;opacity:.5}.not-found-page .breadcrumb .current{color:var(--color-text-primary)}.not-found-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;animation:fadeIn .5s ease-out}.not-found-clock{position:relative;margin-bottom:32px;animation:slideUp .6s ease-out}.clock-face{width:120px;height:120px;border-radius:50%;background:var(--color-surface);border:3px solid var(--color-border);position:relative;box-shadow:var(--shadow-glass),inset 0 0 30px #0000004d}.clock-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-accent);border-radius:50%;z-index:10}.clock-hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;background:var(--color-text-primary);border-radius:2px}.hour-hand{width:4px;height:30px;margin-left:-2px;animation:spinSlow 8s linear infinite}.minute-hand{width:3px;height:42px;margin-left:-1.5px;animation:spinFast 4s linear infinite}.clock-markers{position:absolute;inset:0}.clock-marker{position:absolute;top:8px;left:50%;width:2px;height:8px;margin-left:-1px;background:var(--color-text-tertiary);transform-origin:center 52px}.clock-marker:nth-child(3n){height:12px;top:6px;background:var(--color-text-secondary)}.clock-question{position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;animation:pulse 2s ease-in-out infinite;box-shadow:var(--shadow-glow)}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found-title{display:flex;gap:8px;margin-bottom:16px;animation:slideUp .7s ease-out}.error-code{font-family:Roboto Mono,monospace;font-size:80px;font-weight:700;color:var(--color-text-primary);line-height:1;text-shadow:0 0 40px rgba(255,255,255,.1)}.error-code.zero{color:var(--color-accent);animation:glow 2s ease-in-out infinite}.not-found-subtitle{font-size:28px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;letter-spacing:-.02em;animation:slideUp .8s ease-out}.not-found-message{font-size:16px;color:var(--color-text-secondary);margin-bottom:32px;line-height:1.6;animation:slideUp .9s ease-out}.not-found-actions{display:flex;gap:16px;margin-bottom:48px;animation:slideUp 1s ease-out}.not-found-actions a{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:500;text-decoration:none;transition:all var(--transition-normal)}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px var(--color-accent-glow)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-accent);color:var(--color-accent-light);transform:translateY(-2px)}.not-found-suggestions{padding:24px 32px;text-align:left;animation:slideUp 1.1s ease-out}.not-found-suggestions h3{font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.not-found-suggestions ul{list-style:none;display:flex;flex-direction:column;gap:12px}.not-found-suggestions li{position:relative;padding-left:20px}.not-found-suggestions li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--color-accent);border-radius:50%}.not-found-suggestions a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.not-found-suggestions a:hover{color:var(--color-accent-light)}@media(max-width:768px){.not-found-page{padding:16px}.not-found-page .breadcrumb{margin-bottom:24px}.error-code{font-size:60px}.not-found-subtitle{font-size:24px}.not-found-message{font-size:15px}.clock-face{width:100px;height:100px}.hour-hand{height:24px}.minute-hand{height:34px}.clock-marker{transform-origin:center 42px}}@media(max-width:480px){.not-found-actions{flex-direction:column;width:100%}.not-found-actions a{justify-content:center}.error-code{font-size:48px}.not-found-subtitle{font-size:20px}.not-found-suggestions{padding:20px;width:100%}.clock-face{width:80px;height:80px}.hour-hand{height:20px}.minute-hand{height:28px}.clock-marker{transform-origin:center 32px}.clock-question{width:32px;height:32px;font-size:20px}}.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}}.comparison-scrubber{background:var(--glass-bg, rgba(255, 255, 255, .05));border-radius:16px;padding:1.5rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comparison-scrubber__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.comparison-scrubber__time{font-size:1.5rem;font-weight:600;color:var(--text-primary, #f8fafc)}.comparison-scrubber__date{font-size:.9rem;color:var(--text-muted, #94a3b8)}.comparison-scrubber__hint{font-size:.75rem;color:var(--text-muted, #64748b);margin-left:auto;opacity:.7}.comparison-scrubber__container{display:flex;flex-direction:column;gap:.5rem}.comparison-hour-labels{display:flex;margin-bottom:.25rem}.comparison-hour-labels__spacer{width:140px;flex-shrink:0}.comparison-hour-labels__track{flex:1;position:relative;height:20px}.comparison-hour-label{position:absolute;transform:translate(-50%);font-size:.7rem;color:var(--text-muted, #64748b);white-space:nowrap}.comparison-city-rows{display:flex;flex-direction:column;gap:.5rem}.comparison-row{display:flex;flex-direction:column;gap:.25rem}.comparison-row__info{display:flex;justify-content:space-between;align-items:center}.comparison-row__left{display:flex;align-items:center;gap:.5rem;min-width:140px}.comparison-row__emoji{font-size:1.25rem}.comparison-row__names{display:flex;flex-direction:column}.comparison-row__name{font-size:.9rem;font-weight:500;color:var(--text-primary, #f8fafc)}.comparison-row__country{font-size:.7rem;color:var(--text-muted, #64748b)}.comparison-row__right{display:flex;align-items:center;gap:.5rem}.comparison-row__offset-badge{font-size:.7rem;padding:.125rem .375rem;border-radius:4px;background:var(--glass-bg, rgba(255, 255, 255, .1));color:var(--text-muted, #94a3b8)}.comparison-row__offset-badge--reference{background:var(--accent-primary, #3b82f6);color:#fff}.comparison-row__timeline{height:40px;position:relative}.comparison-timeline-gradient{position:absolute;inset:0;border-radius:8px;overflow:hidden}.comparison-timeline-time{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;white-space:nowrap;z-index:2;transition:left .05s ease-out}.comparison-timeline-time--day{background:#0009;color:#fff}.comparison-timeline-time--night{background:#ffffffe6;color:#1e293b}.comparison-timeline-icon{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:.75rem;opacity:.6;z-index:1}.comparison-scrubber-track{display:flex;margin-top:.5rem}.comparison-scrubber-track__spacer{width:0;flex-shrink:0}.comparison-scrubber-track__area{flex:1;height:36px;position:relative;cursor:ew-resize;background:var(--glass-bg, rgba(255, 255, 255, .05));border-radius:8px;border:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.comparison-scrubber-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-primary, #3b82f6);transform:translate(-50%);pointer-events:none;z-index:10}.comparison-scrubber-line:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--accent-primary, #3b82f6);border-radius:50%}.comparison-scrubber-line:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--accent-primary, #3b82f6);border-radius:50%}.comparison-scrubber-line--dragging{background:var(--accent-hover, #60a5fa)}.comparison-scrubber-handle{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px}.comparison-scrubber-handle__pill{background:var(--accent-primary, #3b82f6);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px #0000004d}@media(max-width:600px){.comparison-scrubber{padding:1rem}.comparison-scrubber__header{flex-direction:column;align-items:flex-start;gap:.25rem}.comparison-scrubber__hint{margin-left:0}.comparison-hour-labels__spacer{width:0;display:none}.comparison-row{gap:.5rem}.comparison-row__info{flex-wrap:wrap}.comparison-row__left{min-width:auto}.comparison-row__timeline{height:50px}.comparison-timeline-time{font-size:.75rem;padding:.2rem .4rem}}@media(prefers-color-scheme:light){.comparison-scrubber{background:#00000008;border-color:#0000001a}.comparison-scrubber__time{color:#1e293b}.comparison-scrubber__date,.comparison-scrubber__hint,.comparison-hour-label,.comparison-row__country{color:#64748b}.comparison-row__name{color:#1e293b}.comparison-row__offset-badge{background:#0000000d;color:#64748b}.comparison-scrubber-track__area{background:#00000008;border-color:#0000001a}}.share-buttons{display:flex;align-items:center;gap:8px}.share-label{font-size:14px;color:var(--color-text-secondary);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 svg{width:18px;height:18px;flex-shrink:0}.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:#ef4444}.comparison-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-tertiary);margin-bottom:24px}.comparison-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.comparison-page .breadcrumb a:hover{text-decoration:underline}.comparison-page .breadcrumb .separator{color:var(--color-border)}.comparison-page .breadcrumb .current{color:var(--color-text-secondary);font-weight:500}.direct-answer{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--color-dawn) 0%,var(--color-day) 100%);border-radius:16px;color:#09090b;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 0 16px;opacity:.95}.direct-answer .best-meeting-snippet{font-size:16px;margin:0;padding-top:16px;border-top:1px solid rgba(0,0,0,.1);opacity:.9}.direct-answer .best-meeting-snippet strong{background:#0000001a;padding:2px 8px;border-radius:4px}.scrubber-section{margin-bottom:32px}.scrubber-section h2{font-size:20px;margin:0 0 8px;color:var(--color-text-primary)}.scrubber-section .scrubber-intro{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px}.current-times{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.time-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 20px #0003;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:var(--color-text-primary)}.time-card .country{font-size:14px;color:var(--color-text-tertiary);margin:0 0 16px}.time-card .time-display{font-size:42px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;margin-bottom:8px}.time-card .date{font-size:14px;color:var(--color-text-tertiary);margin:0}.time-separator{display:flex;flex-direction:column;align-items:center;gap:8px}.time-separator .vs{font-size:18px;font-weight:600;color:var(--color-text-tertiary)}.time-separator .diff-badge{background:var(--color-accent);color:#fff;padding:6px 14px;border-radius:20px;font-size:16px;font-weight:600}.meeting-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;padding:32px;margin-bottom:32px}.meeting-section h2{font-size:24px;margin:0 0 12px;color:var(--color-text-primary)}.meeting-section .meeting-suggestion{color:var(--color-text-secondary);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:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;box-shadow:0 2px 12px #00000026}.context-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 2px 12px #00000026}.context-section h2{font-size:20px;margin:0 0 16px;color:var(--color-text-primary)}.context-section p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 12px}.context-section .fun-fact{background:#3b82f61a;padding:16px;border-radius:8px;border-left:4px solid var(--color-accent);margin-top:16px}.directional-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 2px 12px #00000026;border-left:4px solid var(--color-accent)}.directional-section h2{font-size:20px;margin:0 0 16px;color:var(--color-text-primary)}.directional-section h3{font-size:18px;margin:24px 0 12px;color:var(--color-text-primary)}.directional-section p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 12px}.directional-section .call-window{background:#3b82f61a;padding:16px 20px;border-radius:8px;margin:16px 0;font-size:15px}.directional-section .call-window strong{color:var(--color-accent)}.comparison-page .faq-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 2px 12px #00000026}.comparison-page .faq-section h2{font-size:24px;margin:0 0 24px;color:var(--color-text-primary)}.comparison-page .faq-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border-subtle)}.comparison-page .faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.comparison-page .faq-item h3{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.comparison-page .faq-item p{color:var(--color-text-secondary);line-height:1.7;margin:0}.comparison-page .related-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;padding:32px}.comparison-page .related-section h2{font-size:20px;margin:0 0 20px;color:var(--color-text-primary)}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{background:var(--color-bg-tertiary);color:var(--color-accent);padding:10px 18px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border:1px solid var(--color-border-subtle)}.related-links a:hover{background:var(--color-accent);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,.comparison-page .faq-section,.comparison-page .related-section{padding:20px}}.city-page{max-width:900px;margin:0 auto;padding:20px}.city-page.error{text-align:center;padding:60px 20px}.city-page.error h1{color:var(--color-error, #ef4444)}.city-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-tertiary);margin-bottom:24px}.city-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.city-page .breadcrumb a:hover{text-decoration:underline}.city-page .breadcrumb .separator{color:var(--color-text-tertiary)}.city-page .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.city-hero{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--color-dawn) 0%,var(--color-day) 100%);border-radius:var(--radius-lg);color:#09090b;margin-bottom:32px}.city-emoji-large{font-size:64px;margin-bottom:16px}.city-hero h1{font-size:32px;font-weight:700;margin:0 0 8px}.city-hero .city-country{font-size:18px;opacity:.8;margin:0}.clock-display{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;margin-bottom:32px}.live-time{font-size:64px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-2px}.live-date{font-size:20px;color:var(--color-text-secondary);margin:16px 0}.timezone-info{display:flex;justify-content:center;gap:16px;margin-top:16px}.tz-abbr{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));color:#09090b;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.tz-offset{background:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 16px;border-radius:20px;font-size:14px}.quick-facts{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.quick-facts h2{font-size:20px;margin:0 0 20px;color:var(--color-text-primary)}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.fact-item{background:var(--color-surface-solid);border:1px solid var(--color-border);padding:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px}.fact-label{font-size:12px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.fact-value{font-size:16px;font-weight:600;color:var(--color-text-primary);word-break:break-word}.compare-section{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.compare-section h2{font-size:20px;margin:0 0 20px;color:var(--color-text-primary)}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.compare-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.compare-card:hover{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));border-color:transparent;transform:translateY(-2px)}.compare-emoji{font-size:32px}.compare-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.compare-card:hover .compare-name{color:#09090b}.related-cities{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.related-cities h2{font-size:20px;margin:0 0 20px;color:var(--color-text-primary)}.cities-grid{display:flex;flex-wrap:wrap;gap:12px}.city-link{background:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text-primary);padding:10px 16px;border-radius:var(--radius-sm);text-decoration:none;font-size:14px;transition:all var(--transition-fast)}.city-link:hover{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));border-color:transparent;color:#09090b}.city-page .faq-section{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px}.city-page .faq-section h2{font-size:24px;margin:0 0 24px;color:var(--color-text-primary)}.city-page .faq-item{background:var(--color-surface-solid);border:1px solid var(--color-border);padding:20px;border-radius:var(--radius-md);margin-bottom:16px}.city-page .faq-item:last-child{margin-bottom:0}.city-page .faq-item h3{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.city-page .faq-item p{color:var(--color-text-secondary);line-height:1.6;margin:0}.city-page .faq-item a{color:var(--color-accent)}@media(max-width:768px){.city-page{padding:16px}.city-hero{padding:24px 16px}.city-hero h1{font-size:24px}.city-emoji-large{font-size:48px}.clock-display{padding:32px 16px}.live-time{font-size:42px}.live-date{font-size:16px}.timezone-info{flex-direction:column;gap:8px}.quick-facts,.compare-section,.related-cities,.city-page .faq-section{padding:20px}}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.blog-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card__image-link{display:block}.blog-card__image{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg)}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__category{position:absolute;bottom:12px;right:12px;padding:6px 12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.blog-card__content{padding:20px}.blog-card__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary);margin-bottom:12px}.blog-card__dot{width:4px;height:4px;background:var(--color-text-muted);border-radius:50%}.blog-card__title-link{text-decoration:none;color:inherit}.blog-card__title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px;line-height:1.3;transition:color var(--transition-fast)}.blog-card:hover .blog-card__title{color:var(--color-accent-light)}.blog-card__excerpt{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.blog-card__tag{padding:4px 10px;background:var(--color-bg);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-secondary)}.blog-card__read-more{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent);font-size:14px;font-weight:600;text-decoration:none;transition:gap var(--transition-fast)}.blog-card__read-more:hover{gap:10px}.blog-card--featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.blog-card--featured .blog-card__image{aspect-ratio:auto;height:100%;min-height:300px}.blog-card--featured .blog-card__content{display:flex;flex-direction:column;justify-content:center;padding:32px}.blog-card--featured .blog-card__title{font-size:24px}.blog-card--featured .blog-card__excerpt{-webkit-line-clamp:4}@media(max-width:768px){.blog-card--featured{grid-template-columns:1fr}.blog-card--featured .blog-card__image{min-height:200px;aspect-ratio:16 / 9}.blog-card--featured .blog-card__content{padding:20px}.blog-card--featured .blog-card__title{font-size:20px}.blog-card__content{padding:16px}.blog-card__title{font-size:16px}.blog-card__excerpt{font-size:13px}}.blog-index{max-width:1100px;margin:0 auto;padding:20px}.blog-index .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary);margin-bottom:24px}.blog-index .breadcrumb a{color:var(--color-accent);text-decoration:none}.blog-index .breadcrumb a:hover{text-decoration:underline}.blog-index .breadcrumb .separator{color:var(--color-text-muted)}.blog-index .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.blog-header{text-align:center;margin-bottom:40px}.blog-header h1{font-size:40px;font-weight:800;color:var(--color-text-primary);margin:0 0 12px}.blog-header p{font-size:18px;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.blog-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;justify-content:center}.blog-category{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.blog-category:hover{border-color:var(--color-accent);color:var(--color-accent)}.blog-category.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.blog-category__count{padding:2px 8px;background:#ffffff26;border-radius:var(--radius-sm);font-size:12px}.blog-category:not(.active) .blog-category__count{background:var(--color-bg)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}.no-posts{text-align:center;padding:60px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:48px}.no-posts p{color:var(--color-text-secondary);margin:0 0 16px}.no-posts button{padding:10px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer}.blog-cta{text-align:center;padding:48px 32px;background:linear-gradient(135deg,var(--color-accent) 0%,#764ba2 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:48px}.blog-cta h2{font-size:28px;font-weight:700;margin:0 0 12px}.blog-cta p{font-size:16px;opacity:.9;margin:0 0 24px}.blog-cta__btn{display:inline-block;padding:14px 32px;background:#fff;color:var(--color-accent);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:16px;transition:transform var(--transition-fast)}.blog-cta__btn:hover{transform:scale(1.05)}@media(max-width:768px){.blog-index{padding:16px}.blog-header h1{font-size:32px}.blog-header p{font-size:16px}.blog-grid{grid-template-columns:1fr}.blog-categories{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.blog-category{flex-shrink:0}.blog-cta{padding:32px 20px}.blog-cta h2{font-size:24px}}.related-posts{margin-top:64px;padding-top:48px;border-top:1px solid var(--color-border)}.related-posts__title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 24px}.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-post{display:flex;flex-direction:column;text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.related-post:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.related-post__image{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg)}.related-post__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.related-post:hover .related-post__image img{transform:scale(1.05)}.related-post__content{padding:16px;flex:1;display:flex;flex-direction:column}.related-post__title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.related-post:hover .related-post__title{color:var(--color-accent-light)}.related-post__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary);margin-top:auto}.related-post__dot{width:3px;height:3px;background:var(--color-text-muted);border-radius:50%}@media(max-width:900px){.related-posts__grid{grid-template-columns:repeat(2,1fr)}.related-posts__grid .related-post:nth-child(3){display:none}}@media(max-width:600px){.related-posts__grid{grid-template-columns:1fr}.related-posts__grid .related-post:nth-child(3){display:flex}.related-post{flex-direction:row}.related-post__image{width:120px;flex-shrink:0;aspect-ratio:1}.related-post__content{padding:12px}.related-post__title{font-size:14px}}.blog-post-page{max-width:800px;margin:0 auto;padding:20px}.blog-post-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary);margin-bottom:24px;flex-wrap:wrap}.blog-post-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.blog-post-page .breadcrumb a:hover{text-decoration:underline}.blog-post-page .breadcrumb .separator{color:var(--color-text-muted)}.blog-post-page .breadcrumb .current{color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.blog-post-header{text-align:center;margin-bottom:32px}.blog-post-meta{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.blog-post-meta .dot{width:4px;height:4px;background:var(--color-text-muted);border-radius:50%}.blog-post-title{font-size:36px;font-weight:800;color:var(--color-text-primary);margin:0 0 16px;line-height:1.2}.blog-post-subtitle{font-size:18px;color:var(--color-text-secondary);margin:0 0 20px;line-height:1.5}.blog-post-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.blog-post-tag{padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-secondary)}.blog-post-hero{margin-bottom:40px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.blog-post-hero img{width:100%;height:auto;display:block}.blog-post-content{color:var(--color-text-primary);line-height:1.8;font-size:16px}.blog-post-content .lead{font-size:20px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.blog-post-content h2{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:48px 0 20px;padding-top:24px;border-top:1px solid var(--color-border)}.blog-post-content h2:first-of-type{border-top:none;padding-top:0;margin-top:0}.blog-post-content h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:32px 0 16px}.blog-post-content p{margin:0 0 20px}.blog-post-content ul,.blog-post-content ol{margin:0 0 24px;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content a{color:var(--color-accent-light);text-decoration:none}.blog-post-content a:hover{text-decoration:underline}.blog-post-content strong{color:var(--color-text-primary);font-weight:600}.blog-post-content code{background:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:14px;color:var(--color-accent-light)}.blog-post-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.blog-post-content th,.blog-post-content td{padding:12px 16px;text-align:left;border:1px solid var(--color-border)}.blog-post-content th{background:var(--color-surface);font-weight:600;color:var(--color-text-primary)}.blog-post-content td{color:var(--color-text-secondary)}.blog-post-content blockquote{margin:24px 0;padding:16px 24px;border-left:4px solid var(--color-accent);background:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0}.blog-post-content blockquote p{margin:0;font-style:italic;color:var(--color-text-secondary)}.blog-post-author{display:flex;align-items:center;gap:16px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:48px}.author-avatar{width:56px;height:56px;background:var(--color-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.author-info{display:flex;flex-direction:column;gap:4px}.author-name{font-weight:600;color:var(--color-text-primary)}.author-bio{font-size:14px;color:var(--color-text-secondary)}.blog-post-share{display:flex;align-items:center;gap:16px;padding:20px 0;margin-top:24px;border-top:1px solid var(--color-border)}.share-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.share-buttons{display:flex;gap:8px}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.share-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.blog-post-cta{text-align:center;padding:40px 32px;background:linear-gradient(135deg,var(--color-accent) 0%,#764ba2 100%);border-radius:var(--radius-lg);color:#fff;margin-top:48px}.blog-post-cta h3{font-size:24px;font-weight:700;margin:0 0 12px}.blog-post-cta p{margin:0 0 24px;opacity:.9}.cta-button{display:inline-block;padding:14px 32px;background:#fff;color:var(--color-accent);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:16px;transition:transform var(--transition-fast)}.cta-button:hover{transform:scale(1.05)}@media(max-width:768px){.blog-post-page{padding:16px}.blog-post-title{font-size:28px}.blog-post-subtitle{font-size:16px}.blog-post-content{font-size:15px}.blog-post-content .lead{font-size:17px}.blog-post-content h2{font-size:22px}.blog-post-content h3{font-size:18px}.blog-post-content table{font-size:13px}.blog-post-content th,.blog-post-content td{padding:8px 12px}.blog-post-author{padding:16px}.blog-post-share{flex-direction:column;align-items:flex-start;gap:12px}.blog-post-cta{padding:32px 20px}.blog-post-cta h3{font-size:20px}}.meeting-index-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.meeting-index-hero{text-align:center;margin-bottom:2rem}.meeting-index-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--color-text-primary);margin:0 0 1rem}.hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.meeting-search-hint{text-align:center;margin-bottom:3rem}.meeting-search-hint p{display:inline-block;padding:.75rem 1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9375rem}.meeting-search-hint code{background:#ffffff1a;padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:Roboto Mono,monospace;color:var(--color-accent)}.popular-routes-section{margin-bottom:4rem}.popular-routes-section h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem;text-align:center}.routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.route-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.route-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.route-emoji{font-size:1.25rem;flex-shrink:0}.route-label{font-weight:500;color:var(--color-text-primary);font-size:.9375rem}.meeting-features{margin-bottom:4rem}.meeting-features h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem;text-align:center}.meeting-features .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.meeting-features .feature-card{padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center}.meeting-features .feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.meeting-features .feature-card h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.meeting-features .feature-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.meeting-cta{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.meeting-cta h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.meeting-cta p{color:var(--color-text-secondary);margin:0 0 1.5rem}.cta-button:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}@media(max-width:1024px){.meeting-features .features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.meeting-index-page{padding:1.5rem 1rem 3rem}.routes-grid{grid-template-columns:1fr}}@media(max-width:480px){.meeting-features .features-grid{grid-template-columns:1fr}.meeting-cta{padding:2rem 1.5rem}}.meeting-planner-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.meeting-planner-page.error{text-align:center;padding-top:4rem}.meeting-planner-page.error h1{color:var(--color-text-primary);margin-bottom:1rem}.meeting-planner-page.error p{color:var(--color-text-secondary);margin-bottom:2rem}.popular-routes{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.popular-routes a{padding:.75rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.popular-routes a:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:2rem}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb .separator{color:var(--color-text-tertiary)}.breadcrumb .current{color:var(--color-text-primary)}.meeting-hero{text-align:center;margin-bottom:3rem}.meeting-hero h1{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:var(--color-text-primary);margin:0 0 1rem}.meeting-subtitle{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}.meeting-subtitle strong{color:var(--color-success)}.current-times-section{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.time-card{text-align:center;padding:1.5rem 2rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:180px}.time-card .city-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.time-card .timezone-badge{display:inline-block;font-size:1rem;font-weight:700;padding:.375rem .75rem;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);margin-bottom:.75rem}.time-card h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.time-card .country{font-size:.875rem;color:var(--color-text-tertiary);margin:0 0 .75rem}.time-card .current-time{font-family:Roboto Mono,monospace;font-size:1.75rem;font-weight:700;color:var(--color-accent)}.time-diff-badge{display:flex;flex-direction:column;align-items:center;gap:.25rem}.time-diff-badge .diff-hours{font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);background:#3b82f626;padding:.5rem 1rem;border-radius:var(--radius-md)}.time-diff-badge .diff-label{font-size:.75rem;color:var(--color-text-tertiary)}.golden-hours-section{background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:2rem;margin-bottom:3rem}.golden-hours-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.golden-hours-section h2:before{content:"✨"}.golden-description{color:var(--color-text-secondary);margin:0 0 1.5rem}.golden-visual{margin-bottom:1.5rem}.golden-bar{height:32px;background:linear-gradient(90deg,#1e293b,#475569,#94a3b8,#f8fafc,#94a3b8,#475569,#1e293b);border-radius:var(--radius-md);position:relative;overflow:hidden}.golden-overlap{position:absolute;top:0;height:100%;background:#22c55e99;border:2px solid var(--color-success);border-radius:var(--radius-sm);box-shadow:0 0 12px #22c55e66}.golden-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--color-text-tertiary)}.golden-recommendation{display:flex;align-items:center;gap:.75rem;background:#22c55e26;padding:1rem;border-radius:var(--radius-md)}.golden-icon{font-size:1.25rem}.golden-recommendation strong{color:var(--color-success)}.conversion-section{margin-bottom:3rem}.conversion-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.conversion-table{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.conversion-table table{width:100%;border-collapse:collapse}.conversion-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--color-text-primary);background:#ffffff0d;border-bottom:1px solid var(--color-border-subtle)}.conversion-table td{padding:.75rem 1.25rem;font-family:Roboto Mono,monospace;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.conversion-table tr:last-child td{border-bottom:none}.conversion-table tr:hover td{background:#ffffff08}.conversion-table tr.golden-row td{background:#22c55e1a}.conversion-table tr.golden-row:hover td{background:#22c55e26}.faq-section{margin-bottom:3rem}.faq-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.faq-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-subtle)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.faq-item p{font-size:.9375rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.time-grid-section{margin-bottom:3rem}.time-grid-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.time-grid-section>p{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9375rem}.time-grid{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.grid-header{display:grid;grid-template-columns:1fr 1fr 100px;gap:1rem;padding:1rem 1.25rem;background:#ffffff0d;border-bottom:1px solid var(--color-border-subtle)}.grid-city{font-weight:600;color:var(--color-text-primary)}.grid-quality{text-align:center;font-weight:600;color:var(--color-text-secondary)}.grid-row{display:grid;grid-template-columns:1fr 1fr 100px;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}.grid-row:last-child{border-bottom:none}.grid-row:hover{background:#ffffff08}.grid-row--excellent{background:#22c55e14}.grid-row--excellent:hover{background:#22c55e1f}.grid-cell{font-family:Roboto Mono,monospace;color:var(--color-text-primary)}.grid-cell:last-child{text-align:center}.quality-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px}.quality-badge--excellent{background:#22c55e33;color:var(--color-success)}.quality-badge--good{background:#3b82f633;color:var(--color-accent)}.quality-badge--fair{background:#fbbf2433;color:#fbbf24}.actions-section{margin-bottom:3rem}.actions-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.action-btn svg{width:18px;height:18px}.action-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.action-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.action-btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.tips-section{margin-bottom:3rem}.tips-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tip-card{padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.tip-icon{font-size:1.5rem;display:block;margin-bottom:.75rem}.tip-card h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.tip-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.related-section{margin-bottom:3rem}.related-links a{padding:.625rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;transition:all var(--transition-fast)}.related-links a:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}@media(max-width:768px){.meeting-planner-page{padding:1.5rem 1rem 3rem}.current-times-section{flex-direction:column}.time-card{width:100%;max-width:280px}.time-diff-badge{flex-direction:row;gap:.5rem}.tips-grid{grid-template-columns:1fr}.grid-header,.grid-row{grid-template-columns:1fr 1fr 80px;gap:.5rem;padding:.75rem 1rem}.grid-cell{font-size:.875rem}}@media(max-width:480px){.golden-hours-section{padding:1.5rem 1rem}.quality-badge{font-size:.6875rem;padding:.125rem .375rem}}.aita-page{max-width:700px;margin:0 auto;padding:2rem 1.5rem 4rem}.aita-hero{text-align:center;margin-bottom:3rem}.aita-hero h1{font-size:clamp(2rem,6vw,3rem);font-weight:800;color:var(--color-text-primary);margin:0 0 1rem}.aita-subtitle{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}.team-setup{margin-bottom:2.5rem}.team-setup h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.add-member-form{margin-bottom:1rem}.form-row{display:flex;gap:.75rem;flex-wrap:wrap}.name-input{flex:1;min-width:120px;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem}.name-input:focus{outline:none;border-color:var(--color-accent)}.city-select{flex:2;min-width:200px;position:relative}.city-search{width:100%;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem}.city-search:focus{outline:none;border-color:var(--color-accent)}.city-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000004d;z-index:100;max-height:200px;overflow-y:auto}.city-option{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:none;border:none;color:var(--color-text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.city-option:hover{background:#ffffff0d}.city-emoji{font-size:1.125rem}.add-btn{padding:.75rem 1.5rem;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.add-btn:hover:not(:disabled){background:var(--color-accent-hover)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.members-list{display:flex;flex-wrap:wrap;gap:.75rem}.empty-state{color:var(--color-text-tertiary);font-style:italic;padding:1rem;text-align:center;width:100%}.member-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.member-emoji{font-size:1.25rem}.member-info{display:flex;flex-direction:column}.member-name{font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.member-city{font-size:.75rem;color:var(--color-text-tertiary)}.remove-btn{margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;font-size:1.125rem;cursor:pointer;transition:all var(--transition-fast)}.remove-btn:hover{background:#ef444433}.time-picker-section{margin-bottom:2.5rem}.time-picker-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.time-slider-container{padding:0 .5rem}.time-slider{width:100%;height:8px;-webkit-appearance:none;background:linear-gradient(90deg,#1e293b,#334155,#f8fafc,#334155,#1e293b);border-radius:4px;outline:none}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--color-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3b82f666}.time-slider::-moz-range-thumb{width:24px;height:24px;background:var(--color-accent);border:none;border-radius:50%;cursor:pointer}.time-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--color-text-tertiary)}.selected-time{text-align:center;margin-top:1rem}.time-value{font-family:Roboto Mono,monospace;font-size:1.75rem;font-weight:700;color:var(--color-accent)}.verdict-section{margin-bottom:2.5rem}.verdict-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;transition:all var(--transition-base)}.verdict-card.score-0{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.3)}.verdict-card.score-1{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid rgba(251,191,36,.3)}.verdict-card.score-2{background:linear-gradient(135deg,#f9731626,#f973160d);border:1px solid rgba(249,115,22,.3)}.verdict-card.score-3,.verdict-card.score-4{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.3)}.score-display{flex-shrink:0}.score-circle{width:100px;height:100px;border-radius:50%;background:var(--color-bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid currentColor}.score-0 .score-circle{border-color:var(--color-success)}.score-1 .score-circle{border-color:#fbbf24}.score-2 .score-circle{border-color:#f97316}.score-3 .score-circle,.score-4 .score-circle{border-color:#ef4444}.score-number{font-family:Roboto Mono,monospace;font-size:2rem;font-weight:700;line-height:1}.score-0 .score-number{color:var(--color-success)}.score-1 .score-number{color:#fbbf24}.score-2 .score-number{color:#f97316}.score-3 .score-number,.score-4 .score-number{color:#ef4444}.score-label{font-size:.625rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.verdict-text{flex:1}.verdict-headline{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.worst-affected{font-size:.9375rem;color:var(--color-text-secondary);margin:0}.breakdown{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:1.25rem}.breakdown h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.breakdown-list{list-style:none;padding:0;margin:0}.breakdown-list li{padding:.5rem 0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:.9375rem}.breakdown-list li:last-child{border-bottom:none;padding-bottom:0}.share-section{margin-bottom:2.5rem;text-align:center}.share-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.share-buttons{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.share-btn.twitter{background:#000;color:#fff}.share-btn.twitter:hover{background:#1a1a1a}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn.linkedin:hover{background:#006097}.aita-cta{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.aita-cta h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.aita-cta p{color:var(--color-text-secondary);margin:0 0 1.5rem}@media(max-width:600px){.aita-page{padding:1.5rem 1rem 3rem}.form-row{flex-direction:column}.name-input,.city-select{min-width:100%}.add-btn{width:100%}.verdict-card{flex-direction:column;text-align:center}}.jetlag-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.jetlag-hero{text-align:center;margin-bottom:2.5rem}.jetlag-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--color-text-primary);margin:0 0 1rem}.jetlag-subtitle{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}.city-selection{display:flex;align-items:flex-end;gap:1rem;margin-bottom:2.5rem}.city-picker{flex:1}.city-picker label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.city-input-container{position:relative}.city-input-container input{width:100%;padding:.875rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem}.city-input-container input:focus{outline:none;border-color:var(--color-accent)}.swap-btn{padding:.875rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.swap-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.jetlag-summary{text-align:center;padding:2rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:2rem}.severity-badge{display:inline-block;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem}.severity-minimal{background:#22c55e33;color:var(--color-success)}.severity-mild{background:#3b82f633;color:var(--color-accent)}.severity-moderate{background:#fbbf2433;color:#fbbf24}.severity-severe{background:#f9731633;color:#f97316}.severity-extreme{background:#ef444433;color:#ef4444}.jetlag-summary h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.summary-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-family:Roboto Mono,monospace;font-size:2rem;font-weight:700;color:var(--color-accent)}.stat-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.direction-note{font-size:.9375rem;color:var(--color-text-secondary);margin:0}.sleep-schedule{margin-bottom:2.5rem}.sleep-schedule h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.schedule-intro{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9375rem}.schedule-visual{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.time-bar{margin-bottom:1rem}.time-gradient{height:24px;border-radius:var(--radius-md);background:linear-gradient(90deg,#1e3a5f,#ff9f7f 10%,#87ceeb 25%,#f8fafc,#87ceeb 75%,#ff9f7f 90%,#1e3a5f)}.time-labels{display:flex;justify-content:space-between;margin-top:.375rem;font-size:.6875rem;color:var(--color-text-tertiary)}.schedule-rows{display:flex;flex-direction:column;gap:.75rem}.schedule-row{display:grid;grid-template-columns:140px 1fr 160px;align-items:center;gap:1rem}.schedule-row.travel-day{background:#3b82f61a;margin:0 -1rem;padding:.75rem 1rem;border-radius:var(--radius-md)}.day-label{font-size:.875rem;color:var(--color-text-secondary)}.travel-day .day-label{font-weight:600;color:var(--color-accent)}.day-bar{height:20px;background:#ffffff0d;border-radius:var(--radius-sm);position:relative}.sleep-block{position:absolute;top:2px;height:16px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:var(--radius-sm);min-width:8px}.day-times{display:flex;gap:1rem;font-family:Roboto Mono,monospace;font-size:.75rem;color:var(--color-text-tertiary)}.tips-section{margin-bottom:2.5rem}.tips-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tip-card{display:flex;gap:.75rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.tip-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.tip-card p{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.common-routes{margin-bottom:2.5rem}.common-routes h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.common-routes .routes-grid{display:flex;flex-wrap:wrap;gap:.75rem}.route-btn{padding:.625rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.route-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.jetlag-cta{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.jetlag-cta h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.jetlag-cta p{color:var(--color-text-secondary);margin:0 0 1.5rem}@media(max-width:768px){.jetlag-page{padding:1.5rem 1rem 3rem}.city-selection{flex-direction:column}.swap-btn{align-self:center;transform:rotate(90deg)}.summary-stats{gap:1.5rem}.stat-value{font-size:1.5rem}.schedule-row{grid-template-columns:1fr;gap:.5rem}.day-times{justify-content:flex-start}.tips-grid{grid-template-columns:1fr}}.hire-map-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.hire-hero{text-align:center;margin-bottom:2.5rem}.hire-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--color-text-primary);margin:0 0 1rem}.hire-subtitle{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.hq-selection{margin-bottom:2rem}.hq-selection>label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.hq-input-container{position:relative;margin-bottom:1rem}.hq-input-container input{width:100%;padding:1rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem}.hq-input-container input:focus{outline:none;border-color:var(--color-accent)}.city-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000004d;z-index:100;max-height:240px;overflow-y:auto}.city-dropdown button{width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-primary);font-size:.9375rem;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.city-dropdown button:hover{background:#ffffff0d}.quick-select{display:flex;flex-wrap:wrap;gap:.5rem}.quick-btn{padding:.5rem .875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:9999px;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.quick-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.quick-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.filters-section{display:flex;gap:2rem;margin-bottom:2rem;padding:1rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.filter-group label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.filter-buttons{display:flex;gap:.375rem}.filter-buttons button{padding:.375rem .75rem;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.filter-buttons button:hover{background:#ffffff0d}.filter-buttons button.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.results-section{margin-bottom:2.5rem}.results-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.results-intro{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9375rem}.regions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.region-card{padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.region-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.region-card--excellent{border-color:#22c55e4d;background:linear-gradient(135deg,rgba(34,197,94,.08),transparent)}.region-card--good{border-color:#3b82f64d;background:linear-gradient(135deg,rgba(59,130,246,.08),transparent)}.region-card--fair{border-color:#fbbf244d}.region-card--poor{border-color:#ef444433;opacity:.7}.region-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.region-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.overlap-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.overlap-badge--excellent{background:#22c55e33;color:var(--color-success)}.overlap-badge--good{background:#3b82f633;color:var(--color-accent)}.overlap-badge--fair{background:#fbbf2433;color:#fbbf24}.overlap-badge--poor{background:#ef444433;color:#ef4444}.region-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item{display:flex;flex-direction:column;gap:.125rem}.meta-label{font-size:.6875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.8125rem;color:var(--color-text-secondary)}.talent-badge{font-size:.75rem}.talent-high{color:var(--color-success)}.talent-medium{color:#fbbf24}.talent-low{color:var(--color-text-tertiary)}.cost-badge{font-size:.8125rem;font-weight:600}.cost-low{color:var(--color-success)}.cost-medium{color:#fbbf24}.cost-high{color:#f97316}.region-recommendation{font-size:.8125rem;color:var(--color-text-secondary);padding-top:.75rem;border-top:1px solid var(--color-border-subtle)}.insights-section{margin-bottom:2.5rem}.insights-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.insight-card{padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.insight-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.insight-card h3{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .375rem}.insight-card p{font-size:.8125rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.hire-cta{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.hire-cta h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.hire-cta p{color:var(--color-text-secondary);margin:0 0 1.5rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:1rem;text-decoration:none;transition:all var(--transition-fast)}.cta-button:hover{background:var(--color-accent-hover);transform:translateY(-2px)}@media(max-width:768px){.hire-map-page{padding:1.5rem 1rem 3rem}.filters-section{flex-direction:column;gap:1rem}.regions-grid,.insights-grid{grid-template-columns:1fr}}.directory-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.directory-page .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.5rem}.directory-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.directory-page .breadcrumb a:hover{text-decoration:underline}.directory-page .breadcrumb .separator{color:var(--color-border)}.directory-page .breadcrumb .current{color:var(--color-text-secondary)}.directory-hero{text-align:center;margin-bottom:2rem}.directory-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--color-text-primary);margin:0 0 .75rem}.directory-hero p{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.search-section{margin-bottom:1.5rem}.search-input{width:100%;max-width:500px;display:block;margin:0 auto;padding:1rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem}.search-input:focus{outline:none;border-color:var(--color-accent)}.search-input::placeholder{color:var(--color-text-tertiary)}.filter-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.filter-toggle button{padding:.5rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.filter-toggle button:hover{background:var(--color-bg-tertiary)}.filter-toggle button.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.letter-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.letter-nav button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.letter-nav button:hover:not(.disabled){background:#ffffff1a;color:var(--color-text-primary)}.letter-nav button.active{background:var(--color-accent);color:#fff}.letter-nav button.disabled{opacity:.3;cursor:not-allowed}.country-select{max-width:300px;margin:0 auto 1.5rem}.country-select select{width:100%;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;cursor:pointer}.country-select select:focus{outline:none;border-color:var(--color-accent)}.results-count{text-align:center;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.5rem}.cities-by-letter{margin-bottom:3rem}.letter-section{margin-bottom:2rem}.letter-heading{font-size:1.5rem;font-weight:700;color:var(--color-accent);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border-subtle)}.cities-grid,.cities-grid-flat{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.cities-grid-flat{margin-bottom:3rem}.city-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.city-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.city-card .city-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-section{margin-bottom:3rem}.popular-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.popular-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);text-decoration:none;text-align:center;transition:all var(--transition-fast)}.popular-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003;border-color:var(--color-accent)}.popular-emoji{font-size:2rem}.popular-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.popular-country{font-size:.75rem;color:var(--color-text-tertiary)}.directory-page .seo-content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.directory-page .seo-content h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.directory-page .seo-content h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 .75rem}.directory-page .seo-content p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 1rem}.directory-page .seo-content ul{margin:0;padding-left:1.5rem}.directory-page .seo-content li{color:var(--color-text-secondary);line-height:1.7;margin-bottom:.5rem}.directory-page .seo-content li strong{color:var(--color-text-primary)}@media(max-width:768px){.directory-page{padding:1.5rem 1rem 3rem}.cities-grid,.cities-grid-flat{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.popular-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.letter-nav{gap:.25rem;padding:.75rem}.letter-nav button{width:30px;height:30px;font-size:.75rem}}.zone-index-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.zone-index-page .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.5rem}.zone-index-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.zone-index-page .breadcrumb a:hover{text-decoration:underline}.zone-index-page .breadcrumb .separator{color:var(--color-border)}.zone-index-page .breadcrumb .current{color:var(--color-text-secondary)}.zone-hero{text-align:center;margin-bottom:2.5rem}.zone-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--color-text-primary);margin:0 0 .75rem}.zone-hero p{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.popular-zones{margin-bottom:3rem}.popular-zones h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.popular-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.popular-zone-card{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.5rem 1rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);text-decoration:none;text-align:center;transition:all var(--transition-fast)}.popular-zone-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003;border-color:var(--color-accent)}.popular-zone-card .zone-abbr{font-size:1.5rem;font-weight:800;color:var(--color-accent);font-family:Roboto Mono,monospace}.popular-zone-card .zone-name{font-size:.75rem;color:var(--color-text-secondary);line-height:1.3}.popular-zone-card .zone-offset{font-size:.6875rem;color:var(--color-text-tertiary);font-family:Roboto Mono,monospace}.region-section{margin-bottom:2.5rem}.region-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border-subtle)}.zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.zone-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.zone-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translateY(-1px)}.zone-card-header{display:flex;justify-content:space-between;align-items:center}.zone-card .zone-abbr{font-size:1.125rem;font-weight:700;color:var(--color-accent);font-family:Roboto Mono,monospace}.zone-card .zone-offset{font-size:.75rem;color:var(--color-text-tertiary);font-family:Roboto Mono,monospace}.zone-card .zone-name{font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-index-page .seo-content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.zone-index-page .seo-content h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.zone-index-page .seo-content h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 .75rem}.zone-index-page .seo-content p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 1rem}.zone-index-page .seo-content ul{margin:0;padding-left:1.5rem}.zone-index-page .seo-content li{color:var(--color-text-secondary);line-height:1.7;margin-bottom:.5rem}.zone-index-page .seo-content li strong{color:var(--color-text-primary)}@media(max-width:768px){.zone-index-page{padding:1.5rem 1rem 3rem}.popular-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.zone-index-page .seo-content{padding:1.5rem}}.timezone-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.timezone-page.error{text-align:center;padding:4rem 1.5rem}.timezone-page.error h1{color:#ef4444;margin-bottom:1rem}.timezone-page.error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.timezone-page.error a{color:var(--color-accent)}.timezone-page .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.5rem}.timezone-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.timezone-page .breadcrumb a:hover{text-decoration:underline}.timezone-page .breadcrumb .separator{color:var(--color-border)}.timezone-page .breadcrumb .current{color:var(--color-text-secondary)}.tz-hero{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,var(--color-dawn) 0%,var(--color-day) 100%);border-radius:var(--radius-lg);color:#09090b;margin-bottom:2rem}.tz-abbr-large{font-size:4rem;font-weight:800;letter-spacing:.05em;margin-bottom:.5rem;font-family:Roboto Mono,monospace}.tz-hero h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;opacity:.95}.tz-offset-display{font-size:1.125rem;opacity:.9;margin:0;font-family:Roboto Mono,monospace}.current-time-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;margin-bottom:2rem}.live-clock{font-size:3.5rem;font-weight:700;color:var(--color-text-primary);font-family:Roboto Mono,monospace;letter-spacing:-.02em}.live-date{font-size:1.125rem;color:var(--color-text-secondary);margin-top:.75rem}.iana-label{font-size:.75rem;color:var(--color-text-tertiary);margin-top:1rem;font-family:Roboto Mono,monospace}.quick-info{margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.info-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.6875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);word-break:break-word}.info-value.link{color:var(--color-accent);text-decoration:none}.info-value.link:hover{text-decoration:underline}.cities-section{margin-bottom:2rem}.cities-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.city-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.city-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translateY(-1px)}.city-emoji{font-size:1.5rem}.city-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.city-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-country{font-size:.75rem;color:var(--color-text-tertiary)}.countries-section{margin-bottom:2rem}.countries-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.countries-list{display:flex;flex-wrap:wrap;gap:.5rem}.country-tag{padding:.5rem .875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:9999px;font-size:.875rem;color:var(--color-text-secondary)}.conversions-section{margin-bottom:2rem}.conversions-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.conversions-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.conversion-link{padding:.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.conversion-link:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.view-all-link{display:inline-block;color:var(--color-accent);font-size:.875rem;text-decoration:none}.related-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.related-tz-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.related-tz-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.related-abbr{font-size:1.25rem;font-weight:700;color:var(--color-accent);font-family:Roboto Mono,monospace}.related-name{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-offset{font-size:.6875rem;color:var(--color-text-tertiary);font-family:Roboto Mono,monospace}.timezone-page .faq-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.timezone-page .faq-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.timezone-page .faq-item{background:var(--color-bg-primary);padding:1.25rem;border-radius:var(--radius-md);margin-bottom:1rem}.timezone-page .faq-item:last-child{margin-bottom:0}.timezone-page .faq-item h3{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.timezone-page .faq-item p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:0}@media(max-width:768px){.timezone-page{padding:1.5rem 1rem 3rem}.tz-hero{padding:2rem 1.5rem}.tz-abbr-large{font-size:3rem}.current-time-section{padding:2rem 1.5rem}.live-clock{font-size:2.5rem}.cities-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.related-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.timezone-page .faq-section{padding:1.5rem}}.utc-now-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.utc-now-page .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.5rem}.utc-now-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.utc-now-page .breadcrumb a:hover{text-decoration:underline}.utc-now-page .breadcrumb .separator{color:var(--color-border)}.utc-now-page .breadcrumb .current{color:var(--color-text-secondary)}.utc-hero{text-align:center;margin-bottom:2rem}.utc-hero h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:.05em}.utc-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:.5rem 0 0}.clock-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);margin-bottom:2rem}.big-clock{font-size:clamp(4rem,15vw,7rem);font-weight:800;font-family:Roboto Mono,monospace;color:var(--color-text-primary);letter-spacing:.02em;line-height:1}.clock-date{font-size:1.25rem;color:var(--color-text-secondary);margin-top:1rem}.utc-badge{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:var(--color-accent);color:#fff;border-radius:9999px;font-weight:600;font-size:.875rem}.formats-section{margin-bottom:2rem}.formats-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.format-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:1rem;position:relative}.format-label{font-size:.6875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.format-value{font-family:Roboto Mono,monospace;font-size:.9375rem;color:var(--color-text-primary);word-break:break-all;padding-right:3rem}.copy-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.375rem .75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.quick-links{margin-bottom:2rem}.quick-links h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.link-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.link-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.link-icon{font-size:1.5rem}.link-name{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.utc-now-page .faq-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.utc-now-page .faq-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.utc-now-page .faq-item{background:var(--color-bg-primary);padding:1.25rem;border-radius:var(--radius-md);margin-bottom:1rem}.utc-now-page .faq-item:last-child{margin-bottom:0}.utc-now-page .faq-item h3{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.utc-now-page .faq-item p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:0}@media(max-width:768px){.utc-now-page{padding:1.5rem 1rem 3rem}.clock-section{padding:2rem 1.5rem}.big-clock{font-size:3rem}.formats-grid,.links-grid{grid-template-columns:1fr}.info-section,.utc-now-page .faq-section{padding:1.5rem}}.unix-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.unix-page .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.5rem}.unix-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.unix-page .breadcrumb a:hover{text-decoration:underline}.unix-page .breadcrumb .separator{color:var(--color-border)}.unix-page .breadcrumb .current{color:var(--color-text-secondary)}.unix-hero{text-align:center;margin-bottom:2rem}.unix-hero h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;color:var(--color-text-primary);margin:0 0 .5rem}.unix-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.current-timestamp{text-align:center;padding:2rem;background:linear-gradient(135deg,#22c55e26,#3b82f626);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg);margin-bottom:2rem}.current-timestamp h2{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.timestamp-display{display:flex;justify-content:center;align-items:center;gap:1rem}.timestamp-value{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;font-family:Roboto Mono,monospace;color:var(--color-text-primary)}.copy-btn{padding:.5rem 1rem;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-accent-hover)}.timestamp-millis{margin-top:1rem;font-size:.875rem;color:var(--color-text-tertiary);font-family:Roboto Mono,monospace;display:flex;align-items:center;justify-content:center;gap:.5rem}.copy-sm{padding:.25rem .5rem;background:#ffffff1a;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.6875rem;cursor:pointer;transition:all var(--transition-fast)}.copy-sm:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.converter-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.converter-section h2{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.section-desc{font-size:.875rem;color:var(--color-text-tertiary);margin:0 0 1rem}.input-row{display:flex;gap:.75rem}.input-row input{flex:1;padding:.875rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:1rem}.input-row input:focus{outline:none;border-color:var(--color-accent)}.convert-btn{padding:.875rem 1.5rem;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.convert-btn:hover{background:var(--color-accent-hover)}.date-inputs{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.input-group{flex:1;min-width:150px}.input-group label{display:block;font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:.375rem}.input-group input{width:100%;padding:.75rem;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem}.input-group input:focus{outline:none;border-color:var(--color-accent)}.result-card{margin-top:1rem;padding:1rem;background:var(--color-bg-primary);border-radius:var(--radius-md)}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border-subtle)}.result-row:last-child{border-bottom:none}.result-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.result-value{font-size:.875rem;color:var(--color-text-primary);text-align:right}.result-value.mono{font-family:Roboto Mono,monospace}.result-with-copy{display:flex;align-items:center;gap:.5rem}.reference-section{margin-bottom:2rem}.reference-section h2{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.reference-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.ref-label{font-size:.75rem;color:var(--color-text-tertiary)}.ref-value{font-size:1rem;font-weight:600;font-family:Roboto Mono,monospace;color:var(--color-text-primary)}.info-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.info-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.info-section h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 .75rem}.info-section p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 1rem}.info-section ul{margin:0;padding-left:1.5rem}.info-section li{color:var(--color-text-secondary);line-height:1.7;margin-bottom:.5rem}.info-section li strong{color:var(--color-text-primary)}.unix-page .faq-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.unix-page .faq-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.unix-page .faq-item{background:var(--color-bg-primary);padding:1.25rem;border-radius:var(--radius-md);margin-bottom:1rem}.unix-page .faq-item:last-child{margin-bottom:0}.unix-page .faq-item h3{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.unix-page .faq-item p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.related-section{margin-bottom:2rem}.related-section h2{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.related-links{display:flex;flex-wrap:wrap;gap:.75rem}.related-links a{padding:.625rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;text-decoration:none;transition:all var(--transition-fast)}.related-links a:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}@media(max-width:768px){.unix-page{padding:1.5rem 1rem 3rem}.current-timestamp{padding:1.5rem}.timestamp-display{flex-direction:column;gap:.75rem}.input-row,.date-inputs{flex-direction:column}.date-inputs .convert-btn{width:100%}.reference-grid{grid-template-columns:repeat(2,1fr)}.info-section,.unix-page .faq-section{padding:1.5rem}}.live-events-index,.live-event-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem}.live-event-page.error{text-align:center;padding:4rem 1.5rem}.live-event-page.error h1{color:#ef4444;margin-bottom:1rem}.live-event-page.error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.live-event-page.error a{color:var(--color-accent)}.live-events-index .breadcrumb,.live-event-page .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.5rem}.live-events-index .breadcrumb a,.live-event-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.live-events-index .breadcrumb a:hover,.live-event-page .breadcrumb a:hover{text-decoration:underline}.live-events-index .breadcrumb .separator,.live-event-page .breadcrumb .separator{color:var(--color-border)}.live-events-index .breadcrumb .current,.live-event-page .breadcrumb .current{color:var(--color-text-secondary)}.events-hero{text-align:center;margin-bottom:2.5rem}.events-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--color-text-primary);margin:0 0 .75rem}.events-hero p{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.featured-event{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);margin-bottom:3rem}.featured-label{display:inline-block;padding:.375rem .875rem;background:var(--color-accent);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.featured-event h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1.5rem}.featured-link{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.featured-link:hover{background:var(--color-accent-hover)}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:.5rem}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:60px}.countdown-value{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;font-family:Roboto Mono,monospace;color:var(--color-text-primary);line-height:1}.countdown-label{font-size:.6875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.countdown-separator{font-size:2rem;font-weight:700;color:var(--color-text-tertiary);margin-bottom:1rem}.countdown-finished{font-size:1.5rem;font-weight:700;color:var(--color-success)}.mini-countdown .countdown-timer{gap:.25rem}.mini-countdown .countdown-unit{min-width:40px}.mini-countdown .countdown-value{font-size:1.25rem}.mini-countdown .countdown-label{font-size:.5625rem}.mini-countdown .countdown-separator{font-size:1rem;margin-bottom:.5rem}.events-section{margin-bottom:3rem}.events-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.event-card{display:flex;flex-direction:column;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.event-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.event-card h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:.75rem 0 .375rem}.event-card .event-location{font-size:.8125rem;color:var(--color-text-tertiary);margin:0 0 1rem}.category-tag{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.category-holiday{background:#ef444433;color:#ef4444}.category-sports{background:#22c55e33;color:#22c55e}.category-tech{background:#3b82f633;color:#3b82f6}.category-entertainment{background:#fbbf2433;color:#fbbf24}.category-space{background:#8b5cf633;color:#8b5cf6}.event-hero{text-align:center;margin-bottom:2rem}.event-hero .event-category{padding:.375rem .875rem;margin-bottom:1rem}.event-hero h1{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:var(--color-text-primary);margin:0 0 .5rem}.event-hero .event-location{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.main-countdown{padding:3rem 2rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:2rem}.main-countdown .countdown-value{font-size:clamp(3rem,10vw,5rem)}.main-countdown .countdown-label{font-size:.75rem}.main-countdown .countdown-separator{font-size:3rem}.event-details{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border-subtle)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:var(--color-text-tertiary)}.detail-value{font-size:.875rem;color:var(--color-text-primary);text-align:right}.share-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.share-section h2{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.share-section p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1rem}.share-url{display:flex;gap:.5rem}.share-url input{flex:1;padding:.75rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem}.share-url button{padding:.75rem 1.25rem;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.share-url button:hover{background:var(--color-accent-hover)}.related-events{margin-bottom:2rem}.related-events h2{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.events-grid-small{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.event-card-small{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.event-card-small:hover{border-color:var(--color-accent)}.event-card-small .event-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.live-events-index .seo-content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.live-events-index .seo-content h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.live-events-index .seo-content h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:1.5rem 0 .75rem}.live-events-index .seo-content p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 1rem}.live-events-index .seo-content ul{margin:0;padding-left:1.5rem}.live-events-index .seo-content li{color:var(--color-text-secondary);line-height:1.7;margin-bottom:.5rem}.live-events-index .seo-content li strong{color:var(--color-text-primary)}@media(max-width:768px){.live-events-index,.live-event-page{padding:1.5rem 1rem 3rem}.featured-event{padding:2rem 1.5rem}.countdown-unit{min-width:45px}.countdown-value{font-size:1.75rem}.countdown-separator{font-size:1.25rem;margin-bottom:.75rem}.main-countdown{padding:2rem 1.5rem}.main-countdown .countdown-value{font-size:2.5rem}.events-grid{grid-template-columns:1fr}.events-grid-small{grid-template-columns:repeat(2,1fr)}.detail-item{flex-direction:column;gap:.25rem}.detail-value{text-align:left}.share-url{flex-direction:column}.live-events-index .seo-content{padding:1.5rem}}.world-clock-map-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);padding-top:80px}.map-hero{text-align:center;padding:3rem 1.5rem 2rem;max-width:800px;margin:0 auto}.map-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.map-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.map-controls{display:flex;justify-content:center;gap:.5rem}.format-toggle{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.format-toggle:hover,.format-toggle.active{background:#87ceeb33;border-color:#87ceeb;color:#87ceeb}.map-container{max-width:1200px;margin:0 auto;padding:0 1rem}.world-map{width:100%;height:auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}.continents{opacity:.8}.city-marker{transition:all .2s ease}.city-marker:hover circle{r:6}.city-marker .city-label{opacity:0;transition:opacity .2s ease;font-family:Inter,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.8)}.city-marker:hover .city-label,.city-marker.selected .city-label{opacity:1}.city-marker .city-time{font-family:Inter,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.8)}.selected-city-panel{max-width:600px;margin:2rem auto;padding:0 1rem}.selected-city-content{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selected-city-emoji{font-size:2.5rem}.selected-city-info{flex:1}.selected-city-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.selected-city-time{font-size:1.75rem;font-weight:700;color:#87ceeb;margin:0}.selected-city-timezone{font-size:.85rem;color:var(--text-muted);margin:0}.view-city-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#87ceeb,#6bb3d9);color:#0f172a;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease}.view-city-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #87ceeb4d}.map-cities-grid{max-width:1200px;margin:3rem auto;padding:0 1rem}.map-cities-grid h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.city-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;transition:all .2s ease}.city-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.city-card.day{border-left:3px solid #FFD700}.city-card.night{border-left:3px solid #87CEEB}.city-card .city-emoji{font-size:1.5rem}.city-card .city-info{display:flex;flex-direction:column}.city-card .city-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.city-card .city-time{font-size:1.1rem;font-weight:600;color:#87ceeb}.city-card.day .city-time{color:gold}.map-seo-content{max-width:800px;margin:4rem auto;padding:2rem;background:#ffffff08;border-radius:16px}.map-seo-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.map-seo-content h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.map-seo-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.map-seo-content ul{list-style:none;padding:0}.map-seo-content li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.map-seo-content li:before{content:"→";position:absolute;left:0;color:#87ceeb}.map-seo-content a{color:#87ceeb;text-decoration:none}.map-seo-content a:hover{text-decoration:underline}.map-cta{text-align:center;padding:3rem 1.5rem;max-width:600px;margin:0 auto}.map-cta h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.map-cta p{color:var(--text-secondary);margin-bottom:1.5rem}.map-cta .cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#87ceeb,#6bb3d9);color:#0f172a;font-weight:600;text-decoration:none;border-radius:12px;transition:all .2s ease}.map-cta .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #87ceeb4d}@media(max-width:768px){.map-hero h1{font-size:2rem}.map-subtitle{font-size:1rem}.selected-city-content{flex-wrap:wrap;text-align:center;justify-content:center}.selected-city-info{text-align:center;width:100%}.cities-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cities-grid{grid-template-columns:1fr}}.meeting-planner-landing{min-height:100vh;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);padding-top:80px}.planner-hero{text-align:center;padding:3rem 1.5rem;max-width:800px;margin:0 auto}.planner-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.planner-form-section{max-width:700px;margin:0 auto 3rem;padding:0 1rem}.planner-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-row{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.form-group{flex:1}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-group select{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-primary);font-size:1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.form-group select:focus{outline:none;border-color:#87ceeb}.form-divider{font-size:1.5rem;color:var(--text-muted);padding-bottom:.75rem}.find-time-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#87ceeb,#6bb3d9);border:none;border-radius:8px;color:#0f172a;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.find-time-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #87ceeb4d}.find-time-btn:disabled{opacity:.5;cursor:not-allowed}.popular-pairs-section{max-width:900px;margin:0 auto 4rem;padding:0 1rem;text-align:center}.popular-pairs-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.pairs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.pair-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;transition:all .2s ease}.pair-card:hover{background:#ffffff1a;border-color:#87ceeb4d;transform:translateY(-2px)}.pair-emoji{font-size:1.5rem}.pair-label{font-size:.9rem;color:var(--text-primary);font-weight:500}.view-all-link{color:#87ceeb;text-decoration:none;font-size:.95rem}.view-all-link:hover{text-decoration:underline}.planner-features{max-width:1100px;margin:0 auto 4rem;padding:0 1rem}.planner-features h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.how-it-works{max-width:900px;margin:0 auto 4rem;padding:3rem 1rem;background:#ffffff05;border-radius:16px}.how-it-works h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.step-card{text-align:center;padding:1.5rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#87ceeb,#6bb3d9);color:#0f172a;font-weight:700;font-size:1.25rem;border-radius:50%;margin-bottom:1rem}.step-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.step-card p{font-size:.9rem;color:var(--text-secondary)}.planner-faq{max-width:800px;margin:0 auto 4rem;padding:0 1rem}.planner-faq h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.faq-item h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.faq-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.7}.planner-cta{text-align:center;padding:3rem 1.5rem;max-width:600px;margin:0 auto}.planner-cta h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.planner-cta p{color:var(--text-secondary);margin-bottom:1.5rem}.planner-cta .cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#87ceeb,#6bb3d9);color:#0f172a;font-weight:600;text-decoration:none;border-radius:12px;transition:all .2s ease}.planner-cta .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #87ceeb4d}@media(max-width:768px){.planner-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.form-row{flex-direction:column;gap:1rem}.form-divider{display:none}.pairs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pairs-grid{grid-template-columns:1fr}}.poll-page{min-height:100vh;display:flex;flex-direction:column}.poll-page__main{flex:1;padding:2rem 1rem;display:flex;justify-content:center}.poll-page__container{width:100%;max-width:600px}.poll-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--color-text-secondary)}.poll-page__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.poll-page__error{text-align:center;padding:3rem 1rem}.poll-page__error h1{font-size:1.5rem;margin-bottom:.5rem}.poll-page__error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.poll-page__back-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:background var(--transition-fast)}.poll-page__back-btn:hover{background:var(--color-accent-dark)}.poll-page__header{text-align:center;margin-bottom:1.5rem}.poll-page__title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary)}.poll-page__subtitle{color:var(--color-text-secondary);font-size:.9375rem}.poll-page__closed-badge{display:inline-block;margin-top:.75rem;padding:.375rem .75rem;background:#ef444426;color:#ef4444;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600}.poll-page__cities{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.poll-page__city-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text-secondary)}.poll-page__options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.poll-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.poll-option:hover:not(.poll-option--voted){background:#ffffff08;border-color:var(--color-accent)}.poll-option--selected{border-color:var(--color-accent);background:#3b82f61a}.poll-option--voted{cursor:default}.poll-option--winning{border-color:var(--color-success);background:#22c55e1a}.poll-option__checkbox{flex-shrink:0;padding-top:.125rem}.poll-option__check{width:22px;height:22px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.poll-option__check--checked{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.poll-option__radio{width:22px;height:22px;border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.poll-option__radio--checked{border-color:var(--color-accent)}.poll-option__radio-dot{width:12px;height:12px;background:var(--color-accent);border-radius:50%}.poll-option__content{flex:1;min-width:0}.poll-option__main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.poll-option__time{font-weight:600;font-size:1rem;color:var(--color-text-primary)}.poll-option__percentage{font-family:Roboto Mono,monospace;font-weight:600;font-size:.9375rem;color:var(--color-accent)}.poll-option--winning .poll-option__percentage{color:var(--color-success)}.poll-option__city-times{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.5rem}.poll-option__city-time{font-size:.8125rem;color:var(--color-text-tertiary)}.poll-option__progress{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:.5rem}.poll-option__progress-bar{height:100%;background:var(--color-accent);border-radius:2px;transition:width .5s ease}.poll-option--winning .poll-option__progress-bar{background:var(--color-success)}.poll-option__votes{flex-shrink:0;font-size:.75rem;color:var(--color-text-tertiary);padding-top:.125rem}.poll-page__actions{margin-bottom:1rem}.poll-page__name-input-row{display:flex;gap:.75rem}.poll-page__name-input{flex:1;padding:.875rem 1rem;background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem}.poll-page__name-input::placeholder{color:var(--color-text-tertiary)}.poll-page__name-input:focus{outline:none;border-color:var(--color-accent)}.poll-page__submit-btn{padding:.875rem 1.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.poll-page__submit-btn:hover:not(:disabled){background:var(--color-accent-dark)}.poll-page__submit-btn:disabled{opacity:.5;cursor:not-allowed}.poll-page__voted-actions{display:flex;gap:.75rem;justify-content:center}.poll-page__change-btn{padding:.75rem 1.25rem;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.poll-page__change-btn:hover{background:#ffffff0d;color:var(--color-text-primary)}.poll-page__share-btn{padding:.75rem 1.25rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.poll-page__share-btn:hover{background:var(--color-accent-dark)}.poll-page__share-btn--copied{background:var(--color-success)}.poll-page__stats{text-align:center;color:var(--color-text-tertiary);font-size:.8125rem;margin-bottom:1.5rem}.poll-page__footer-link{text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-border)}.poll-page__footer-link a{color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.poll-page__footer-link a:hover{color:var(--color-accent)}@media(max-width:480px){.poll-page__main{padding:1rem}.poll-page__title{font-size:1.5rem}.poll-option{padding:.875rem 1rem}.poll-page__name-input-row,.poll-page__voted-actions{flex-direction:column}.poll-page__change-btn,.poll-page__share-btn{width:100%}}: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-bg-secondary: rgba(17, 24, 39, .6);--color-bg-tertiary: rgba(31, 41, 55, .6);--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}