:root{--color-primary:#3b82f6;--color-primary-dark:#1e40af;--color-accent:#06b6d4;--color-background:#0f172a;--color-surface:#fffffff2;--color-surface-dark:#0f172acc;--color-text:#1e293b;--color-text-light:#f8fafc;--color-text-muted:#64748b;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-md:.5rem;--radius-lg:.75rem;--glass-border:1px solid #ffffff1a;--glass-blur:blur(12px)}[data-theme=dark]{--color-primary:#60a5fa;--color-background:#0f172a;--color-surface:#1e293bb3;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--glass-border:1px solid #ffffff0d}body{background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:linear-gradient(to bottom right,#0f172a,#1e3a8a);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.container{max-width:1200px;margin:0 auto;padding:.75rem}@media (min-width:640px){.container{padding:1rem}}.card{background:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:1rem;padding:1rem;transition:transform .2s,box-shadow .2s}@media (min-width:640px){.card{margin-bottom:1.5rem;padding:1.5rem}}.card-weather{background:linear-gradient(to bottom right,var(--color-primary),var(--color-primary-dark));color:var(--color-text-light)}[data-theme=dark] .card-weather{background:linear-gradient(to bottom right,#3b82f64d,#1e40af4d)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 6px -1px #3b82f680}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px #3b82f699}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001a 50%,#0000000f 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse;display:inline-block}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 1rem;display:flex}@media (min-width:640px){.empty-state{padding:4rem 1rem}}.empty-state h2{color:var(--color-text-light);margin:0 0 .5rem;font-size:2rem}.empty-state p{color:var(--color-text-muted);max-width:420px;margin:0 0 2rem;font-size:1.1rem}.region-chips{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.region-chip{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:2rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.region-chip:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.maplibregl-popup-content{color:#1f2937!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:10px!important}.dashboard-grid{flex-direction:column;gap:1rem;padding-bottom:2rem;display:flex}@media (min-width:640px){.dashboard-grid{gap:1.5rem}}.dashboard-col-left,.dashboard-col-right{display:contents}.area-planner{order:1}.area-resorts{order:2}.area-weather{order:3}.area-cameras{order:4}.area-alerts{order:5}.area-avalanche{order:6}@media (min-width:768px){.dashboard-grid{flex-direction:row;align-items:start}.dashboard-col-left{flex-direction:column;flex:2;gap:1.5rem;display:flex}.dashboard-col-right{flex-direction:column;flex:1;gap:1.5rem;display:flex}.area-planner,.area-resorts,.area-weather,.area-avalanche,.area-alerts,.area-cameras{order:0}}.resort-item{border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;background:#ffffff80;border:1px solid #0000;justify-content:space-between;align-items:center;margin-bottom:.35rem;padding:.75rem;transition:all .2s;display:flex}@media (min-width:640px){.resort-item{margin-bottom:.5rem;padding:1rem}}[data-theme=dark] .resort-item{background:#ffffff0d}.resort-item.clickable:hover{border-color:var(--color-primary);background:#fffc;transform:translate(4px)}.resort-item.clickable:active{transition-duration:.1s;transform:scale(.98)}[data-theme=dark] .resort-item.clickable:hover{background:#ffffff1a}.resort-item-selected{border-left:3px solid var(--color-primary);background:#3b82f614}[data-theme=dark] .resort-item-selected{background:#60a5fa1a}.route-inputs-grid{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.route-inputs-grid label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.8rem}.route-swap-btn{background:var(--color-surface);border:1px solid var(--color-primary);cursor:pointer;width:36px;height:36px;color:var(--color-primary);z-index:5;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:-6px auto;transition:all .2s;display:flex}.route-swap-btn:active{transform:scale(.9)}.route-swap-btn:hover{background:var(--color-primary);color:#fff;transform:rotate(180deg)}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}@media (min-width:640px){.dashboard-header{margin-bottom:1.5rem}}.dashboard-header-left,.dashboard-header-right{align-items:center;gap:1rem;display:flex}.dashboard-tagline{color:var(--color-text-muted);margin:0;font-size:.95rem}@media (min-width:640px){.dashboard-tagline{font-size:1.125rem}}.weather-temp{font-size:3rem;font-weight:700}.weather-desc{margin-bottom:.5rem;font-size:1.125rem}.weather-wind{opacity:.9;font-size:.875rem}.weather-updated{opacity:.6;margin-top:.5rem;font-size:.75rem}.weather-error{opacity:.9;align-items:center;gap:.5rem;display:flex}.link-button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.route-stats{border-radius:var(--radius-md);text-align:center;background-color:#f3f4f6cc;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:grid}@media (min-width:640px){.route-stats{gap:1rem;margin-bottom:1rem;padding:1rem}}[data-theme=dark] .route-stats{background-color:#ffffff0d}.route-stat-value{color:var(--color-text);font-size:1.25rem;font-weight:700}.route-stat-ok{color:#059669}.route-stat-warn{color:#dc2626}.route-stat-snow{color:#2563eb}[data-theme=dark] .route-stat-snow{color:#60a5fa}.route-stat-label{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.route-stat-sublabel{color:#9ca3af;margin-top:.125rem;font-size:.7rem}.camera-modal-overlay{background-color:var(--color-background);z-index:50;padding:2rem;position:fixed;inset:0;overflow-y:auto}.camera-modal-close{z-index:51;background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:1rem;right:1rem}.camera-modal-back{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;margin-bottom:1rem;padding:0;font-size:1rem;display:inline-flex}.camera-modal-title{color:var(--color-primary);margin:0;font-size:2rem}.camera-modal-subtitle{color:var(--color-text-muted)}.resort-item-stats{text-align:right}.resort-item-snow{color:var(--color-primary);justify-content:flex-end;align-items:center;font-weight:700;display:flex}.resort-item-temp{color:var(--color-text-muted);font-size:.8rem}.status-badge{cursor:pointer;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.status-badge-open{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.status-badge-closed{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.status-badge-parks{color:#374151;background-color:#f3f4f6cc;border:1px solid #d1d5db80}[data-theme=dark] .status-badge-parks{color:var(--color-text);background-color:#ffffff14;border-color:#ffffff1a}select{appearance:none;background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231e3a8a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .75rem top 50%;background-repeat:no-repeat;background-size:.65rem;border:1px solid #94a3b84d;padding:.5rem 2.5rem .5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s;padding-right:2.5rem!important}select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f640}[data-theme=dark] select{color:var(--color-text);background-color:#1e293bcc;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2360a5fa%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);border-color:#94a3b826}[data-theme=dark] select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #60a5fa33}@media (min-width:640px){.route-inputs-grid{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid}.route-swap-btn{margin:0 0 2px}}