*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;background:#0f172a;color:#f8fafc}html,body,#root{margin:0;padding:0;min-height:100%}body{min-height:100dvh}.app{max-width:480px;margin:0 auto;padding:20px 16px 64px;display:flex;flex-direction:column;gap:16px}.app__header h1{margin:0 0 4px;font-size:28px;letter-spacing:-.01em}.app__tagline{margin:0;color:#cbd5e1}.app__footer{text-align:center;color:#94a3b8;font-size:13px}.muted{color:#94a3b8}.btn{appearance:none;border:1px solid #334155;background:#1e293b;color:#f8fafc;padding:10px 16px;border-radius:10px;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:#273347}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:#2563eb;border-color:#2563eb}.btn--primary:hover:not(:disabled){background:#1d4ed8}.btn--secondary{background:transparent;border-color:#334155}.btn--ghost{background:transparent;border-color:transparent;color:#93c5fd;padding-left:0;padding-right:0}.chip{appearance:none;border:1px solid #334155;background:#1e293b;color:#cbd5e1;padding:8px 14px;border-radius:999px;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.chip:hover:not(:disabled){background:#273347}.chip:disabled{opacity:.55;cursor:not-allowed}.chip--active{background:#2563eb;border-color:#2563eb;color:#fff}.banner{border:1px solid;border-radius:10px;padding:10px 14px;font-size:14px}.banner--warning{background:#422006;border-color:#b45309;color:#fde68a}.banner--error{background:#450a0a;border-color:#b91c1c;color:#fecaca}.location-gate{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.location-gate__hint{margin:0;color:#94a3b8;font-size:13px}.location-gate__error{margin:0;color:#fca5a5;font-size:13px}.location-gate__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.location-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#cbd5e1;padding:6px 10px;background:#0f172a;border:1px solid #334155;border-radius:999px;width:fit-content}.location-badge__dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.location-badge--precise_browser .location-badge__dot{background:#22c55e}.location-badge--manual_coordinates .location-badge__dot{background:#38bdf8}.location-badge__city{color:#94a3b8}.manual-coords{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.manual-coords__hint{margin:0;color:#94a3b8;font-size:13px}.manual-coords__field{display:flex;flex-direction:column;gap:4px;font-size:13px}.manual-coords__field input{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f8fafc;padding:8px 10px;font-size:14px}.manual-coords__error{color:#fca5a5;font-size:12px}.horizon-block{display:flex;flex-direction:column;gap:8px}.horizon-block__title{margin:0;font-size:14px;color:#94a3b8}.horizon-selector{display:flex;gap:8px;flex-wrap:wrap}.rec-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px}.rec-card__summary{margin:0;font-size:16px;font-weight:500;color:#f8fafc}.rec-list{display:flex;flex-direction:column;gap:6px;border-left:3px solid #334155;padding-left:12px}.rec-list--wear{border-left-color:#22c55e}.rec-list--bring{border-left-color:#38bdf8}.rec-list--avoid{border-left-color:#fb7185}.rec-list__title{margin:0;font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.rec-list__items{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:14px}.rec-list__items li{background:#0f172a;border:1px solid #334155;padding:4px 10px;border-radius:8px}.rec-card__why summary{cursor:pointer;color:#93c5fd;font-size:13px}.rec-card__why ul{margin:8px 0 0;padding-left:18px;font-size:13px;color:#cbd5e1}.rec-card__confidence{margin:0;font-size:12px;color:#94a3b8}.timeline{display:flex;flex-direction:column;gap:10px}.timeline__slots{display:flex;gap:6px;list-style:none;padding:0;margin:0;overflow-x:auto}.timeline__slot{flex:0 0 auto;min-width:56px;padding:8px 10px;background:#1e293b;border:1px solid #334155;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:#cbd5e1}.timeline__slot--risk{border-color:#f59e0b;background:#2a2110}.timeline__slot--medium{border-color:#f97316;background:#321a0c}.timeline__slot--high{border-color:#ef4444;background:#3b1010}.timeline__hour{font-weight:500}.timeline__dot{width:6px;height:6px;border-radius:50%;background:#f59e0b}.timeline__chips{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.risk-chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;background:#1e293b;border:1px solid #f59e0b;color:#fde68a}.risk-chip--medium{border-color:#f97316;color:#fed7aa}.risk-chip--high{border-color:#ef4444;color:#fecaca}.feedback{display:flex;flex-direction:column;gap:8px;padding:12px;background:#1e293b;border:1px solid #334155;border-radius:12px}.feedback__prompt{margin:0;font-size:13px;color:#94a3b8}.feedback__chips{display:flex;flex-wrap:wrap;gap:6px}.feedback__hint{margin:0;font-size:12px;color:#94a3b8}.feedback__error{margin:0;font-size:12px;color:#fca5a5}.feedback--submitted{text-align:center;color:#86efac}.weather-unavailable{background:#1e293b;border:1px dashed #475569;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.weather-unavailable__title{margin:0;font-size:15px;font-weight:500}.weather-unavailable__hint{margin:0;font-size:13px;color:#94a3b8}.comfort-drawer{display:flex;flex-direction:column;gap:8px;padding:12px;background:#1e293b;border:1px solid #334155;border-radius:12px}.comfort-drawer__toggle{align-self:flex-start}.comfort-drawer__body{display:flex;flex-direction:column;gap:12px;padding-top:4px}.comfort-drawer__group{border:1px solid #334155;border-radius:10px;padding:8px 10px 10px;margin:0;display:flex;flex-direction:column;gap:6px}.comfort-drawer__group legend{padding:0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.comfort-drawer__option{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.comfort-drawer__option input{accent-color:#2563eb}.comfort-drawer__group--horizon legend{margin-bottom:4px}.comfort-drawer__horizons{display:flex;flex-wrap:wrap;gap:6px}.comfort-drawer__horizon{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;padding:4px 10px;border:1px solid #334155;border-radius:999px}.comfort-drawer__horizon:has(input:checked){border-color:#2563eb;background:#2563eb1f}.comfort-drawer__horizon input{position:absolute;opacity:0;pointer-events:none}.comfort-drawer__actions{display:flex;gap:8px;align-items:center}.comfort-drawer__status{margin:0;font-size:12px}.comfort-drawer__status--ok{color:#86efac}.comfort-drawer__status--warning{color:#fde68a}.comfort-drawer__status--error{color:#fca5a5}.location-denied{display:flex;flex-direction:column;gap:8px;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:12px}.location-denied__title{margin:0;color:#fca5a5}