.theme-toggle{background:var(--color-icon-btn-bg);color:var(--color-text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:opacity .2s,background-color .3s;display:inline-flex}.theme-toggle:active{opacity:.7}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.language-select__trigger{appearance:none;background:var(--color-icon-btn-bg);color:var(--color-text-primary);border-radius:var(--radius-pill);min-width:56px;height:32px;padding:0 var(--space-3);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .2s,background-color .3s;display:inline-flex}.language-select__trigger:active{opacity:.7}.language-select__trigger:focus-visible,.language-select__trigger[data-state=open]{outline:2px solid var(--color-accent);outline-offset:2px}.language-select__trigger[data-state=open]{background:var(--color-accent-bg);color:var(--color-accent)}.language-select__content{background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);min-width:var(--radix-select-trigger-width);z-index:300;font-family:inherit;font-size:14px;overflow:hidden}.language-select__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;outline:none;align-items:center;transition:background-color .15s;display:flex}.language-select__item[data-highlighted]{background:var(--color-pill-bg)}.language-select__item[data-state=checked]{color:var(--color-accent);font-weight:600}.city-select{width:100%;position:relative}.city-select__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);background:var(--color-surface);color:var(--color-text-primary);outline:none}.city-select__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-bg)}.city-select__list{top:calc(100% + var(--space-1));background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);max-height:280px;box-shadow:var(--shadow-md);z-index:100;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.city-select__group-label{padding:var(--space-2) var(--space-4);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.city-select__option{padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--color-text-primary);font-size:.95rem}.city-select__option--focused,.city-select__option:hover{background:var(--color-pill-bg)}.city-select__option[aria-selected=true]{color:var(--color-accent)}.city-select__option-alias{color:var(--color-text-secondary);margin-left:.25em;font-size:.85em}.city-select__option--first-other{border-top:1px solid var(--color-divider);margin-top:var(--space-1)}.city-select__empty{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:.9rem}@media (width<=639px){.city-select__list{z-index:200;max-height:none;padding-top:var(--space-8);border:none;border-radius:0;position:fixed;inset:0}}.policy-info{color:var(--color-accent);cursor:help;padding:0 var(--space-1);background:0 0;border:none;font-size:14px;line-height:1}.policy-info:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:50%}.timezone-badge{align-items:center;gap:var(--space-2);width:100%;min-width:0;max-width:240px;display:inline-flex}@media (width<=639px){.timezone-badge{max-width:180px}}.time-travel{align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;display:flex}.time-travel--inactive{color:var(--color-accent);padding:var(--space-2) var(--space-3);text-align:left;background:0 0;border:none;justify-content:flex-start;font-size:14px}.time-travel--active{background:var(--color-teal-light);padding:var(--space-3) var(--space-4);font-weight:600}.time-travel__body{color:var(--color-text-primary);text-align:left;cursor:pointer;font:inherit;align-items:center;gap:var(--space-2);background:0 0;border:none;flex:1;display:inline-flex}.time-travel__reset{color:var(--color-accent);cursor:pointer;font:inherit;padding:var(--space-1) var(--space-2);white-space:nowrap;align-items:center;gap:var(--space-1);background:0 0;border:none;display:inline-flex}.time-travel__warning{color:var(--color-error);flex-shrink:0}.favorites-list{margin-bottom:var(--space-4)}.favorites-list__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600;display:block}.favorites-list__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.favorites-chip{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);text-align:left;flex-direction:column;align-items:flex-start;transition:border-color .2s;display:flex}.favorites-chip:hover{border-color:var(--color-accent)}.favorites-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.favorites-chip__city{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.favorites-chip__time{color:var(--color-accent);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.8rem}.favorites-chip-wrap{display:inline-flex;position:relative}.favorites-chip__pin,.favorites-chip__remove{background:var(--color-pill-bg);width:22px;height:22px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:opacity .2s,background-color .2s,color .2s;display:flex;position:absolute;top:-4px}.favorites-chip__pin{filter:grayscale(.5);font-size:11px;right:-4px}.favorites-chip__remove{font-size:16px;left:-4px}.favorites-chip-wrap:hover .favorites-chip__pin,.favorites-chip-wrap:hover .favorites-chip__remove,.favorites-chip__pin:focus-visible,.favorites-chip__remove:focus-visible{opacity:1}.favorites-chip__pin--active{background:var(--color-accent);color:#fff;opacity:1;filter:none}.favorites-chip__pin:focus-visible,.favorites-chip__remove:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.favorites-chip__remove:hover{background:var(--color-error);color:#fff}.history-strip{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.history-strip__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.7rem;font-weight:600}.history-strip__chips{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.history-strip__chip{background:var(--color-pill-bg);color:var(--color-text-primary);border-radius:var(--radius-pill);padding:2px var(--space-2);font-variant-numeric:tabular-nums;cursor:pointer;border:none;font-family:inherit;font-size:11px;font-weight:500;transition:background-color .15s,color .15s}.history-strip__chip:hover{background:var(--color-accent-bg);color:var(--color-accent)}.history-strip__chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.history-strip__clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;line-height:1;display:inline-flex}.history-strip__clear:hover{background:var(--color-pill-bg);color:var(--color-text-primary)}.pinned-strip{align-items:center;gap:var(--space-2);scrollbar-width:none;scroll-snap-type:x mandatory;flex:1;min-width:0;display:flex;overflow-x:auto}.pinned-strip::-webkit-scrollbar{display:none}.pinned-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);background:var(--color-accent-bg);color:var(--color-text-primary);border-radius:var(--radius-pill);white-space:nowrap;scroll-snap-align:start;font-size:12px;font-weight:500;display:inline-flex}.pinned-chip__city{color:var(--color-text-primary)}.pinned-chip__time{color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:600}.pinned-chip__unpin{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;display:inline-flex}.pinned-chip__unpin:hover{background:var(--color-pill-bg);color:var(--color-text-primary)}.pinned-chip__unpin:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.time-picker-dropdown{display:inline-block;position:relative}.time-picker-dropdown__panel{top:calc(100% + var(--space-1));z-index:250;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);gap:var(--space-2);grid-template-columns:1fr 1fr;width:max-content;min-width:180px;display:grid;position:absolute;left:0}.time-picker-dropdown__col{scroll-snap-type:y mandatory;scrollbar-width:none;flex-direction:column;max-height:200px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.time-picker-dropdown__col::-webkit-scrollbar{display:none}.time-picker-dropdown__cell{width:100%;color:var(--color-text-primary);padding:var(--space-2) var(--space-4);cursor:pointer;font-variant-numeric:tabular-nums;scroll-snap-align:center;font:inherit;border-radius:var(--radius-md);text-align:center;background:0 0;border:none;font-size:.95rem;transition:background-color .15s}.time-picker-dropdown__cell:hover{background:var(--color-pill-bg)}.time-picker-dropdown__cell.is-selected{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.time-picker-dropdown__cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.anchor-helper__heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.anchor-helper__heading .section__title{margin-bottom:0}.anchor-helper__clear{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;font-family:inherit;font-size:12px;display:inline-flex}.anchor-helper__clear:hover{color:var(--color-error);background:var(--color-pill-bg)}.anchor-helper__row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.anchor-helper__label{color:var(--color-text-secondary);white-space:nowrap;font-size:.95rem}.anchor-helper__inline{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.anchor-helper__set-now{background:var(--color-accent-bg);color:var(--color-accent);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);cursor:pointer;border:none;font-family:inherit;font-size:12px;font-weight:500;transition:background-color .2s,opacity .2s}.anchor-helper__set-now:hover:not(:disabled){background:var(--color-accent);color:#fff}.anchor-helper__set-now:disabled{opacity:.4;cursor:not-allowed}.anchor-helper__hint{color:var(--color-text-secondary);margin-top:var(--space-2);font-size:.8rem}.anchor-helper__output{gap:var(--space-3);flex-direction:column;display:flex}.anchor-helper__description{color:var(--color-text-primary);font-size:.95rem;line-height:1.4}.anchor-helper__candidates{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.anchor-helper__candidate{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;display:flex}.anchor-helper__candidate-city{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.anchor-helper__candidate-time{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.anchor-helper__candidate-offset{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.75rem}.anchor-helper__star{cursor:pointer;color:var(--color-text-secondary);padding:0 var(--space-1);background:0 0;border:none;align-items:center;line-height:1;display:inline-flex}.anchor-helper__star--active{color:var(--color-accent)}.anchor-helper__star:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:50%}.anchor-helper__show-more{color:var(--color-accent);cursor:pointer;font:inherit;padding:var(--space-1) var(--space-2);background:0 0;border:none;align-self:flex-start;font-size:.85rem}.anchor-helper__show-more:hover{text-decoration:underline}.anchor-helper__closest-note{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.85rem}.site-header{padding:var(--space-4) 0 var(--space-2)}.site-header__brand{cursor:pointer;font:inherit;color:inherit;padding:var(--space-1) var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;transition:background-color .15s;display:inline-flex}.site-header__brand:hover{background:var(--color-pill-bg)}.site-header__brand:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site-header__title{color:var(--color-text-primary);letter-spacing:-.01em;align-items:center;gap:6px;font-size:1.5rem;font-weight:700;line-height:1.1;display:inline-flex}.site-header__dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;display:inline-block}.site-header__tagline{color:var(--color-text-secondary);font-size:.85rem;font-weight:400;line-height:1.3}.trust-footer{text-align:center;color:var(--color-text-secondary);padding:var(--space-6) var(--space-4) var(--space-12);font-variant-numeric:tabular-nums;gap:var(--space-1);flex-direction:column;font-size:12px;display:flex}.trust-footer__line{margin:0}.trust-footer__line--meta{opacity:.85;font-size:11px}.trust-footer__link{color:inherit;border-bottom:1px dotted;text-decoration:none;transition:color .2s}.trust-footer__link:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.trust-footer__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.reverse-search__row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.reverse-search__label{color:var(--color-text-secondary);white-space:nowrap}.reverse-results{margin-top:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.result-group__offset{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.result-group__cities{gap:var(--space-2);flex-direction:column;display:flex}.result-card{align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-divider);display:flex}.result-card__city{font-variant-numeric:tabular-nums;flex:1;font-weight:500}.result-card__time{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.result-card__day{color:var(--color-text-secondary);font-size:.8rem}.result-card__star{cursor:pointer;color:var(--color-text-secondary);padding:0 var(--space-1);background:0 0;border:none;font-size:1rem;line-height:1}.result-card__star--active{color:var(--color-accent)}.result-card__star:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:50%}@media (width>=640px){.result-group__cities{grid-template-columns:repeat(2,1fr);display:grid}}.forward-search__label{color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.forward-result{margin-top:var(--space-6);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-divider)}.forward-result__time-row{align-items:center;gap:var(--space-3);display:flex}.forward-result__time{color:var(--color-text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700}.forward-result__star{cursor:pointer;color:var(--color-text-secondary);padding:0 var(--space-1);background:0 0;border:none;font-size:1.5rem;line-height:1}.forward-result__star--active{color:var(--color-accent)}.forward-result__star:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:50%}.forward-result__day{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:.9rem}.forward-result__meta{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.forward-result__offset,.forward-result__rel-offset{color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:.85rem}.forward-result__rel-offset-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:500}.toast-container{bottom:var(--space-4);gap:var(--space-2);z-index:2000;pointer-events:none;width:100%;max-width:420px;padding:0 var(--space-3);flex-direction:column-reverse;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:flex-start;gap:var(--space-3);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);pointer-events:auto;font-size:.9rem;line-height:1.4;animation:.2s ease-out toast-slide-in;display:flex}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast__message{flex:1}.toast__dismiss{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:2px;line-height:1;display:inline-flex}.toast__dismiss:hover{background:var(--color-pill-bg);color:var(--color-text-primary)}.toast__dismiss:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width>=640px){.toast-container{left:auto;right:var(--space-4);max-width:360px;padding:0;transform:none}}:root{--color-bg:#f2f2f7;--color-surface:#fff;--color-divider:#e5e5ea;--color-pill-bg:#e5e5ea;--color-icon-btn-bg:#e5e5ea;--color-text-primary:#1c1c1e;--color-text-secondary:#8e8e93;--color-accent:#30b0c7;--color-accent-bg:#30b0c71a;--color-teal-light:#e0f7fa;--color-error:#ff3b30;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-large-time:28px;--font-input:18px;--font-section-title:13px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-card:16px;--radius-pill:20px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000026;--content-max:720px;--bp-tablet:640px;--bp-desktop:960px}[data-theme=dark]{--color-bg:#000;--color-surface:#1c1c1e;--color-divider:#38383a;--color-pill-bg:#2c2c2e;--color-icon-btn-bg:#2c2c2e;--color-text-primary:#fff;--color-text-secondary:#98989d;--color-accent:#4dd0e1;--color-accent-bg:#4dd0e126;--color-teal-light:#4dd0e126;--color-error:#ff453a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s}.app{max-width:var(--content-max);padding:var(--space-6) var(--space-4);margin:0 auto}.section{padding:var(--space-8) 0}.section-divider{background:var(--color-divider);height:1px}.results-empty{color:var(--color-text-secondary);padding:var(--space-3) 0;margin:0;font-size:.9rem;line-height:1.5}.unsupported{padding:var(--space-8);text-align:center;color:var(--color-error)}.top-nav{padding:var(--space-4) 0;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.top-nav__actions{gap:var(--space-2);display:flex}.section__title{color:var(--color-text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);font-size:1.25rem;font-weight:700;display:flex}.section__title:before{content:"";background:var(--color-accent);border-radius:2px;width:4px;height:1.1em;display:inline-block}.section__layout{gap:var(--space-6);flex-direction:column;display:flex}@media (width>=640px){.app{padding:var(--space-12) var(--space-8)}}.react-time-picker{width:auto;display:inline-block}.react-time-picker__wrapper{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-2) var(--space-3);justify-content:center;align-items:center;gap:0;transition:border-color .2s;display:inline-flex}.react-time-picker__wrapper:focus-within{border-color:var(--color-accent)}.react-time-picker__inputGroup{font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}.react-time-picker__inputGroup__input{color:var(--color-text-primary);text-align:center;box-sizing:content-box;appearance:textfield;background:0 0;border:none;outline:none;min-width:1ch;padding:0 1px;font-family:inherit;font-size:1rem}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__input:not(.react-time-picker__inputGroup__input--hasLeadingZero){min-width:2.2ch}.react-time-picker__inputGroup__leadingZero{font:inherit;display:inline-block}.react-time-picker__inputGroup__input:focus{outline:none}.react-time-picker__inputGroup__input::-webkit-outer-spin-button{appearance:none;margin:0}.react-time-picker__inputGroup__input::-webkit-inner-spin-button{appearance:none;margin:0}.react-time-picker__inputGroup__divider{color:var(--color-text-secondary);padding:0 var(--space-1)}.react-time-picker--lg .react-time-picker__wrapper{padding:var(--space-3) var(--space-4)}.react-time-picker--lg .react-time-picker__inputGroup__input{min-width:2.2ch;font-size:1.5rem;font-weight:500}