@font-face{font-family:Nunito;src:url(/fonts/nunito_regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito_semibold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito_bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg: #0d0e13;--primary: #4583f6;--on-primary: #ffffff;--secondary: #ffffff;--tertiary: #d5d5d5;--card: #262626;--radius: 12px;--danger: #ef5350;--nav-indicator: #4a90d9;--font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--headline-lg-size: 32px;--headline-lg-line: 34px;--title-lg-size: 28px;--title-lg-line: 30px;--title-md-size: 24px;--title-md-line: 26px;--title-sm-size: 20px;--title-sm-line: 22px;--body-lg-size: 24px;--body-lg-line: 26px;--body-md-size: 20px;--body-md-line: 22px;--body-sm-size: 16px;--body-sm-line: 18px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-nav: .4s}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:var(--bg);color:var(--secondary);font-family:var(--font);-webkit-font-smoothing:antialiased}#root{height:100%}.t-headline-lg{font-size:var(--headline-lg-size);line-height:var(--headline-lg-line);font-weight:700}.t-title-lg{font-size:var(--title-lg-size);line-height:var(--title-lg-line);font-weight:600}.t-title-md{font-size:var(--title-md-size);line-height:var(--title-md-line);font-weight:600}.t-title-sm{font-size:var(--title-sm-size);line-height:var(--title-sm-line);font-weight:600}.t-body-lg{font-size:var(--body-lg-size);line-height:var(--body-lg-line);font-weight:400}.t-body-md{font-size:var(--body-md-size);line-height:var(--body-md-line);font-weight:400}.t-body-sm{font-size:var(--body-sm-size);line-height:var(--body-sm-line);font-weight:400}.c-secondary{color:var(--secondary)}.c-tertiary{color:var(--tertiary)}.c-primary{color:var(--primary)}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:disabled{cursor:default}input,textarea{font-family:inherit;color:inherit}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.card{background:var(--card);border-radius:var(--radius)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--radius);background:var(--primary);color:var(--on-primary);font-weight:600}.btn-primary:disabled{opacity:.5}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--radius);border:1px solid var(--primary);color:var(--primary);font-weight:600}.btn-outline:disabled{opacity:.5}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--radius);color:var(--danger);font-weight:600}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--secondary);flex-shrink:0}.icon-button:hover{background:#ffffff14}.top-bar{display:flex;align-items:center;gap:12px;min-height:48px;padding:16px;flex-shrink:0}.top-bar__title{margin:0;flex:1}.bottom-nav{display:flex;align-items:stretch;background:var(--card);flex-shrink:0;transition:transform var(--dur-nav) var(--ease),opacity var(--dur-nav) var(--ease)}.bottom-nav--hidden{transform:translateY(100%);opacity:0;pointer-events:none}.bottom-nav__item{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:14px 0;color:var(--secondary)}.bottom-nav__item.is-selected{color:var(--primary)}.bottom-nav__indicator{position:absolute;bottom:6px;left:50%;transform:translate(-50%) scaleX(0);width:24px;height:3px;border-radius:2px;background:var(--nav-indicator);transition:transform .25s var(--ease)}.bottom-nav__item.is-selected .bottom-nav__indicator{transform:translate(-50%) scaleX(1)}.side-nav{display:flex;flex-direction:column;align-items:center;gap:8px;width:88px;padding:16px 12px;background:var(--card);flex-shrink:0;transition:width .3s var(--ease),transform var(--dur-nav) var(--ease)}.side-nav--expanded{width:260px;align-items:stretch}.side-nav--hidden{transform:translate(-100%);width:0;padding:0;overflow:hidden;pointer-events:none}.side-nav__logo{width:48px;height:48px;object-fit:contain;margin-bottom:8px;flex-shrink:0}.side-nav__row{display:flex;align-items:center;gap:16px;min-height:52px;padding:0 16px;border-radius:var(--radius);color:var(--secondary);transition:background .2s var(--ease),color .2s var(--ease)}.side-nav:not(.side-nav--expanded) .side-nav__row{justify-content:center;padding:0}.side-nav__row:hover{background:#ffffff0f}.side-nav__row.is-selected{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.bottom-drawer{border:none;padding:0;margin:auto auto 0;width:100%;max-width:560px;background:transparent;color:var(--secondary)}.bottom-drawer::backdrop{background:#0000008c}.bottom-drawer__panel{background:var(--card);border-radius:20px 20px 0 0;max-height:80vh;display:flex;flex-direction:column}.bottom-drawer__handle-area{display:flex;justify-content:center;padding:12px 0 4px;flex-shrink:0}.bottom-drawer__handle{width:36px;height:4px;border-radius:2px;background:var(--tertiary);opacity:.5}.bottom-drawer__content{padding:8px 16px 24px;overflow-y:auto}.drawer__title{margin:8px 0 4px}.drawer__hint{margin:0 0 12px}.drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.drawer-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;border-radius:var(--radius);color:var(--secondary);text-align:left}.drawer-row:hover{background:#ffffff0f}.drawer-row.is-selected{background:color-mix(in srgb,var(--primary) 16%,transparent)}.drawer-row__text{flex:1;display:flex;flex-direction:column;min-width:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;text-align:center;width:100%}.empty-state__icon-box{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--card)}.empty-state__title,.empty-state__subtitle{margin:0}.empty-state__subtitle{color:var(--tertiary);max-width:320px}.loading-card{display:flex;align-items:center;justify-content:center;flex:1;min-height:160px}.spinner{animation:spinner-rotate 1s linear infinite}.spinner__track{stroke:var(--card)}.spinner__head{stroke:var(--primary)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.progress-line{height:3px;flex-shrink:0;background:linear-gradient(90deg,transparent,var(--primary),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:progress-slide 1.1s var(--ease) infinite}@keyframes progress-slide{0%{background-position:-40% 0}to{background-position:140% 0}}.snackbar{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:16px;max-width:min(560px,calc(100vw - 32px));padding:14px 18px;border-radius:var(--radius);background:#3a3a3a;color:var(--secondary);box-shadow:0 8px 24px #0006;animation:snackbar-in .2s var(--ease)}.snackbar__message{flex:1}.snackbar__action{color:var(--primary);font-weight:600;flex-shrink:0}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%,12px)}}.field{display:flex;flex-direction:column;gap:6px}.field__label{color:var(--tertiary)}.field__input{min-height:48px;padding:0 14px;border-radius:var(--radius);border:1px solid transparent;background:var(--card);font-size:var(--body-sm-size)}.field__input:focus{outline:none;border-color:var(--primary)}.search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:48px;padding:0 14px;border-radius:var(--radius);background:var(--card)}.search-field__icon{color:var(--tertiary)}.search-field__input{flex:1;min-width:0;border:none;background:none;outline:none}.search-field__input::-webkit-search-cancel-button{filter:invert(1);opacity:.5}.swipeable-row{position:relative;overflow:hidden;border-radius:var(--radius)}.swipeable-row__action{position:absolute;inset:0;display:flex;align-items:center;padding:0 20px;color:#fff}.swipeable-row__action--forward{justify-content:flex-start;background:var(--primary)}.swipeable-row__action--backward{justify-content:flex-end;background:var(--danger)}.swipeable-row__content{position:relative;touch-action:pan-y}.hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;overflow:hidden;flex-shrink:0}.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:hero-fade .45s var(--ease)}@keyframes hero-fade{0%{opacity:0}}.weather-effect{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,14,19,.15) 0%,rgba(13,14,19,.05) 35%,var(--bg) 100%);pointer-events:none}.hero__top,.hero__card{position:relative;z-index:1}.hero__top{display:flex;align-items:flex-start;justify-content:space-between;padding:16px}.hero__icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.hero__card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 20px 24px;text-align:left;color:var(--secondary);width:100%}.hero__card:disabled{cursor:default}.hero__temp-row{display:flex;align-items:flex-start;gap:2px;margin-top:4px}.hero__temp{font-size:72px;line-height:1;font-weight:700}.hero__unit{margin-top:6px}.hourly-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.hourly-row__empty{margin:0;padding:12px 0}.hourly-card{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;min-width:72px;padding:12px 8px}.hourly-card.is-now{background:color-mix(in srgb,var(--primary) 22%,var(--card))}.hourly-card__time{color:var(--tertiary)}.hourly-card.is-now .hourly-card__time{color:var(--secondary);font-weight:600}.daily-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.daily-card{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;min-width:92px;padding:12px 8px;color:var(--secondary)}.daily-card.is-today .daily-card__day{font-weight:700}.daily-card.is-selected{outline:2px solid var(--primary)}.daily-card.is-empty{opacity:.45}.daily-card__temp{color:var(--tertiary)}.week-card{padding:16px}.week-card__title{margin:0 0 8px}.week-card__list{list-style:none;margin:0;padding:0}.week-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 8px;border-radius:var(--radius);color:var(--secondary)}.week-row:disabled{opacity:.45}.week-row:not(:disabled):hover{background:#ffffff0f}.week-row.is-selected{background:color-mix(in srgb,var(--primary) 16%,transparent)}.week-row.is-today .week-row__day{font-weight:700;color:var(--primary)}.week-row__day{flex:1;text-align:left}.week-row__temp{color:var(--tertiary);flex-shrink:0}.sun-arc{display:flex;flex-direction:column;align-items:center;padding:16px}.sun-arc__box{width:100%}.sun-arc__horizon{stroke:var(--tertiary);stroke-width:1;opacity:.3}.sun-arc__track{stroke:var(--tertiary);stroke-width:2;stroke-dasharray:4 6;opacity:.45}.sun-arc__progress{stroke:#ffc857;stroke-width:3;stroke-linecap:round}.sun-arc__glow{fill:#ffc857;opacity:.22}.sun-arc__sun{fill:#ffc857}.sun-arc__labels{display:flex;justify-content:space-between;width:100%;margin-top:8px}.sun-arc__label{display:flex;flex-direction:column;gap:2px}.sun-arc__label--end{text-align:right}.location-card{display:flex;align-items:center;overflow:hidden}.location-card__main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:14px 8px 14px 16px;color:var(--secondary);text-align:left}.location-card__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.location-card__temp{flex-shrink:0}.location-card__delete{color:var(--tertiary);margin-right:6px}.location-card__delete:hover{color:var(--danger)}.add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:108px;padding:16px;border:1px dashed color-mix(in srgb,var(--primary) 55%,transparent);background:transparent;color:var(--tertiary)}.add-card:hover{background:var(--card)}.fab{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--on-primary);box-shadow:0 6px 18px #0006}.probable-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;color:var(--secondary);text-align:left}.probable-card:hover{background:color-mix(in srgb,var(--primary) 12%,var(--card))}.probable-card:disabled{opacity:.6}.probable-card__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.highlight{background:transparent;color:var(--primary);font-weight:700}.settings__section{margin:24px 0 8px;color:var(--tertiary);letter-spacing:.08em}.settings__list{list-style:none;margin:0;padding:0;background:var(--card);border-radius:var(--radius);overflow:hidden}.settings-row{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:10px 16px;color:var(--secondary);text-align:left;text-decoration:none}.settings-row:hover{background:#ffffff0d}.settings__list li+li .settings-row{border-top:1px solid rgba(255,255,255,.06)}.settings-row__label{flex:1}.hour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;padding-top:4px}.hour-chip{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius);background:#ffffff0f;color:var(--secondary)}.hour-chip.is-selected{background:var(--primary);color:var(--on-primary);font-weight:600}.auth{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px}.auth__panel{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:400px}.auth__logo{width:72px;height:72px;object-fit:contain;align-self:center}.auth__tagline{margin:0 0 8px;text-align:center;color:var(--tertiary)}.auth__title{margin:0 0 4px}.auth__form{display:flex;flex-direction:column;gap:14px}.auth__submit{margin-top:4px}.auth__error{margin:0;color:var(--danger)}.auth__switch{align-self:center;padding:8px;color:var(--primary)}.auth__divider{height:1px;margin:8px 0;background:#ffffff1a}.auth__hint{margin:0;text-align:center;color:var(--tertiary)}.account__content{display:flex;flex-direction:column;gap:16px;padding:0 16px 24px;max-width:560px;width:100%}.account__profile{display:flex;align-items:center;gap:16px;padding:18px 16px}.account__avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#ffffff0f;flex-shrink:0}.account__identity{display:flex;flex-direction:column;gap:2px;min-width:0}.account__premium{display:flex;align-items:center;gap:14px;padding:16px}.account__premium-text{display:flex;flex-direction:column;gap:2px}.account__upgrade{display:flex;flex-direction:column;gap:12px;padding:16px}.account__signout{align-self:flex-start}.app-shell{display:flex;height:100%;overflow:hidden}.app-shell--small{flex-direction:column}.app-shell--medium,.app-shell--large{flex-direction:row}.app-shell__content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.screen--centered{display:flex;flex:1;align-items:center;justify-content:center}.home__content{display:flex;flex-direction:column;gap:24px;padding:16px}.home--small .hero{height:72vh;min-height:380px}.home--medium .hero{height:60vh;min-height:340px}.home--medium .home__content{padding:24px}.home--large{flex-direction:row;overflow:hidden}.home__hero-pane{width:420px;flex-shrink:0;display:flex}.home__hero-pane .hero{height:100%}.home__detail-pane{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;padding:24px;overflow-y:auto}.details__bar{display:flex;align-items:center;gap:12px;padding:16px;flex-shrink:0}.details__title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.details__now{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.details__content{display:flex;flex-direction:column;gap:24px;padding:0 16px 24px}.details--medium .details__bar,.details--medium .details__content,.details--large .details__bar,.details--large .details__content{width:100%;max-width:900px;margin:0 auto}.details--large .details__content{gap:28px;padding:0 24px 24px}.favorites__list{list-style:none;margin:0;padding:0 16px 24px;display:flex;flex-direction:column;gap:12px}.favorites--medium .favorites__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:0 16px 24px}.favorites--large .favorites__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:0 24px 24px}.favorites--medium .favorites__list>li,.favorites--large .favorites__list>li{display:flex}.favorites--medium .favorites__list>li>*,.favorites--large .favorites__list>li>*{width:100%}.add-location__bar{display:flex;align-items:center;gap:8px;padding:16px;flex-shrink:0}.add-location__content{padding:16px}.add-location__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.add-location__hint{margin:0;padding:24px 0;text-align:center}.add-location--medium .add-location__bar,.add-location--medium .add-location__content{width:100%;max-width:560px;margin:0 auto}.add-location--large .add-location__bar,.add-location--large .add-location__content{width:100%;max-width:640px;margin:0 auto}.add-location--large .add-location__list{gap:12px}.add-location--large .add-location__content{padding:24px}.settings__content{padding:0 16px 24px;width:100%}.settings--medium .settings__content,.settings--large .settings__content{max-width:640px;margin:0 auto;padding:0 24px 32px}.account__content{margin:0 auto}