:root{color-scheme:dark light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-2: #273347;--color-border: #334155;--color-border-soft: #1e293b;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-soft: #cbd5e1;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-tint: rgba(37, 99, 235, .18);--color-link: #93c5fd;--color-accent-blue: #38bdf8;--color-accent-green: #22c55e;--color-accent-orange: #f59e0b;--color-accent-orange-2: #f97316;--color-accent-red: #ef4444;--color-accent-pink: #fb7185;--color-warning-bg: #422006;--color-warning-border: #b45309;--color-warning-text: #fde68a;--color-warning-text-2: #fed7aa;--color-error-bg: #450a0a;--color-error-border: #b91c1c;--color-error-text: #fecaca;--color-error-soft: #fca5a5;--color-success-text: #86efac;--color-risk-low-bg: #2a2110;--color-risk-medium-bg: #321a0c;--color-risk-high-bg: #3b1010;--color-hover-soft: rgba(255, 255, 255, .04);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 999px;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .2);--shadow-card: 0 4px 12px rgba(0, 0, 0, .3);--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--z-content: 1;--z-overlay: 5;--z-nav: 10;--z-modal: 20;--shell-sidebar-width: 220px;--shell-content-max: 720px;--shell-content-max-wide: 960px;--shell-frame-max: 1200px;--bottom-nav-height: 72px;background:var(--color-bg);color:var(--color-text)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-shell__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-soft)}.app-shell__brand{display:inline-block;color:var(--color-text);text-decoration:none;font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.app-shell__body{flex:1 1 auto;display:flex;flex-direction:column;padding-bottom:var(--bottom-nav-height)}.app-shell__sidebar-wrap{display:none}.app-shell__content{flex:1 1 auto;min-width:0}.app{max-width:480px;margin:0 auto;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.app__header h1{margin:0 0 var(--space-1);font-size:var(--text-3xl);letter-spacing:-.01em}.app__tagline{margin:0;color:var(--color-text-soft)}.app__footer{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.muted{color:var(--color-text-muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:var(--color-bg);border-top:1px solid var(--color-border-soft);padding-top:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));z-index:var(--z-nav)}.bottom-nav__list{margin:0 auto;padding:0;list-style:none;display:flex;justify-content:space-around;max-width:600px}.bottom-nav__item{flex:1 1 auto;text-align:center}.bottom-nav__link{display:block;padding:var(--space-2) var(--space-1);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-xs);border-radius:var(--radius-md)}.bottom-nav__link--active{color:var(--color-text);background:var(--color-primary-tint)}.side-nav{display:none}.side-nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.side-nav__link{display:block;padding:var(--space-3) var(--space-4);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-base);border-radius:var(--radius-md);transition:background .15s ease,color .15s ease}.side-nav__link:hover{background:var(--color-hover-soft);color:var(--color-text)}.side-nav__link--active{color:var(--color-text);background:var(--color-primary-tint)}@media (min-width: 1024px){.app-shell__header{padding:var(--space-4) var(--space-6)}.app-shell__brand{font-size:var(--text-xl)}.app-shell__body{flex-direction:row;align-items:stretch;max-width:var(--shell-frame-max);margin:0 auto;width:100%;padding-bottom:0}.app-shell__sidebar-wrap{display:block;flex:0 0 var(--shell-sidebar-width);padding:var(--space-6);border-right:1px solid var(--color-border-soft)}.app-shell__content{padding:var(--space-6);max-width:var(--shell-content-max-wide)}.app-shell__content .app{max-width:100%;margin:0;padding:0}.bottom-nav{display:none}.side-nav{display:block;position:sticky;top:var(--space-6)}}.btn{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:10px var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--color-surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:transparent;border-color:var(--color-border)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-link);padding-left:0;padding-right:0}.chip{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);padding:var(--space-2) 14px;border-radius:var(--radius-pill);font-size:var(--text-base);cursor:pointer;transition:background .15s ease,border-color .15s ease}.chip:hover:not(:disabled){background:var(--color-surface-2)}.chip:disabled{opacity:.55;cursor:not-allowed}.chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.banner{border:1px solid;border-radius:var(--radius-lg);padding:10px 14px;font-size:var(--text-base)}.banner--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.banner--error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.location-gate{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:14px;display:flex;flex-direction:column;gap:var(--space-3)}.location-gate__hint{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.location-gate__error{margin:0;color:var(--color-error-soft);font-size:var(--text-sm)}.location-gate__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.location-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-soft);padding:6px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);width:fit-content}.location-badge__dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--color-text-muted)}.location-badge--precise_browser .location-badge__dot{background:var(--color-accent-green)}.location-badge--manual_coordinates .location-badge__dot{background:var(--color-accent-blue)}.location-badge__city{color:var(--color-text-muted)}.manual-coords{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:10px}.manual-coords__hint{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.manual-coords__field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.manual-coords__field input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:var(--space-2) 10px;font-size:var(--text-base)}.manual-coords__error{color:var(--color-error-soft);font-size:var(--text-xs)}.horizon-block{display:flex;flex-direction:column;gap:var(--space-2)}.horizon-block__title{margin:0;font-size:var(--text-base);color:var(--color-text-muted)}.horizon-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.rec-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.rec-card__head{display:flex;flex-direction:column;gap:var(--space-2)}.rec-card__summary{margin:0;font-size:var(--text-lg);font-weight:500;color:var(--color-text);line-height:1.4}.rec-card__confidence{align-self:flex-start;margin:0;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px var(--space-2)}.rec-card__confidence--high{color:var(--color-success-text);border-color:#22c55e66}.rec-card__confidence--medium{color:var(--color-warning-text-2);border-color:#f9731666}.rec-card__confidence--low{color:var(--color-error-soft);border-color:#ef444466}.rec-section{display:flex;flex-direction:column;gap:var(--space-2)}.rec-section__title{margin:0;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.rec-section__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted)}.rec-section--wear .rec-section__icon{color:var(--color-accent-green);border-color:#22c55e59}.rec-section--bring .rec-section__icon{color:var(--color-accent-blue);border-color:#38bdf859}.rec-section--avoid .rec-section__icon{color:var(--color-accent-pink);border-color:#fb718559}.rec-section--why .rec-section__icon{color:var(--color-link);border-color:#93c5fd59}.rec-section__items{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-base)}.rec-section__item{background:var(--color-bg);border:1px solid var(--color-border);padding:6px 10px;border-radius:var(--radius-md);color:var(--color-text)}.rec-section__empty{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.rec-card__why{margin:0}.rec-card__why summary{cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-link);font-size:var(--text-sm);font-weight:600;list-style:none}.rec-card__why summary::-webkit-details-marker{display:none}.rec-card__why summary:before{content:"▸";display:inline-block;transition:transform .15s ease;font-size:var(--text-xs)}.rec-card__why[open] summary:before{transform:rotate(90deg)}.rec-card__why ul{margin:var(--space-2) 0 0;padding-left:var(--space-5);font-size:var(--text-sm);color:var(--color-text-soft);display:flex;flex-direction:column;gap:4px}.timeline{display:flex;flex-direction:column;gap:var(--space-3)}.timeline__slots{display:flex;gap:var(--space-2);list-style:none;padding:0 0 var(--space-1);margin:0;overflow-x:auto;scrollbar-width:thin}.timeline__slot{flex:0 0 auto;min-width:64px;padding:var(--space-2) 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--color-text-soft)}.timeline__slot--risk{border-color:#f59e0b73;background:var(--color-risk-low-bg)}.timeline__slot--medium{border-color:#f9731680;background:var(--color-risk-medium-bg)}.timeline__slot--high{border-color:#ef44448c;background:var(--color-risk-high-bg)}.timeline__offset{font-weight:600;color:var(--color-text)}.timeline__time{font-size:11px;color:var(--color-text-muted);letter-spacing:.02em}.timeline__marker{margin-top:4px;width:6px;height:6px;border-radius:50%;background:var(--color-border)}.timeline__marker--ok{background:#94a3b866}.timeline__marker--low{background:var(--color-accent-orange)}.timeline__marker--medium{background:var(--color-accent-orange-2)}.timeline__marker--high{background:var(--color-accent-red)}.timeline__chips{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:0}@media (min-width: 1024px){.timeline__slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));overflow-x:visible;gap:var(--space-2);padding-bottom:0}.timeline__slot{min-width:0}}.risk-chip{display:inline-flex;align-items:center;gap:6px;padding:var(--space-1) 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);background:#f59e0b1f;color:var(--color-warning-text);border:1px solid transparent}.risk-chip__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.risk-chip--medium{background:#f9731624;color:var(--color-warning-text-2)}.risk-chip--high{background:#ef444429;color:var(--color-error-text)}.feedback{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.feedback__prompt{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.feedback__chips{display:flex;flex-wrap:wrap;gap:6px}.feedback__hint{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}.feedback__error{margin:0;font-size:var(--text-xs);color:var(--color-error-soft)}.feedback--submitted{text-align:center;color:var(--color-success-text)}.weather-unavailable{background:var(--color-surface);border:1px dashed #475569;border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.weather-unavailable__title{margin:0;font-size:var(--text-md);font-weight:500}.weather-unavailable__hint{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.comfort-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.comfort-form__group{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) 10px 10px;margin:0;display:flex;flex-direction:column;gap:6px}.comfort-form__group legend{padding:0 var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.comfort-form__option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);cursor:pointer}.comfort-form__option input{accent-color:var(--color-primary)}.comfort-form__group--horizon legend{margin-bottom:var(--space-1)}.comfort-form__horizons{display:flex;flex-wrap:wrap;gap:6px}.comfort-form__horizon{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill)}.comfort-form__horizon:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-tint)}.comfort-form__horizon input{position:absolute;opacity:0;pointer-events:none}.comfort-form__actions{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-1)}.comfort-form__status{margin:0;font-size:var(--text-xs)}.comfort-form__status--ok{color:var(--color-success-text)}.comfort-form__status--warning{color:var(--color-warning-text)}.comfort-form__status--error{color:var(--color-error-soft)}.profile-status{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.profile-status__value{font-weight:600;color:var(--color-text);padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg);font-size:var(--text-xs)}.profile-status__value--backend{color:var(--color-success-text);border-color:#22c55e66}.profile-status__value--local{color:var(--color-warning-text);border-color:#f59e0b66}.profile-status__value--default{color:var(--color-text-muted)}.profile-reset{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-soft)}.profile-reset__hint{margin:0;font-size:var(--text-xs)}.settings-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.settings-section--danger{border-color:#ef44444d}.settings-section__title{margin:0;font-size:var(--text-base);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.settings-section__text{margin:0;font-size:var(--text-sm);color:var(--color-text-soft);line-height:1.5}.settings-section__hint{margin:0;font-size:var(--text-xs)}.settings-section__id-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.settings-section__id{flex:1 1 auto;min-width:0;padding:var(--space-2) 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.settings-section__success{margin:0;font-size:var(--text-sm);color:var(--color-success-text)}.settings-section__error{margin:0;font-size:var(--text-sm);color:var(--color-error-soft)}.settings-section__link{color:var(--color-link)}.settings-info{display:flex;flex-direction:column;gap:6px;margin:0}.settings-info__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);border-bottom:1px dashed var(--color-border-soft);padding-bottom:4px}.settings-info__row:last-child{border-bottom:none;padding-bottom:0}.settings-info__row dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-xs)}.settings-info__row dd{margin:0;color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);overflow-wrap:anywhere;text-align:right}.settings-info__row dd code{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px}.comfort-link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);align-items:flex-start}.comfort-link__hint{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.comfort-link__action{text-decoration:none}.location-denied{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3)}.location-denied__title{margin:0;color:var(--color-error-soft)}.history-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.history-empty{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.history-empty p{margin:0;font-size:var(--text-sm);color:var(--color-text-soft)}.history-empty__count{margin:0;font-size:var(--text-xs)}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.history-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.history-item__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.history-item__time{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.history-item__summary{margin:0;font-size:var(--text-base);color:var(--color-text);line-height:1.4}.history-item__meta{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.history-item__badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg);font-size:var(--text-xs);color:var(--color-text-soft)}.history-item__badge--ok{color:var(--color-success-text);border-color:#22c55e66}.history-item__badge--was_cold{color:var(--color-link);border-color:#38bdf866}.history-item__badge--was_hot{color:var(--color-warning-text);border-color:#f59e0b66}.history-item__badge--not_needed{color:var(--color-text-muted);border-color:var(--color-border)}.history-item__badge--none{color:var(--color-text-muted);border-style:dashed}.history-item__details{margin:0}.history-item__details summary{cursor:pointer;font-size:var(--text-xs);color:var(--color-link);list-style:none}.history-item__details summary::-webkit-details-marker{display:none}.history-item__id{display:inline-block;margin-top:var(--space-2);padding:2px var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--color-text);overflow-wrap:anywhere}