:root{--font-head:"Schibsted Grotesk", system-ui, sans-serif;--font-ui:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ink:#0f172a;--slate-800:#1e293b;--body:#334155;--slate-600:#475569;--slate-500:#64748b;--muted:#94a3b8;--slate-300:#cbd5e1;--border:#e2e8f0;--card-border:#f1f5f9;--field-bg:#f8fafc;--blue-soft:#f0f9ff;--blue-soft-2:#e0f2fe;--blue-500:#0ea5e9;--blue-text:#0284c7;--blue-ring:#7dd3fc;--coral-soft:#fff1f2;--coral-soft-2:#ffe4e6;--coral-500:#f43f5e;--coral-text:#e11d48;--mint-soft:#f0fdf4;--mint-soft-2:#dcfce7;--mint-500:#22c55e;--mint-text:#16a34a;--amber-soft:#fffbeb;--amber-soft-2:#fef3c7;--amber-500:#f59e0b;--amber-text:#d97706;--app-bg:linear-gradient(135deg, #f0f9ff 0%, #f8fafc 46%, #f0fdf4 100%);--r-sm:12px;--r-md:16px;--r-card:24px;--r-lg:32px;--r-full:9999px;--r-btn:14px;--r-field:13px;--sh-sm:0 1px 3px #0f172a0f;--sh-md:0 8px 24px -12px #0f172a2e;--sh-lg:0 20px 48px -18px #0f172a52;--glass-bg:#ffffff9e;--glass-bg-strong:#ffffffc7;--glass-border:#ffffffb3;--glass-blur:blur(16px)}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--body);background:var(--app-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{font-family:var(--font-head);color:var(--ink);letter-spacing:-.025em;margin:0}button{font-family:var(--font-ui);cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.card{border:1px solid var(--card-border);border-radius:var(--r-card);box-shadow:var(--sh-sm);background:#fff}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.eyebrow{font:700 11px var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.mono{font-family:var(--font-mono)}.app{flex-direction:column;gap:14px;max-width:1020px;min-height:100vh;margin:0 auto;padding:14px 14px 6px;display:flex}.content{flex-direction:column;gap:14px;display:flex}.section{padding:18px 20px}.loading,.error{font:500 13.5px var(--font-ui);color:var(--muted)}.error{color:var(--coral-text)}.topbar{border-radius:var(--r-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;width:40px;height:40px;font-family:var(--font-head);background:linear-gradient(135deg,#38bdf8,#22c55e);border-radius:13px;justify-content:center;align-items:center;font-size:19px;font-weight:900;display:flex;box-shadow:0 6px 16px -6px #0ea5e980}.brand-name{font-family:var(--font-head);color:var(--ink);font-size:16px;font-weight:800;line-height:1.1}.brand-sub{color:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:600}.vergelijker-link{font:600 12.5px var(--font-ui);color:var(--blue-text);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.vergelijker-link:hover{text-decoration:underline}.seg{background:var(--card-border);border-radius:var(--r-field);gap:4px;padding:4px;display:flex}.seg-btn{color:var(--slate-500);font:600 13px var(--font-ui);background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;transition:all .15s;display:inline-flex}.seg-btn:hover{color:var(--body)}.seg-btn.active{color:var(--blue-text);box-shadow:var(--sh-sm);background:#fff}.now{flex-wrap:wrap;align-items:center;gap:22px;padding:18px 22px;display:flex}.now-main{align-items:center;gap:14px;display:flex}.now-temp{font:800 40px var(--font-head);color:var(--ink);line-height:1}.now-label{font:600 13px var(--font-ui);color:var(--slate-500)}.now-place{flex:1;min-width:140px}.now-place-name{font:700 15px var(--font-head);color:var(--ink)}.now-place-meta{font:500 12.5px var(--font-ui);color:var(--muted)}.now-facts{flex-wrap:wrap;gap:14px;display:flex}.now-fact{font:600 12.5px var(--font-ui);color:var(--slate-600);background:var(--field-bg);border-radius:var(--r-full);align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.brief-headline{margin:6px 0 10px;font-size:20px}.brief-list{font:500 14px/1.55 var(--font-ui);color:var(--body);flex-direction:column;gap:5px;margin:0;padding-left:18px;display:flex}.brief-list li::marker{color:var(--blue-500)}.ride-head .eyebrow{align-items:center;gap:6px;display:inline-flex}.ride-today{border-radius:var(--r-md);align-items:center;gap:14px;margin:12px 0;padding:14px 16px;display:flex}.ride-yes{background:var(--mint-soft);color:var(--mint-text)}.ride-no{background:var(--coral-soft);color:var(--coral-text)}.ride-verdict{font:800 17px var(--font-head);color:inherit}.ride-detail{font:500 13px var(--font-ui);color:var(--slate-600);margin-top:2px}.ride-days{flex-direction:column;gap:2px;display:flex}.ride-day{font:500 13px var(--font-ui);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.ride-day:hover{background:var(--field-bg)}.ride-day-label{color:var(--slate-600);font-weight:600}.ride-day-ok,.ride-day-no{align-items:center;gap:5px;font-weight:600;display:inline-flex}.ride-day-ok{color:var(--mint-text)}.ride-day-no{color:var(--muted)}.commute-grid{flex-direction:column;gap:4px;margin-top:12px;display:flex}.commute-row{grid-template-columns:88px 1fr 1fr;align-items:stretch;gap:6px;display:grid}.commute-col-head{font:700 11px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:4px;padding-left:4px;display:inline-flex}.commute-day{font:600 12.5px var(--font-ui);color:var(--slate-600);align-items:center;display:flex}.commute-block{font:600 12px var(--font-ui);color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:7px 10px;display:flex}.commute-block.commute-dark{color:#fff}.commute-block.commute-past{opacity:.35}.commute-none{background:var(--field-bg)}.commute-time{font-family:var(--font-mono);font-size:11px}.commute-score{font-family:var(--font-mono);align-items:center;gap:4px;font-size:11px;display:inline-flex}.commute-legend{font:500 11.5px var(--font-ui);color:var(--muted);align-items:center;gap:10px;margin-top:12px;display:flex}.commute-scale{border-radius:var(--r-full);background:linear-gradient(90deg,#a4eac1,#9fe472,#e2c655,#e27228,#ca1616);flex:1;max-width:220px;height:8px}.outlook-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.outlook-note{font:500 11.5px var(--font-ui);color:var(--muted)}.outlook{gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.outlook-day{background:var(--field-bg);border-radius:var(--r-md);border:1px solid #0000;flex-direction:column;flex:none;align-items:center;gap:5px;width:86px;padding:10px 6px;transition:all .15s;display:flex}.outlook-day:hover{border-color:var(--border);box-shadow:var(--sh-sm);background:#fff}.outlook-day.active{background:var(--blue-soft);border-color:var(--blue-ring)}.outlook-uncertain{border-style:dashed;border-color:var(--border);opacity:.75}.outlook-date{font:700 11px var(--font-ui);color:var(--slate-600);white-space:nowrap}.outlook-temp{font:700 14px var(--font-head);color:var(--ink)}.outlook-tmin{color:var(--muted);font-size:12px;font-weight:500}.outlook-fact{font:500 10.5px var(--font-ui);color:var(--slate-500);white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.outlook-ride{border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.outlook-ride.ok{background:var(--mint-soft-2);color:var(--mint-text)}.outlook-ride.no{background:var(--card-border);color:var(--muted)}.outlook-detail{border-top:1px solid var(--card-border);margin-top:12px;padding-top:10px}.search{margin:10px 0 6px;position:relative}.search-field{background:var(--field-bg);border:1px solid var(--border);border-radius:var(--r-field);align-items:center;gap:8px;padding:0 12px;transition:all .15s;display:flex}.search-field:focus-within{border-color:var(--blue-ring);background:#fff;box-shadow:0 0 0 4px #38bdf829}.search-field input{min-width:0;font:500 14px var(--font-ui);color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:10px 0}.search-results{z-index:20;box-shadow:var(--sh-md);max-height:320px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-item{text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:9px 11px;display:flex}.search-item:hover{background:var(--blue-soft)}.search-city{font:600 14px var(--font-ui);color:var(--ink);display:block}.search-country{font:500 12px var(--font-ui);color:var(--muted)}.fav-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{background:var(--field-bg);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;transition:all .15s;display:inline-flex;overflow:hidden}.chip.active{background:var(--blue-soft);border-color:var(--blue-ring)}.chip-pick{font:600 13px var(--font-ui);color:var(--ink);background:0 0;border:none;padding:7px 4px 7px 13px}.chip-cc{color:var(--muted);font-size:11.5px;font-weight:500}.chip-x{color:var(--muted);background:0 0;border:none;align-items:center;padding:7px 10px 7px 6px;display:inline-flex}.chip-x:hover{color:var(--coral-text)}.strip{gap:2px;padding-bottom:6px;display:flex;overflow-x:auto}.strip-empty{font:500 12.5px var(--font-ui);color:var(--muted);padding:10px 4px}.strip-hour{border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:5px;width:52px;padding:6px 2px;display:flex}.strip-hour:hover{background:var(--field-bg)}.strip-day{font:700 10px var(--font-ui);letter-spacing:.02em;white-space:nowrap;height:14px}.strip-day-spacer{visibility:hidden}.strip-time{font:600 11px var(--font-ui);color:var(--slate-500)}.strip-temp{font:700 15px var(--font-head);color:var(--ink)}.strip-sub{font:500 10px var(--font-ui);color:var(--muted)}.strip-precip{font:600 9.5px var(--font-mono);color:var(--blue-text);flex-direction:column;align-items:center;line-height:1.2;display:flex}.strip-prob{color:var(--muted)}.strip-wind{font:600 10px var(--font-ui);color:var(--slate-500);flex-direction:column;align-items:center;display:flex}.strip-dir{font:700 9px var(--font-ui);color:var(--muted)}.app-footer{text-align:center;font:500 12px var(--font-ui);color:var(--muted);margin-top:auto;padding:4px 0 10px}.app-footer a{color:var(--blue-text);font-weight:600;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (width<=640px){.topbar{justify-content:center}.now{gap:14px}.commute-row{grid-template-columns:64px 1fr 1fr}.commute-time{display:none}}