:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#0f766e;--accent-soft:#ccfbf1;--bg:#f8fafc;--surface:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--good:#15803d;--good-soft:#dcfce7;--ok:#b45309;--ok-soft:#fef3c7;--poor:#b91c1c;--poor-soft:#fee2e2;--radius:12px;--shadow:0 1px 3px #0f172a14, 0 4px 12px #0f172a0d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent:#2dd4bf;--accent-soft:#2dd4bf29;--bg:#0f172a;--surface:#1e293b;--text:#e2e8f0;--text-muted:#94a3b8;--border:#334155;--good:#4ade80;--good-soft:#4ade8029;--ok:#fbbf24;--ok-soft:#fbbf2429;--poor:#f87171;--poor-soft:#f8717129;--shadow:0 1px 3px #0006, 0 4px 12px #0000004d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.app{max-width:640px;margin:0 auto;padding:1rem 1rem 3rem}.app__header h1{letter-spacing:-.02em;color:var(--accent);margin:.5rem 0 0;font-size:1.6rem}.payoff{color:var(--text-muted);margin:0 0 1.25rem}h3{margin:0 0 .5rem;font-size:1rem}.controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:.75rem;padding:1rem;display:grid}.controls__row{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.field-label{color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem;font-weight:600;display:block}.location-search{position:relative}.location-search__row{gap:.5rem;display:flex}.location-search__row input{flex:1}.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);cursor:pointer;padding:0 .8rem;font-size:1.1rem}.icon-button:disabled{opacity:.5;cursor:wait}.chip--small{padding:.3rem .65rem;font-size:.82rem}.route-direction{gap:.5rem;display:grid}.checkbox-row{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.88rem;display:flex}.location-search input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;padding:.65rem .85rem;font-size:1rem}.location-search input:focus{outline:2px solid var(--accent);border-color:#0000}.location-suggestions{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:.25rem 0 0;padding:.25rem;list-style:none;position:absolute;left:0;right:0}.location-suggestions button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:1rem;width:100%;padding:.55rem .75rem;font-size:.95rem;display:flex}.location-suggestions button:hover{background:var(--accent-soft)}.coords{color:var(--text-muted);font-size:.8rem}.chip-group{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-size:.9rem}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.best-window{margin-top:1.25rem}.best-window__card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem;display:block;position:relative}.best-window__card--selected{outline:2px solid var(--accent);outline-offset:-2px}.best-window__actions{justify-content:flex-end;margin-top:.4rem;display:flex}.hint-inline{color:var(--text-muted);font-size:.78rem;font-weight:400}.factors__subtitle{color:var(--text-muted);margin:-.25rem 0 .6rem;font-size:.85rem}.best-window__card.tone-good{border-left-color:var(--good)}.best-window__card.tone-ok{border-left-color:var(--ok)}.best-window__card.tone-poor{border-left-color:var(--poor)}.best-window__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:700}.best-window__time{letter-spacing:-.01em;margin:.2rem 0;font-size:1.45rem;font-weight:700}.best-window__summary{color:var(--text-muted);margin:0}.best-window__score{text-align:right;position:absolute;top:1rem;right:1.25rem}.score-value{color:var(--accent);font-size:2rem;font-weight:800}.tone-good .score-value{color:var(--good)}.tone-ok .score-value{color:var(--ok)}.tone-poor .score-value{color:var(--poor)}.score-max{color:var(--text-muted);font-size:.85rem}.alternatives{margin-top:.9rem}.alternatives ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.alternative{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.92rem;display:flex}.alternative:hover{border-color:var(--accent)}.alternative--active{border-color:var(--accent);outline:1px solid var(--accent)}.alternative__summary{color:var(--text-muted);text-align:right;margin-left:auto;font-size:.82rem}.score-badge{border-radius:8px;justify-content:center;align-items:center;min-width:2.1rem;padding:.15rem .35rem;font-size:.9rem;font-weight:700;display:inline-flex}.score-badge.tone-good{background:var(--good-soft);color:var(--good)}.score-badge.tone-ok{background:var(--ok-soft);color:var(--ok)}.score-badge.tone-poor{background:var(--poor-soft);color:var(--poor)}.timeline{margin-top:1.5rem}.timeline__strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:3px;padding:.5rem .25rem .75rem;display:flex;overflow-x:auto}.timeline__slot{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-width:34px;height:110px;display:flex}.timeline__score{color:var(--text-muted);font-size:.62rem}.timeline__bar{border-radius:4px 4px 0 0;width:70%}.timeline__slot.tone-good .timeline__bar{background:var(--good)}.timeline__slot.tone-ok .timeline__bar{background:var(--ok)}.timeline__slot.tone-poor .timeline__bar{background:var(--poor)}.timeline__time{color:var(--text-muted);white-space:nowrap;font-size:.6rem}.timeline__slot--night{opacity:.4}.timeline__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.day-comparison{gap:.75rem;display:flex}.day-comparison__chip{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.timeline__rain{font-size:.55rem;line-height:1}.timeline__divider{border-left:2px dashed var(--border);align-items:center;margin:0 5px;padding-left:7px;display:flex}.timeline__divider span{writing-mode:vertical-rl;color:var(--text-muted);white-space:nowrap;font-size:.62rem}.factors{margin-top:1.5rem}.factors ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.factor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.factor__header{justify-content:space-between;align-items:center;display:flex}.factor__label{font-weight:600}.factor__weight{color:var(--text-muted);font-size:.8rem;font-weight:400}.factor__meter{background:var(--bg);border-radius:3px;height:6px;margin:.5rem 0 .35rem;overflow:hidden}.factor__fill{border-radius:3px;height:100%;display:block}.factor__fill.tone-good{background:var(--good)}.factor__fill.tone-ok{background:var(--ok)}.factor__fill.tone-poor{background:var(--poor)}.factor__detail{color:var(--text-muted);margin:0;font-size:.85rem}.favorites{margin-top:1.75rem}.favorites__header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.favorites ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.favorite{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;display:flex;overflow:hidden}.favorite__select{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:.6rem .85rem;font-size:.95rem}.favorite__select:hover{background:var(--accent-soft)}.favorite__delete{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:.6rem .85rem}.favorite__delete:hover{color:var(--poor)}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:.9rem;font-weight:600}.error-banner{background:var(--poor-soft);color:var(--poor);border-radius:var(--radius);border:1px solid #fecaca;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:.75rem 1rem;display:flex}.error-banner p{margin:0}.error-banner button{border:1px solid var(--poor);background:var(--surface);color:var(--poor);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.35rem .75rem}.error-inline{color:var(--poor);font-size:.85rem}.empty-state{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);margin-top:1.5rem;padding:2rem 1.5rem}.skeleton{gap:1rem;margin-top:1.25rem;display:grid}.skeleton__card,.skeleton__strip{border-radius:var(--radius);background:linear-gradient(90deg, var(--border) 25%, var(--bg) 50%, var(--border) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}.skeleton__card{height:120px}.skeleton__strip{height:90px}@keyframes shimmer{to{background-position:-200% 0}}.hint{color:var(--text-muted);font-size:.88rem}.week{margin-top:1.5rem}.week h3{margin:0 0 .6rem}.week__grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.4rem;display:grid}.week__day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font:inherit;color:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .35rem;display:flex}.week__day:disabled{cursor:default;opacity:.7}.week__day--selected{background:var(--accent-soft);border-color:var(--accent)}.week__day--best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.week__label{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.week__time{font-size:.82rem;font-weight:600}.week__none{color:var(--text-muted);padding:.35rem 0;font-size:.82rem}.warnings{margin-bottom:1rem}.warnings__row{border-radius:var(--radius);background:var(--ok-soft);border:1px solid var(--ok);flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;margin:.4rem 0 0;padding:.5rem .85rem;font-size:.88rem;display:flex}.warnings__row--oranje,.warnings__row--rood{background:var(--poor-soft);border-color:var(--poor)}.warnings__areas{color:var(--text-muted);margin-left:auto;font-size:.78rem}.env-bar{margin-top:.6rem}.env-bar__row{border-radius:var(--radius);background:var(--ok-soft);border:1px solid var(--ok);margin:.35rem 0 0;padding:.45rem .85rem;font-size:.85rem}.day-detail{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin:1.25rem 0 0;font-size:.92rem;display:flex}.gpx-row{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:.5rem 0 0;font-size:.88rem;display:flex}.best-window__badges{flex-wrap:wrap;gap:.4rem;margin:.35rem 0 0;display:flex}.pill{border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.pill--sun{background:var(--ok-soft);color:var(--ok)}.pill--cold{background:var(--accent-soft);color:var(--accent)}.nowcast{border-radius:var(--radius);flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;margin:1rem 0 0;padding:.5rem .85rem;font-size:.88rem;display:flex}.nowcast--dry{background:var(--good-soft);border:1px solid var(--good)}.nowcast--wet{background:var(--ok-soft);border:1px solid var(--ok)}.nowcast__source{color:var(--text-muted);margin-left:auto;font-size:.78rem}.current-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin:1.25rem 0 0;padding:.5rem .85rem;font-size:.88rem;display:flex}.current-bar__source{color:var(--text-muted);font-size:.78rem}.notify{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:.75rem}.notify__row{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;font-size:.88rem;display:flex}.source{color:var(--text-muted);margin-top:1rem;font-size:.78rem}.app__footer{color:var(--text-muted);border-top:1px solid var(--border);margin-top:2.5rem;padding-top:.75rem;font-size:.78rem}@media (width>=720px){.app{max-width:760px}.app__header h1{font-size:1.9rem}}