:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#262626;--text-primary:#e8e8e8;--text-secondary:#9ca3af;--text-tertiary:#5e6165;--text-white:#ffffff;--text-black:#000000;--border-primary:#262626;--border-secondary:#333333;--border-hover:#404040;--accent-primary:#4a9eff;--accent-secondary:#216ebb;--accent-hover:#3a8eef;--accent-color:#4a9eff;--card-bg:#1a1a1a;--gradient-button:#1d1d1d;--gradient-button-hover:#2c2c2c;--gradient-active:#0d4f8b;--gradient-header:#0d4f8b;--shadow-card:0 1px 3px rgba(0,0,0,0.3);--shadow-accent:none;--shadow-ghost:0 4px 12px rgba(0,0,0,0.4);--success-color:#22c55e;--success-light:#059669;--warning-color:#f59e0b;--warning-light:#ea580c;--danger-color:#ef4444;--danger-light:#dc2626;--error-bg:#4b0404;--error-border:#840808;--error-text:#fca5a5;--wind-weak:#6b7280;--wind-weak-bg:rgba(107,114,128,0.15);--wind-moderate:#22c55e;--wind-moderate-bg:rgba(34,197,94,0.15);--wind-strong:#f59e0b;--wind-strong-alt:#f9b116;--wind-strong-bg:rgba(245,158,11,0.15);--wind-extreme:#ef4444;--wind-extreme-bg:rgba(239,68,68,0.15);--temp-positive:#f97316;--temp-negative:#06b6d4;--precipitation:#3b82f6;--precipitation-none:#6b7280;--cloud-low:#6b7280;--cloud-medium:#94a3b8;--cloud-heavy:#cbd5e1;--pressure:#a78bfa;--wave-small:#22c55e;--wave-moderate:#f59e0b;--wave-large:#ef4444;--favorite-color:#fbbf24;--favorite-hover:#f59e0b;--ai-link-border:#1f7987;--calc-warning-bg:#681414;--status-up:#28a745;--status-down:#dc3545;--status-neutral:#6c757d;--checkbox-unchecked:#888888;--chart-grid:#333333;--marker-border:#ffffff;--marker-no-data:#9ca3af;--leaflet-bg:#ffffff;--leaflet-text:#333333;--leaflet-hover:#f4f4f4;--leaflet-active:#0078d7;--leaflet-border:rgba(0,0,0,0.2);--overlay-dark:rgba(0,0,0,0.8);--overlay-light:rgba(255,255,255,0.1);--overlay-accent:rgba(74,158,255,0.1);--disclaimer-bg:rgba(245,158,11,0.1);--disclaimer-border:rgba(245,158,11,0.3)}[data-theme="light"]{--bg-primary:#ffffff;--bg-secondary:#f5f7fa;--bg-tertiary:#e8ecf1;--text-primary:#0a0a0a;--text-secondary:#4a5568;--text-tertiary:#9ca3af;--text-white:#ffffff;--text-black:#000000;--border-primary:#d1d5db;--border-secondary:#b8bfc7;--border-hover:#6b7280;--accent-primary:#0d6efd;--accent-secondary:#0a58ca;--accent-hover:#0a58ca;--accent-color:#0d6efd;--card-bg:#ffffff;--gradient-button:#ffffff;--gradient-button-hover:#f0f3f7;--gradient-active:#0d6efd;--gradient-header:#0d6efd;--shadow-card:0 1px 3px rgba(0,0,0,0.08);--shadow-accent:none;--error-bg:#fee2e2;--error-border:#ef4444;--error-text:#991b1b;--success-color:#059669;--success-light:#059669;--warning-color:#ea580c;--warning-light:#ea580c;--danger-color:#dc2626;--danger-light:#dc2626;--wind-weak:#6b7280;--wind-weak-bg:rgba(107,114,128,0.1);--wind-moderate:#059669;--wind-moderate-bg:rgba(5,150,105,0.15);--wind-strong:#ea580c;--wind-strong-alt:#ea580c;--wind-strong-bg:rgba(234,88,12,0.15);--wind-extreme:#dc2626;--wind-extreme-bg:rgba(220,38,38,0.15);--temp-positive:#ea580c;--temp-negative:#0891b2;--precipitation:#2563eb;--precipitation-none:#9ca3af;--cloud-low:#9ca3af;--cloud-medium:#64748b;--cloud-heavy:#475569;--pressure:#7c3aed;--wave-small:#059669;--wave-moderate:#ea580c;--wave-large:#dc2626;--chart-grid:rgba(0,0,0,0.15);--overlay-dark:rgba(0,0,0,0.8);--overlay-light:rgba(0,0,0,0.03)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color 0.3s ease,color 0.3s ease}.container{max-width:1400px;margin:0 auto}.main-content{margin-top:120px;padding:20px}.fixed-header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;z-index:9999 !important;background:rgba(15,15,15,0.85) !important;backdrop-filter:blur(5px) !important;-webkit-backdrop-filter:blur(5px) !important;border-bottom:1px solid rgba(255,255,255,0.06) !important;padding:20px !important;box-shadow:0 1px 0 rgba(255,255,255,0.06) !important}[data-theme="light"] .fixed-header{background:rgba(255,255,255,0.92) !important;border-bottom:1px solid rgba(0,0,0,0.12) !important;box-shadow:0 1px 0 rgba(0,0,0,0.08) !important}.header-content{max-width:1400px;margin:0 auto;position:relative;display:flex;flex-direction:column;text-align:left}.header-logo{position:absolute;left:0;top:14px;height:auto;width:auto;cursor:pointer;transition:opacity 0.3s ease}.header-logo:hover{opacity:0.8}.header-controls{position:absolute;top:5px;right:0;display:flex;gap:12px;align-items:center}.header-icons{display:flex;align-items:center;gap:12px}.header-overflow{position:relative;display:none}.header-controls.icons-overflowing .header-overflow{display:flex}.header-overflow-menu{display:none;position:absolute;top:calc(100%+8px);right:0;flex-direction:column;gap:4px;min-width:210px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.25);z-index:10002}.header-overflow.open .header-overflow-menu{display:flex}.header-overflow-menu .theme-toggle{width:100%;min-width:0;height:auto;justify-content:flex-start;gap:12px;padding:10px 12px;border:1px solid transparent;background:transparent}.header-overflow-menu .theme-toggle:hover{background:var(--gradient-button-hover);border-color:var(--border-hover)}.header-overflow-menu .theme-toggle.active{background:var(--gradient-active);border-color:var(--accent-primary);color:var(--text-white)}.header-overflow-menu .theme-toggle::after{content:attr(title);font-size:0.9rem;font-weight:500;white-space:nowrap}.header-overflow-menu .info-label,.header-overflow-menu .map-label{display:none !important}.header-title{font-size:2.8rem;font-weight:100;color:var(--text-white);margin-bottom:8px;margin-left:50px;letter-spacing:-.02em;text-align:left;cursor:pointer}[data-theme="light"] .header-title{color:var(--text-black)}.spot-counter{background:var(--gradient-button);border:1px solid var(--border-secondary);color:var(--text-secondary);padding:12px 12px;border-radius:8px;font-size:0.9rem;font-weight:500;display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center;user-select:none}.spot-counter-number{color:var(--accent-primary);font-weight:600}.hamburger-menu{display:none;background:transparent;border:none;color:var(--text-primary);padding:10px 14px;border-radius:50%;cursor:pointer;font-size:1.3rem;transition:all 0.3s ease,top 0.3s ease,right 0.3s ease,transform 0.3s ease;position:absolute;top:0;right:0;z-index:10001;width:48px;height:48px;align-items:center;justify-content:center;box-shadow:none}.hamburger-menu:hover{transform:scale(1.1)}.hamburger-menu.active{background:transparent;border:none;color:var(--text-primary);position:fixed;top:auto;bottom:20px;right:20px;box-shadow:none;transform:rotate(90deg)}.hamburger-menu.active:hover{transform:rotate(90deg) scale(1.1)}.search-container{position:relative;width:220px}.search-input{background:var(--gradient-button);border:1px solid var(--border-secondary);color:var(--text-primary);padding:12px 32px 12px 12px;border-radius:8px;font-size:0.9rem;font-weight:500;width:100%;transition:all 0.3s ease}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:4px;display:none;transition:color 0.2s ease}.search-clear:hover{color:var(--text-primary)}.search-clear.visible{display:block}.dropdown-container{position:relative}#modelDropdownContainer{min-width:100px}#modelDropdownContainer .dropdown-button{min-width:100px;padding:11px 24px 11px 12px;white-space:nowrap}#modelDropdownContainer .dropdown-button.disabled{opacity:0.6;cursor:not-allowed;pointer-events:none}#modelDropdownContainer .model-loading-indicator{position:absolute;top:100%;left:0;display:flex;align-items:center;gap:6px;font-size:0.75rem;color:var(--text-secondary);margin-top:8px;white-space:nowrap}#modelDropdownContainer .model-loading-indicator .mini-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border-primary);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}#modelDropdownContainer .dropdown-menu{min-width:200px}.dropdown-button{background:var(--gradient-button);border:1px solid var(--border-secondary);color:var(--text-primary);padding:8px 32px 8px 12px;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:500;width:220px;text-align:left;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:space-between}[data-theme="light"] .dropdown-button{color:var(--text-primary)}.dropdown-button:hover{background:var(--gradient-button-hover);border-color:var(--border-hover)}.dropdown-button.active{background:var(--gradient-active);border-color:var(--accent-primary);color:var(--text-white);box-shadow:var(--shadow-accent)}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease;color:var(--text-secondary)}[data-theme="light"] .dropdown-arrow{color:var(--text-secondary)}.dropdown-button.active .dropdown-arrow{color:var(--text-white)}.dropdown-button.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;margin-top:4px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;box-shadow:var(--shadow-card);max-height:300px;overflow-y:auto}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-primary);font-size:.9rem;display:flex;align-items:center;gap:10px;color:var(--text-primary)}[data-theme="light"] .dropdown-option{color:var(--text-primary)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--bg-tertiary);color:var(--text-white)}[data-theme="light"] .dropdown-option:hover{color:var(--text-black)}.dropdown-option.selected{background:var(--gradient-active);color:var(--text-white)}.dropdown-option:first-child{border-radius:11px 11px 0 0}.dropdown-option:last-child{border-radius:0 0 11px 11px}.theme-toggle{background:var(--gradient-button);border:1px solid var(--border-secondary);color:var(--text-primary);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;min-width:10px;justify-content:center;height:40px;width:40px}.info-toggle{width:auto}.info-toggle .info-label{display:none;font-size:0.9rem;font-weight:600;padding-top:4px}.map-toggle{width:auto}.map-label{display:none;font-size:0.9rem;font-weight:600;padding-top:4px}.theme-toggle:hover{background:var(--gradient-button-hover);border-color:var(--border-hover)}.theme-toggle.active{background:var(--gradient-active);border-color:var(--accent-primary);color:var(--text-white);box-shadow:var(--shadow-accent)}.theme-toggle .icon{width:20px;height:20px;fill:var(--text-primary);transition:fill 0.3s ease}.theme-toggle:hover .icon{fill:var(--accent-primary)}.theme-toggle.active .icon{fill:var(--text-white)}[data-theme="light"] .theme-toggle .icon{fill:var(--text-primary)}[data-theme="light"] .theme-toggle:hover .icon{fill:var(--accent-primary)}[data-theme="light"] .theme-toggle.active .icon{fill:var(--text-white)}.theme-icon{font-size:1rem;transition:transform 0.3s ease}#languageToggle{width:auto;min-width:68px;padding:8px 14px}#languageToggle #langCode{font-size:0.85rem;font-weight:600;letter-spacing:0.02em}.btn{padding:12px 24px;border-radius:6px;font-size:0.9375rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s;display:inline-block}.btn-primary{background:var(--accent-primary);color:var(--text-white)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-tertiary)}.spots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:30px}.spots-grid.three-columns{grid-template-columns:repeat(3,1fr);gap:20px}.spots-grid.three-columns .spot-title{max-width:50%;padding-top:10px;margin-left:10px;margin-top:3px}.spots-grid.three-columns .spot-name{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.spots-grid.three-columns .external-link{font-size:0.6rem}.spots-grid.three-columns .weather-table{font-size:0.75rem}.spots-grid.three-columns .weather-table th{font-size:0.7rem;padding:8px 4px}.spots-grid.three-columns .weather-table td{padding:8px 4px;font-size:0.75rem}.spots-grid.three-columns .wind-arrow{font-size:1rem}.spots-grid.three-columns .loading-message,.spots-grid.three-columns .error-message{grid-column:1 / -1}.spot-card{background:var(--bg-secondary);border-radius:12px;padding:24px;box-shadow:none;border:1px solid var(--border-primary);transition:border-color .2s ease;position:relative}.spots-grid.three-columns .spot-card{padding:14px;width:100%;max-width:452px;min-width:0}.spot-card:hover{transform:none;box-shadow:none;border-color:var(--border-secondary)}.spot-card.dragging{opacity:0.3;cursor:grabbing}.spot-header{display:flex;justify-content:space-between;align-items:flex-start;margin-left:22px;margin-bottom:20px;padding-bottom:30px;padding-left:5px;border-bottom:1px solid var(--border-primary)}.spot-title{display:flex;flex-direction:column;gap:4px}.spot-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.spot-name{font-size:1.25rem;font-weight:600;color:var(--text-white)}.spot-name:hover{opacity:.6;cursor:pointer}.spot-name-single:hover{opacity:1 !important;cursor:default !important}[data-theme="light"] .spot-name{color:var(--text-black)}.last-updated{font-size:.75rem;color:var(--text-tertiary);font-weight:400}[data-theme="light"] .last-updated{color:var(--text-tertiary)}.country-tag-wrapper{display:flex;align-items:center;gap:6px}.country-tag{background:var(--bg-tertiary);padding:4px 10px;border-radius:6px;font-size:.75rem;color:var(--text-secondary);border:none;font-weight:500}[data-theme="light"] .country-tag{color:var(--text-secondary)}.drag-ghost{position:fixed;pointer-events:none;z-index:10000;opacity:0.8;transform:scale(1.05);box-shadow:var(--shadow-ghost);cursor:grabbing}.drag-handle{position:absolute;top:18px;left:28px;cursor:grab;color:var(--text-secondary);transition:color 0.2s ease;user-select:none;z-index:10;margin-bottom:20px;padding-bottom:51px;border-bottom:1px solid var(--border-primary)}.drag-handle .drag-icon{width:16px;height:16px;fill:currentColor}.three-columns .drag-handle{padding-bottom:43px;top:28px !important}.drag-handle:hover{color:var(--text-primary)}.drag-handle:active{cursor:grabbing}.favorite-icon{cursor:pointer;transition:all 0.3s ease;user-select:none;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.favorite-icon-svg{width:100%;height:100%;fill:var(--text-secondary);transition:fill 0.3s ease,filter 0.3s ease;filter:grayscale(100%)}.favorite-icon:hover .favorite-icon-svg{filter:grayscale(0%)}.favorite-icon.favorited .favorite-icon-svg{fill:var(--favorite-color);filter:grayscale(0%)}.favorite-icon.animate{animation:favorite-pulse 0.4s ease-out}.weather-table{width:100%;border-collapse:collapse;margin-top:15px;border-radius:8px;overflow:hidden}.weather-table th{background:var(--bg-tertiary);color:var(--text-white);padding:12px 8px;text-align:center;font-weight:600;border-bottom:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}[data-theme="light"] .weather-table th{color:var(--text-black)}.weather-table th:first-child{text-align:left}.weather-table td{padding:12px 8px;text-align:center;border-bottom:1px solid var(--border-primary);font-size:.875rem;color:var(--text-primary)}[data-theme="light"] .weather-table td{color:var(--text-primary)}.weather-table td:first-child{text-align:left}.weather-table tbody tr.weak-wind td:nth-child(2),.weather-table tbody tr.weak-wind td:nth-child(3),.weather-table tbody tr.weak-wind td:nth-child(4){color:var(--wind-weak) !important}.weather-table tbody tr.moderate-wind td:nth-child(2),.weather-table tbody tr.moderate-wind td:nth-child(3),.weather-table tbody tr.moderate-wind td:nth-child(4){color:var(--wind-moderate) !important}.weather-table tbody tr.strong-wind td:nth-child(2),.weather-table tbody tr.strong-wind td:nth-child(3),.weather-table tbody tr.strong-wind td:nth-child(4){color:var(--wind-strong) !important}.weather-table tbody tr.extreme-wind td:nth-child(2),.weather-table tbody tr.extreme-wind td:nth-child(3),.weather-table tbody tr.extreme-wind td:nth-child(4){color:var(--wind-extreme) !important}.weather-table tbody td.wind-weak{color:var(--wind-weak) !important}.weather-table tbody td.wind-moderate{color:var(--wind-moderate) !important;font-weight:600}.weather-table tbody td.wind-strong{color:var(--wind-strong) !important;font-weight:600}.weather-table tbody td.wind-extreme{color:var(--wind-extreme) !important;font-weight:600}.weather-table tbody td.temp-positive{color:var(--temp-positive) !important}.weather-table tbody td.temp-negative{color:var(--temp-negative) !important}.weather-table tbody td.precipitation{color:var(--precipitation) !important}.weather-table tbody td.precipitation-none{color:var(--precipitation-none) !important}.weather-table tbody td.cloud-low{color:var(--cloud-low) !important}.weather-table tbody td.cloud-medium{color:var(--cloud-medium) !important}.weather-table tbody td.cloud-heavy{color:var(--cloud-heavy) !important;font-weight:600}.weather-table tbody td.pressure{color:var(--pressure) !important}.weather-table tbody td.wave-small{color:var(--wave-small) !important}.weather-table tbody td.wave-moderate{color:var(--wave-moderate) !important;font-weight:600}.weather-table tbody td.wave-large{color:var(--wave-large) !important;font-weight:600}.weather-table tbody td.wave-period{color:var(--pressure) !important}.weather-table tbody td.wave-direction{color:var(--text-secondary) !important}.weather-table tr.weak-wind{background:transparent;color:var(--text-secondary)}.weather-table tr.moderate-wind{background:var(--wind-moderate-bg);color:var(--success-color)}.weather-table tr.strong-wind{background:var(--wind-strong-bg);color:var(--warning-color)}.weather-table tr.extreme-wind{background:var(--wind-extreme-bg);color:var(--danger-color)}[data-theme="light"] .weather-table tbody tr.weak-wind td:nth-child(2),[data-theme="light"] .weather-table tbody tr.weak-wind td:nth-child(3),[data-theme="light"] .weather-table tbody tr.weak-wind td:nth-child(4){color:var(--wind-weak) !important}[data-theme="light"] .weather-table tbody tr.moderate-wind td:nth-child(2),[data-theme="light"] .weather-table tbody tr.moderate-wind td:nth-child(3),[data-theme="light"] .weather-table tbody tr.moderate-wind td:nth-child(4){color:var(--wind-moderate) !important;font-weight:700}[data-theme="light"] .weather-table tbody tr.strong-wind td:nth-child(2),[data-theme="light"] .weather-table tbody tr.strong-wind td:nth-child(3),[data-theme="light"] .weather-table tbody tr.strong-wind td:nth-child(4){color:var(--wind-strong) !important;font-weight:700}[data-theme="light"] .weather-table tbody tr.extreme-wind td:nth-child(2),[data-theme="light"] .weather-table tbody tr.extreme-wind td:nth-child(3),[data-theme="light"] .weather-table tbody tr.extreme-wind td:nth-child(4){color:var(--wind-extreme) !important;font-weight:700}[data-theme="light"] .weather-table tbody td.wind-weak{color:var(--wind-weak) !important}[data-theme="light"] .weather-table tbody td.wind-moderate{color:var(--wind-moderate) !important;font-weight:700}[data-theme="light"] .weather-table tbody td.wind-strong{color:var(--wind-strong) !important;font-weight:700}[data-theme="light"] .weather-table tbody td.wind-extreme{color:var(--wind-extreme) !important;font-weight:700}[data-theme="light"] .weather-table tbody td.temp-positive{color:var(--temp-positive) !important;font-weight:600}[data-theme="light"] .weather-table tbody td.temp-negative{color:var(--temp-negative) !important;font-weight:600}[data-theme="light"] .weather-table tbody td.precipitation{color:var(--precipitation) !important;font-weight:600}[data-theme="light"] .weather-table tbody td.precipitation-none{color:var(--precipitation-none) !important}[data-theme="light"] .weather-table tbody td.cloud-low{color:var(--cloud-low) !important}[data-theme="light"] .weather-table tbody td.cloud-medium{color:var(--cloud-medium) !important}[data-theme="light"] .weather-table tbody td.cloud-heavy{color:var(--cloud-heavy) !important;font-weight:700}[data-theme="light"] .weather-table tbody td.pressure{color:var(--pressure) !important}[data-theme="light"] .weather-table tbody td.wave-small{color:var(--wave-small) !important}[data-theme="light"] .weather-table tbody td.wave-moderate{color:var(--wave-moderate) !important;font-weight:700}[data-theme="light"] .weather-table tbody td.wave-large{color:var(--wave-large) !important;font-weight:700}[data-theme="light"] .weather-table tr.moderate-wind{background:var(--wind-moderate-bg)}[data-theme="light"] .weather-table tr.strong-wind{background:var(--wind-strong-bg)}[data-theme="light"] .weather-table tr.extreme-wind{background:var(--wind-extreme-bg)}.wind-arrow{display:inline-block;font-size:1.2rem;transition:transform .3s ease}.live-indicator{display:flex;align-items:center;gap:8px}.live-text{color:var(--success-color)}.live-dot{width:8px;height:8px;background:var(--success-color);border-radius:50%;position:relative;animation:pulse-glow 2s ease-in-out infinite;margin-left:auto}.live-dot::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--success-color);border-radius:50%;opacity:.4;animation:pulse-ring 2s ease-in-out infinite}.live-dot.outdated{background:#f59e0b}.live-dot.outdated::before{background:#f59e0b}.outdated-chip+.live-dot{margin-left:6px}.outdated-chip{display:inline-flex;align-items:center;background:#f59e0b;color:#592305;font-size:0.65rem;font-weight:600;padding:5px 5px;border-radius:4px;line-height:1;text-transform:uppercase;letter-spacing:0.03em;margin-left:auto}.forecast-indicator{display:flex;flex-direction:column;gap:2px}.forecast-indicator-label{font-size:0.7rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-primary)}.forecast-indicator-time{font-size:0.85rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-dark);backdrop-filter:blur(4px);display:none;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.modal-overlay.active{display:flex}.modal{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.3);animation:modalSlideIn .3s ease}.modal-header{background:var(--gradient-header);padding:20px 24px;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:center}.modal-title{color:var(--text-white);font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:8px}.modal-close{background:transparent;border:none;color:var(--text-white);font-size:1.5rem;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}.modal-close:hover{background:var(--overlay-light)}.modal-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 80px)}.modal-intro{margin-bottom:18px;color:var(--text-primary);line-height:1.6;font-size:0.95rem}[data-theme="light"] .modal-intro{color:var(--text-primary)}.modal-section{margin-bottom:20px}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:var(--accent-primary);font-size:1.05rem;font-weight:600;margin-bottom:8px}[data-theme="light"] .modal-section h3{color:var(--accent-primary)}.modal-section p{color:var(--text-primary);line-height:1.6;font-size:0.95rem}[data-theme="light"] .modal-section p{color:var(--text-primary)}.modal-link{color:var(--accent-primary);text-decoration:none;font-weight:600}.modal-link:hover{text-decoration:underline}[data-theme="light"] .modal-link{color:var(--accent-primary)}.modal-disclaimer{margin-top:16px;padding:12px;background:var(--disclaimer-bg);border:1px solid var(--disclaimer-border);border-radius:8px;font-size:0.85rem;color:var(--text-secondary);line-height:1.5}.icm-image-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:300px}.icm-forecast-image{max-width:100%;height:auto;border-radius:8px;display:block}.ai-analysis{color:var(--text-primary);line-height:1.6;font-size:.95rem}[data-theme="light"] .ai-analysis{color:var(--text-primary)}.ai-analysis h3{color:var(--accent-primary);margin-bottom:12px;font-size:1.1rem;font-weight:600}[data-theme="light"] .ai-analysis h3{color:var(--accent-primary)}.ai-analysis p{margin-bottom:16px}.ai-analysis ul{margin-left:20px;margin-bottom:16px}.ai-analysis li{margin-bottom:8px}.ai-highlight{background:var(--overlay-accent);color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-weight:500}[data-theme="light"] .ai-highlight{color:var(--accent-primary)}.spot-info{color:var(--text-primary);line-height:1.6;font-size:.95rem}[data-theme="light"] .spot-info{color:var(--text-primary)}.spot-info h3{color:var(--accent-primary);margin-bottom:12px;font-size:1.1rem;font-weight:600}[data-theme="light"] .spot-info h3{color:var(--accent-primary)}.spot-info p{margin-bottom:16px}.spot-info .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.info-item{background:var(--bg-tertiary);padding:12px 16px;border-radius:0}.info-label{font-size:0.8rem;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.info-value{font-weight:600;color:var(--text-primary)}.modal-content .info-item{border-radius:8px;border:1px solid var(--border-primary)}.external-links{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.external-link{display:inline-flex;align-items:center;gap:4px;background:transparent;color:var(--text-secondary);text-decoration:none;padding:6px 8px;border-radius:6px;font-size:.75rem;font-weight:500;border:1px solid var(--border-secondary);transition:all .15s ease;cursor:pointer}[data-theme="light"] .external-link{color:var(--text-secondary)}.external-link:hover{background:var(--bg-tertiary);color:var(--text-white);border-color:var(--border-hover)}[data-theme="light"] .external-link:hover{color:var(--text-black)}.external-link::after{content:"↗";font-size:.7rem;opacity:.6}.external-link.location-link::after{content:"⚲";font-size:.8rem;opacity:1}.external-link.webcam-link::after{content:"⊙";font-size:.8rem;opacity:1}.external-link.ai-link{border:1px solid var(--ai-link-border)}.external-link.ai-link::after{content:"⟡";font-size:.8rem;opacity:1}.external-link.info-link::after{content:"ⓘ";font-size:.8rem;opacity:1}.external-link.embed-link{text-transform:uppercase}.external-link.embed-link::after{content:"</>";font-size:.7rem;opacity:.8}.error-message{background:var(--error-bg);border:1px solid var(--error-border);border-radius:12px;padding:24px;margin:20px 0;text-align:center}.error-icon{font-size:2rem;margin-bottom:12px;display:block}.error-title{font-size:1.2rem;font-weight:600;color:var(--text-white);margin-bottom:8px}[data-theme="light"] .error-title{color:#721c24}.error-description{color:var(--error-text);font-size:.9rem;margin-bottom:16px;line-height:1.5}.loading-message{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px;margin:20px 0;text-align:center}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border-primary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px;vertical-align:middle}.loading-text{color:var(--text-secondary);font-size:1rem;vertical-align:middle}[data-theme="light"] .loading-text{color:var(--text-secondary)}.footer{margin-top:60px;padding:30px 0;border-top:1px solid var(--border-primary);text-align:center}.footer-content{max-width:600px;margin:0 auto}.footer-content p{color:var(--text-secondary);font-size:.875rem;margin-bottom:8px}[data-theme="light"] .footer-content p{color:var(--text-secondary)}.footer-content p:last-child{margin-bottom:0}.footer-disclaimer{font-size:.75rem;opacity:.8}.footer-link{font-size:.75rem;margin-top:12px}.footer-disclaimer a,.footer-link a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.footer-disclaimer a:hover,.footer-link a:hover{color:var(--text-white);text-decoration:underline}[data-theme="light"] .footer-disclaimer a,[data-theme="light"] .footer-link a{color:var(--accent-primary)}[data-theme="light"] .footer-disclaimer a:hover,[data-theme="light"] .footer-link a:hover{color:var(--text-black)}@media (max-width:768px){.footer-link{white-space:normal;word-break:normal;overflow-wrap:break-word}.footer-link a,.footer-link .footer-year,.footer-link .footer-made-in{white-space:nowrap}}@media (min-width:769px){.footer-content{max-width:none}.footer-link{white-space:nowrap}}.calc-input-group{margin-bottom:20px}.calc-label{display:block;font-size:0.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.calc-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-primary);padding:12px;border-radius:8px;font-size:0.95rem;transition:all 0.3s ease}.calc-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--overlay-accent)}.calc-select{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-primary);padding:12px;border-radius:8px;font-size:0.95rem;cursor:pointer;transition:all 0.3s ease}.calc-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--overlay-accent)}.calc-button{width:100%;background:var(--gradient-active);border:1px solid var(--accent-primary);color:var(--text-white);padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:10px}.calc-button:hover{background:var(--gradient-header)}.calc-result{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:20px;margin-top:20px;display:none}.calc-result.show{display:block;animation:fadeIn 0.3s ease}.calc-result-title{font-size:1.1rem;font-weight:600;color:var(--accent-primary);margin-bottom:16px}.calc-result-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.calc-result-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.calc-result-label{font-size:0.85rem;color:var(--text-secondary);margin-bottom:4px}.calc-result-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.calc-warning{display:none;background:var(--calc-warning-bg);color:var(--text-white);padding:15px;border-radius:8px;margin-top:15px;font-size:0.95rem;line-height:1.6}.sponsors-container{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid var(--border-primary)}.sponsors-list{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center}.sponsor-item{display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.sponsor-item:hover{transform:scale(1.05);opacity:0.8}.sponsor-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text-primary);transition:color .2s ease}.sponsor-link:hover{color:var(--accent-primary)}.sponsor-logo{max-height:60px;max-width:200px;height:auto;width:auto;object-fit:contain}.sponsor-name{font-size:1rem;font-weight:500;color:var(--text-secondary);padding:8px 16px;border:1px solid var(--border-secondary);border-radius:8px;background:var(--bg-tertiary);transition:all .2s ease}.sponsor-link:hover .sponsor-name{color:var(--text-primary);border-color:var(--accent-primary);background:var(--bg-secondary)}.spot-detail-container{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;margin-top:20px}.spot-detail-left{display:flex;flex-direction:column;gap:20px}.spot-detail-right{display:flex;flex-direction:column}.spot-embedded-map{background:var(--bg-secondary);border-radius:16px}.spot-embedded-map-frame iframe{width:100% !important;height:clamp(260px,40vw,360px);border:0;border-radius:12px}.spot-windy-map iframe{width:100% !important;height:clamp(260px,40vw,360px);border:0;border-radius:12px}.spot-media-panel-map .spot-embedded-map{background:transparent;border-radius:12px}.spot-media-switcher{background:var(--bg-secondary);border-radius:16px;padding:12px 16px 16px;display:flex;flex-direction:column;gap:16px}.spot-media-tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-primary);margin-bottom:-2px}.spot-media-tab{background:transparent;border:none;color:var(--text-secondary);padding:10px 20px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px}.spot-media-tab .tab-icon{width:16px;height:16px;color:var(--text-secondary);transition:color 0.2s ease}.spot-media-tab:hover{color:var(--text-primary);background:var(--overlay-accent)}.spot-media-tab:hover .tab-icon{color:var(--text-primary)}.spot-media-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.spot-media-tab.active .tab-icon{color:var(--accent-primary)}.spot-media-panels{position:relative}.spot-media-panel{display:none}.spot-media-panel.active{display:block}.spot-photo-frame{border-radius:12px;overflow:hidden;background:var(--bg-tertiary)}.spot-photo-frame img{width:100%;height:clamp(260px,40vw,360px);object-fit:cover;display:block}.spot-info-card{background:var(--bg-secondary)}.spot-info-card .info-grid{gap:12px}.spot-info-card .info-item{background:var(--bg-tertiary);padding:10px 14px;border-radius:0}.spot-info-card .info-label{font-size:0.75rem;color:var(--text-secondary);margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.spot-info-card .info-value{font-weight:500;color:var(--text-primary);font-size:0.9rem;line-height:1.4}.ai-analysis-card{}.ai-analysis-card .ai-analysis p{font-size:0.9rem;line-height:1.6;margin-bottom:0;background:var(--bg-tertiary);padding:10px 14px}.ai-analysis-card .modal-disclaimer{margin-top:12px;font-size:0.8rem}.sponsors-card{background:var(--bg-secondary)}.sponsors-card .sponsors-header{padding:0 0 12px 0;border-bottom:1px solid var(--border-primary);margin-bottom:12px}.sponsors-card .sponsors-title{font-size:0.85rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.05em;margin:0}.sponsors-card .sponsors-list{display:flex;flex-direction:column;gap:0}.sponsors-card .sponsor-item{background:var(--bg-tertiary);padding:10px 14px;border-radius:0;transition:none;width:100%;justify-content:left}.sponsors-card .sponsor-item:hover{transform:none;opacity:1}.sponsors-card .sponsor-link{font-weight:500;color:var(--text-primary);font-size:0.9rem;line-height:1.4;text-decoration:none;display:block;transition:color 0.2s ease}.sponsors-card .sponsor-link:hover{color:var(--accent-primary)}.sponsors-card .sponsor-name{font-size:0.9rem;font-weight:500;color:inherit;padding:0;border:none;border-radius:0;background:transparent;transition:none}body.spot-page .external-link.info-link,body.spot-page .external-link.ai-link{display:none}body.spot-page .weather-table tbody tr{transition:background-color 0.2s ease}body.spot-page .weather-table tbody tr:hover{background-color:var(--overlay-light) !important}[data-theme="light"] body.spot-page .weather-table tbody tr:hover{background-color:var(--overlay-light) !important}body.spot-page .error-message{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin:40px auto;padding:28px;text-align:center}body.spot-page .error-message::before{content:"⚠️";font-size:2.2rem}body.spot-page .error-title{font-size:1.35rem}body.spot-page .error-description{font-size:1rem;line-height:1.6}.current-conditions-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);padding:24px;margin-bottom:0;min-height:clamp(260px,40vw,360px);display:flex;flex-direction:column}.conditions-header{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.conditions-label{font-size:0.95rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.05em}.conditions-main{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:28px;flex:1}.wind-arrow-large{font-size:4rem;color:var(--accent-primary);transition:transform 0.6s ease,color 0.3s ease;line-height:1}.wind-arrow-large.wind-weak{color:var(--wind-weak)}.wind-arrow-large.wind-moderate{color:var(--wind-moderate)}.wind-arrow-large.wind-strong{color:var(--wind-strong-alt)}.wind-arrow-large.wind-extreme{color:var(--wind-extreme)}.wind-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.wind-speed{font-size:3rem;font-weight:700;line-height:1;padding:8px 16px;border-radius:8px;transition:background-color 0.3s ease,color 0.3s ease}.wind-speed.wind-weak{background-color:var(--wind-weak-bg);color:var(--wind-weak)}.wind-speed.wind-moderate{background-color:var(--wind-moderate-bg);color:var(--wind-moderate)}.wind-speed.wind-strong{background-color:var(--wind-strong-bg);color:var(--wind-strong-alt)}.wind-speed.wind-extreme{background-color:var(--wind-extreme-bg);color:var(--wind-extreme)}.wind-label{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.1em;font-weight:500}.conditions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.condition-item{background:var(--bg-tertiary);padding:12px 16px;border-radius:8px;border:1px solid var(--border-primary)}.condition-label{font-size:0.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:6px;font-weight:500}.condition-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.condition-value.wind-weak{color:var(--wind-weak)}.condition-value.wind-moderate{color:var(--wind-moderate)}.condition-value.wind-strong{color:var(--temp-positive)}.condition-value.wind-extreme{color:var(--wind-extreme)}body.spot-page .weather-table tbody tr:has(.live-indicator){display:none}.forecast-tabs-container{display:flex;justify-content:space-between;align-items:flex-end;margin-top:15px;margin-bottom:8px;border-bottom:2px solid var(--border-primary)}.forecast-tabs{display:flex;gap:8px}.forecast-tab{background:transparent;border:none;color:var(--text-secondary);padding:10px 20px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border-bottom:2px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:6px}.forecast-tab .tab-icon{width:16px;height:16px;color:var(--text-secondary);transition:color 0.2s ease}.forecast-tab:hover{color:var(--text-primary);background:var(--overlay-accent)}.forecast-tab:hover .tab-icon{color:var(--text-primary)}.forecast-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.forecast-tab.active .tab-icon{color:var(--accent-primary)}.compact-view-container{display:flex;align-items:center;padding-bottom:10px;padding-right:16px;margin-right:4px}.compact-view-label{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--text-secondary);cursor:pointer;user-select:none;transition:color 0.2s ease}.compact-view-label:hover{color:var(--text-primary)}.compact-view-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.compact-view-label .filter-text{font-weight:500}.filter-windy-days-container{display:flex;align-items:center;padding-bottom:10px;padding-right:5px}.filter-windy-days-label{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--text-secondary);cursor:pointer;user-select:none;transition:color 0.2s ease}.filter-windy-days-label:hover{color:var(--text-primary)}.filter-windy-days-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.filter-windy-days-label .filter-text{font-weight:500}.no-windy-days-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.no-windy-days-icon{font-size:4rem;margin-bottom:20px;opacity:0.5}.no-windy-days-text{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin:0}.data-source-radio-container{display:flex;align-items:center;gap:4px;margin-left:16px;margin-right:16px;margin-bottom:10px;background:var(--bg-tertiary);border-radius:8px;padding:2px;border:1px solid var(--border-primary)}.data-source-radio-container input[type="radio"]{display:none}.data-source-radio-container label{padding:6px 12px;font-size:0.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all 0.2s ease;white-space:nowrap}.data-source-radio-container label:hover{color:var(--text-primary)}.data-source-radio-container input[type="radio"]:checked+label{background:var(--accent-primary);color:var(--text-white)}.forecast-filters-right{display:flex;align-items:center;gap:0}.forecast-view-container{position:relative;min-height:300px;width:100%;max-width:930px}.forecast-view{display:none}.forecast-view.active{display:block}@media (min-width:1005px) and (max-width:1300px){body.spot-page .weather-table{table-layout:fixed;width:100%;max-width:100%}body.spot-page .weather-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}body.spot-page .weather-table td{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;min-width:0}body.spot-page .weather-table td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:1239px){body.spot-page .compact-view-container,body.spot-page .filter-windy-days-container{display:none !important}}@media (min-width:769px) and (max-width:1004px){body.spot-page .spot-detail-container{grid-template-columns:1fr;gap:0}body.spot-page .spot-detail-left{display:none}body.spot-page .spot-detail-right{width:100%}body.spot-page .spot-embedded-map{display:none}body.spot-page .spot-card{border:none !important;padding:16px !important}body.spot-page .external-link.info-link,body.spot-page .external-link.ai-link{display:inline-flex}body.spot-page .external-link.tv-link,body.spot-page .external-link.embed-link{display:none}body.spot-page .spot-header{padding-left:0;padding-right:0;margin-left:0;margin-bottom:16px;padding-bottom:16px}body.spot-page .external-links{margin-top:12px;margin-bottom:16px}body.spot-page .weather-table{font-size:.85rem;table-layout:fixed;width:100%;max-width:100%;margin-top:0}body.spot-page .weather-table th{padding:8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}body.spot-page .weather-table td{padding:8px 4px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;min-width:0}body.spot-page .weather-table td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.spot-page .weather-table .pressure-col,body.spot-page .weather-table .wave-col{display:none !important}body.spot-page .forecast-view-container{width:100% !important;max-width:100% !important}body.spot-page .current-conditions-card{display:none}body.spot-page .weather-table tbody tr:has(.live-indicator){display:table-row}body.spot-page .mobile-data-source-container{display:flex;justify-content:center;padding:12px 16px;margin:0 -16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}body.spot-page .mobile-data-source-container .data-source-radio-container{margin:0;flex:1;width:100%;max-width:none;justify-content:center}body.spot-page .mobile-data-source-container .data-source-radio-container label{flex:1;text-align:center;padding:10px 16px;font-size:0.85rem}body.spot-page .spot-info-card .info-grid{grid-template-columns:1fr !important;gap:0 !important}body.spot-page .spot-info-card .info-item{border-radius:0 !important;border:none !important;border-bottom:1px solid var(--border-primary) !important;background:transparent !important;padding:12px 0 !important}body.spot-page .spot-info-card .info-item:last-child{border-bottom:none !important}body.spot-page .spot-info-card .info-item[style*="grid-column"]{grid-column:1 / -1 !important}body.spot-page .compact-view-container{display:none !important}body.spot-page .live-text{display:none}body.spot-page .live-indicator{justify-content:center}body.spot-page .outdated-chip{display:none}}.windguru-view{width:100%;margin-top:15px}.windguru-wrapper{display:flex;width:100%;max-width:100%;overflow:hidden}.windguru-labels{flex:0 0 90px;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-primary);border-right:none;border-radius:8px 0 0 8px}.windguru-label-header{height:48px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-primary);padding:0 8px;background:var(--bg-tertiary)}.windguru-label{height:44px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:0.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.windguru-label:last-child{border-bottom:none}.windguru-data-container{flex:1;overflow-x:auto;overflow-y:hidden;border:1px solid var(--border-primary);border-radius:0 8px 8px 0;background:var(--bg-secondary);cursor:grab;user-select:none}.windguru-data-container.dragging{cursor:grabbing}.windguru-data{display:flex;min-width:min-content}.windguru-day-column{flex:0 0 auto;display:flex;flex-direction:column;border-right:1px solid var(--border-primary)}.windguru-day-column:last-child{border-right:none}.windguru-day-header{height:48px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-primary);border-left:3px solid var(--border-primary);padding:0 8px;background:var(--bg-tertiary)}.windguru-data-row{height:44px;display:flex;align-items:center;border-bottom:1px solid var(--border-primary);border-left:3px solid var(--border-primary)}.windguru-data-row:last-child{border-bottom:none}.windguru-cell{flex:0 0 50px;text-align:center;padding:14px 4px;font-size:0.85rem;color:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-direction:column}.windguru-time-cell{font-weight:600;font-size:0.75rem;color:var(--text-secondary)}.windguru-cell.wind-weak{color:var(--text-secondary);background:var(--wind-weak-bg)}.windguru-cell.wind-moderate{color:var(--wind-moderate);font-weight:600;background:var(--wind-moderate-bg)}.windguru-cell.wind-strong{color:var(--wind-strong);font-weight:600;background:var(--wind-strong-bg)}.windguru-cell.wind-extreme{color:var(--wind-extreme);font-weight:600;background:var(--wind-extreme-bg)}.windguru-cell.temp-positive{color:var(--temp-positive)}.windguru-cell.temp-negative{color:var(--temp-negative)}.windguru-cell.precipitation{color:var(--precipitation)}.windguru-cell.precipitation-none{color:var(--precipitation-none)}.windguru-cell.cloud-low{color:var(--cloud-low)}.windguru-cell.cloud-medium{color:var(--cloud-medium)}.windguru-cell.cloud-heavy{color:var(--cloud-heavy);font-weight:600}.windguru-cell.pressure{color:var(--pressure)}.windguru-cell.wave-low{color:var(--wave-small)}.windguru-cell.wave-high{color:var(--wind-extreme);font-weight:600}.windguru-cell.wave-none{color:var(--precipitation-none)}.windguru-cell.wave-period{color:var(--pressure)}[data-theme="light"] .windguru-cell.wind-moderate,[data-theme="light"] .windguru-cell.wind-strong,[data-theme="light"] .windguru-cell.wind-extreme,[data-theme="light"] .windguru-cell.temp-positive,[data-theme="light"] .windguru-cell.temp-negative,[data-theme="light"] .windguru-cell.precipitation,[data-theme="light"] .windguru-cell.cloud-heavy,[data-theme="light"] .windguru-cell.wave-high{font-weight:700}.windguru-cell .compact-value{display:none}.windguru-view.compact .windguru-cell .full-value{display:none}.windguru-view.compact .windguru-cell .compact-value{display:inline}.windguru-view.compact .windguru-cell .direction-text{display:none}.windguru-view.compact .windguru-cell{flex:0 0 32px;padding:10px 2px;font-size:0.75rem}.windguru-view.compact .windguru-time-cell{font-size:0.65rem}.windguru-view.compact .windguru-data-row{height:34px}.windguru-view.compact .windguru-day-header{height:38px;font-size:0.75rem;padding:0 4px}.windguru-view.compact .windguru-label-header{height:38px}.windguru-view.compact .windguru-label{height:34px;font-size:0.65rem}.windguru-view.compact .wind-arrow{font-size:0.8rem}.chart-view{width:100%;margin-top:15px}.wind-chart-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:16px}.wind-chart-legend{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.legend-item{display:flex;align-items:center;gap:8px}.legend-line{width:24px;height:3px;border-radius:2px}.legend-wind{background:var(--wind-moderate)}.legend-gust{background:var(--wind-strong)}.legend-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid var(--accent-color)}.legend-label{font-size:0.85rem;color:var(--text-secondary);font-weight:500}.wind-chart-wrapper{position:relative;width:100%;height:300px;min-height:250px}.wind-chart-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.spots-list{display:flex;flex-direction:column;gap:0}.spots-list-header{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px 12px 0 0;padding:16px 20px;display:grid;grid-template-columns:24px 40px 1fr 100px 100px 120px 80px 80px 1fr 40px;gap:16px;align-items:center;font-weight:600;font-size:0.9rem;color:var(--text-secondary)}.spots-list-header .header-cell{cursor:pointer;user-select:none;display:flex;align-items:center;gap:4px;transition:color 0.2s ease}.spots-list-header .header-cell:hover{color:var(--accent-primary)}.spots-list-header .header-cell.sortable::after{content:'⇅';opacity:0.3;font-size:0.8rem}.spots-list-header .header-cell.sorted-asc::after{content:'↑';opacity:1;color:var(--accent-primary)}.spots-list-header .header-cell.sorted-desc::after{content:'↓';opacity:1;color:var(--accent-primary)}.live-stations-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;border-radius:50%;background-color:var(--checkbox-unchecked);cursor:pointer;position:relative;transition:background-color 0.2s ease,transform 0.1s ease;margin:0 auto;display:block}.live-stations-checkbox:hover{transform:scale(1.1)}.live-stations-checkbox:checked{background-color:var(--success-color)}.live-stations-checkbox:active{transform:scale(0.95)}.list-row{background:var(--bg-secondary);border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);padding:16px 20px;display:grid;grid-template-columns:24px 40px 1fr 100px 100px 120px 80px 80px 1fr 40px;gap:16px;align-items:center;font-size:0.95rem;transition:background 0.2s ease,border-color 0.2s ease}.list-row:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.list-row:last-child{border-radius:0 0 12px 12px}.list-row.current-conditions{font-weight:500}.list-indicator{width:8px;height:8px;background:var(--success-color);border-radius:50%;position:relative;animation:pulse-glow 2s ease-in-out infinite;margin:0 auto}.list-indicator::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--success-color);border-radius:50%;opacity:.4;animation:pulse-ring 2s ease-in-out infinite}.list-indicator.outdated{background:#f59e0b}.list-indicator.outdated::before{background:#f59e0b}.list-spot-name{font-weight:600;color:var(--text-primary);cursor:pointer;transition:color 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-spot-name:hover{color:var(--accent-primary)}.list-wind,.list-gust{font-weight:500}.list-wind.wind-weak,.list-gust.wind-weak{color:var(--text-secondary)}.list-wind.wind-moderate,.list-gust.wind-moderate{color:var(--success-color)}.list-wind.wind-strong,.list-gust.wind-strong{color:var(--warning-color)}.list-wind.wind-extreme,.list-gust.wind-extreme{color:var(--danger-color)}.list-direction{display:flex;align-items:center;gap:6px;color:var(--text-primary)}.list-direction .wind-arrow{font-size:1.2rem}.list-temp.temp-positive{color:var(--success-color)}.list-temp.temp-negative{color:var(--accent-primary)}.list-rain{color:var(--text-secondary)}.list-country{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-favorite{display:flex;justify-content:center;align-items:center}.list-favorite .favorite-icon{width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.2s ease}.list-favorite .favorite-icon:hover{background:var(--bg-tertiary)}.list-favorite .favorite-icon-svg{width:18px;height:18px;fill:var(--text-tertiary);transition:fill 0.2s ease}.list-favorite .favorite-icon.favorited .favorite-icon-svg{fill:var(--favorite-hover)}.list-favorite .favorite-icon:hover .favorite-icon-svg{fill:var(--accent-primary)}.list-favorite .favorite-icon.favorited:hover .favorite-icon-svg{fill:var(--favorite-hover)}.list-drag-header{cursor:default}.list-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--text-tertiary);transition:color 0.2s ease}.list-drag-handle:hover{color:var(--text-primary)}.list-drag-handle:active{cursor:grabbing}.list-drag-handle .drag-icon{width:16px;height:16px;fill:currentColor}.list-row.dragging{opacity:0.3;cursor:grabbing}.list-row-ghost{position:fixed;pointer-events:none;z-index:10000;opacity:0.8;background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:8px;box-shadow:var(--shadow-ghost);cursor:grabbing}.status-page{padding:20px 0}.status-page .main-content{margin-top:0}.main-content-status{margin-top:0 !important}.status-container{max-width:900px;margin:0 auto;padding:0 20px}.status-page-header{display:flex;align-items:center;justify-content:center;margin-bottom:40px;position:relative}.status-page-header-content{display:flex;align-items:center;gap:16px;cursor:pointer}.status-page-header-content:hover .status-page-logo,.status-page-header-content:hover .status-page-title span{opacity:0.8}.status-page-logo{height:32px;width:auto;transition:opacity 0.3s ease}.status-page-title{font-size:2.8rem;font-weight:100;color:var(--text-primary);margin:0;letter-spacing:-0.02em;line-height:1}.status-page-title span{transition:opacity 0.3s ease}.status-theme-toggle{position:absolute;top:0;right:0}.status-container h2{color:var(--text-primary);font-size:1.5rem;font-weight:100;margin-bottom:30px;text-align:center}.status-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;padding:24px;margin-bottom:20px}.status-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:16px;margin-top:0}.status-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.status-header-actions{display:flex;align-items:center;gap:16px}.btn-small{padding:6px 12px;font-size:0.75rem}.btn-icon{padding:6px 8px;display:flex;align-items:center;justify-content:center}.btn-icon svg{display:block}.status-indicator{display:flex;align-items:center;gap:12px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--status-neutral);position:relative;animation:pulse-glow 2s ease-in-out infinite}.status-dot::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;opacity:.4;animation:pulse-ring 2s ease-in-out infinite}.status-dot-up{background:var(--status-up)}.status-dot-up::before{background:var(--status-up)}.status-dot-down{background:var(--status-down)}.status-dot-down::before{background:var(--status-down)}.status-text{color:var(--text-primary);font-size:1.125rem;font-weight:600}.status-time{color:var(--text-secondary);font-size:0.875rem}.status-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.status-info-item{display:flex;flex-direction:column;gap:8px}.status-info-label{color:var(--text-secondary);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.status-info-value{color:var(--text-primary);font-size:0.9rem;font-weight:300}.health-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.health-history-uptime{font-size:1.25rem;font-weight:500;color:var(--status-up)}.health-history-uptime.degraded{color:var(--warning-color)}.health-history-uptime.down{color:var(--status-down)}.health-history-period{font-size:0.875rem;color:var(--text-secondary)}.health-history-container{display:flex;gap:2px;height:32px;margin-bottom:12px}.health-history-bar{flex:1;min-width:3px;border-radius:2px;background:var(--status-up);cursor:pointer;transition:opacity 0.2s,transform 0.2s;position:relative}.health-history-bar:hover{opacity:0.8;transform:scaleY(1.1)}.health-history-bar.down{background:var(--status-down)}.health-history-bar.degraded{background:var(--warning-color)}.health-history-bar.empty{background:var(--border-primary);opacity:0.5}.health-history-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;padding:6px 10px;font-size:0.75rem;white-space:nowrap;z-index:100;pointer-events:none;opacity:0;transition:opacity 0.2s;margin-bottom:4px}.health-history-bar:hover .health-history-tooltip{opacity:1}.health-history-tooltip-time{color:var(--text-secondary);display:block;margin-bottom:2px}.health-history-tooltip-status{color:var(--text-primary);font-weight:500}.health-history-tooltip-status.up{color:var(--status-up)}.health-history-tooltip-status.down{color:var(--status-down)}.health-history-legend{display:flex;gap:20px;font-size:0.75rem;color:var(--text-secondary)}.health-history-legend-item{display:flex;align-items:center;gap:6px}.health-history-legend-dot{width:10px;height:10px;border-radius:2px}.health-history-legend-up{background:var(--status-up)}.health-history-legend-down{background:var(--status-down)}.status-endpoints{display:flex;flex-direction:column;gap:12px}.status-endpoint{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;transition:background-color 0.2s}.status-endpoint:hover{background:var(--bg-secondary)}.status-endpoint-info{display:flex;align-items:center;gap:10px}.status-endpoint-dot{width:10px;height:10px;border-radius:50%;background:var(--status-neutral)}.status-endpoint-dot-up{background:var(--status-up)}.status-endpoint-dot-down{background:var(--status-down)}.status-endpoint-name{color:var(--text-primary);font-family:'Courier New',monospace;font-size:0.9rem}.status-endpoint-status{color:var(--text-secondary);font-size:0.875rem}.source-link{color:var(--accent-primary);text-decoration:none;font-family:'Courier New',monospace}.source-link:hover{text-decoration:underline}.status-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.status-actions .btn{flex:1;min-width:0;text-align:center}@media (max-width:480px){.status-actions{flex-direction:column}.status-actions .btn{width:100%}}.mcp-description{color:var(--text-secondary);font-size:0.9375rem;line-height:1.5;margin:0 0 20px 0}.mcp-description a{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.mcp-info-grid{display:flex;flex-direction:column;gap:16px}.mcp-info-row{display:flex;flex-direction:column;gap:6px}.mcp-info-label{color:var(--text-secondary);font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.5px}.mcp-code{display:flex;align-items:stretch;gap:8px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;padding:10px 12px;font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,monospace;font-size:0.875rem}.mcp-code code{flex:1;color:var(--text-primary);word-break:break-all;background:transparent;padding:0;align-self:center}.mcp-copy-btn{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:4px;padding:4px 12px;font-size:0.75rem;cursor:pointer;white-space:nowrap;transition:background 0.2s,border-color 0.2s}.mcp-copy-btn:hover{border-color:var(--text-secondary)}.mcp-copy-btn.copied{color:var(--status-up);border-color:var(--status-up)}.mcp-tools-hint{color:var(--text-secondary);font-size:0.8125rem;margin:16px 0 0 0;line-height:1.6}.mcp-tools-hint code{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:3px;padding:1px 6px;font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,monospace;font-size:0.75rem;color:var(--text-primary)}@media (max-width:480px){.mcp-code{flex-direction:column;align-items:stretch}.mcp-copy-btn{align-self:flex-end}}.metrics-refresh-dot.paused{background:var(--status-neutral) !important;animation:none !important}.metrics-refresh-dot.paused::before{animation:none !important;background:transparent !important}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.metrics-grid-2{grid-template-columns:repeat(2,1fr)}.metrics-grid-3{grid-template-columns:repeat(3,1fr)}.metrics-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.metrics-grid,.metrics-grid-3,.metrics-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.metrics-grid,.metrics-grid-2,.metrics-grid-3,.metrics-grid-4{grid-template-columns:1fr}}.metrics-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px}.metrics-item-wide{grid-column:span 2}@media (max-width:480px){.metrics-item-wide{grid-column:span 1}}.metrics-label{color:var(--text-secondary);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.metrics-value{color:var(--text-primary);font-size:0.9rem;font-weight:300}.metrics-value-large{color:var(--text-primary);font-size:1.5rem;font-weight:300}.metrics-subvalue{color:var(--text-secondary);font-size:0.75rem}.metrics-progress-container{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.metrics-progress-bar{height:100%;background:var(--status-up);border-radius:4px;transition:width 0.3s ease}.metrics-progress-warning{background:#f59e0b}.metrics-progress-danger{background:var(--status-down)}.metrics-stat-row{display:flex;align-items:baseline;gap:4px;font-size:1.25rem}.metrics-stat-success{color:var(--status-up);font-weight:500}.metrics-stat-separator{color:var(--text-secondary)}.metrics-stat-total{color:var(--text-primary)}.metrics-stat-failure{color:var(--status-down);font-size:0.75rem}.metrics-chart-mini{width:40px;height:40px}.metrics-mini-chart-bg{stroke:var(--border-primary)}.metrics-mini-chart-progress{stroke:var(--status-up);transition:stroke-dashoffset 0.3s ease}.metrics-timestamps{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-primary)}.metrics-timestamp-item{display:flex;gap:8px;font-size:0.875rem}.metrics-timestamp-label{color:var(--text-secondary)}.metrics-timestamp-value{color:var(--text-primary)}.metrics-chart-container{width:100%;height:120px;margin:16px 0}.metrics-chart-container canvas{width:100%;height:100%}.metrics-chart-legend{display:flex;justify-content:center;gap:24px;font-size:0.75rem;color:var(--text-secondary)}.metrics-legend-item{display:flex;align-items:center;gap:6px}.metrics-legend-color{width:12px;height:3px;border-radius:1px}.metrics-legend-process{background:#3b82f6}.metrics-legend-system{background:#ef4444}.metrics-legend-heap{background:#10b981}.metrics-legend-heap-max{background:#6b7280;height:2px;border-top:1px dashed #6b7280;border-bottom:1px dashed #6b7280}.metrics-legend-threads-live{background:#8b5cf6}.metrics-legend-threads-daemon{background:#f59e0b}.metrics-login-form{display:flex;flex-direction:column;gap:16px;width:100%}.metrics-login-form .btn{width:100%}.metrics-login-field{display:flex;flex-direction:column;gap:8px}.metrics-login-field label{color:var(--text-secondary);font-size:0.875rem}.metrics-login-field input{width:100%;padding:12px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.metrics-login-field input:focus{outline:none;border-color:var(--accent-primary)}.metrics-login-error{color:var(--status-down);font-size:0.875rem;min-height:1.25rem}.embed-config{margin:20px 0;padding:0;background:var(--bg-secondary);border-radius:8px}.embed-dropdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.embed-dropdown .dropdown-button{width:100%;height:48px;justify-content:space-between}.embed-dropdown .dropdown-menu{width:100%}.embed-section-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.embed-preview-section{margin:24px 0}.embed-preview-container{width:100%;height:420px;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.embed-preview-frame{width:100%;height:100%;border:none}.embed-code-section{margin:24px 0}.embed-code-textarea{width:100%;min-height:120px;padding:12px;font-family:'Courier New',Courier,monospace;font-size:13px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:6px;resize:vertical;margin-bottom:12px}.embed-copy-button{display:flex;align-items:center;width:100%;gap:8px;padding:12px 20px;background:var(--accent-primary);color:var(--text-white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.2s}.embed-copy-button:hover{background:var(--accent-hover)}.embed-copy-button:active{transform:scale(0.98)}.embed-copy-icon{width:16px;height:16px;fill:currentColor}.embed-copy-button.copied{background:var(--success-color)}.desktop-only{display:flex !important}.disabled-in-map{opacity:0.4;pointer-events:none;cursor:default}#mapContainer{width:100%;height:calc(100vh - 180px);margin:20px 0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}#map{width:100%;height:100%;z-index:1}.custom-marker-icon{background:transparent;border:none}.custom-marker{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.custom-marker .marker-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--marker-border);background-color:var(--wind-extreme)}.custom-marker.wind-weak .marker-dot{background-color:var(--wind-weak)}.custom-marker.wind-moderate .marker-dot{background-color:var(--wind-moderate)}.custom-marker.wind-strong .marker-dot{background-color:var(--wind-strong)}.custom-marker.wind-extreme .marker-dot{background-color:var(--wind-extreme)}.custom-marker.wind-no-data .marker-dot{background-color:var(--marker-no-data)}.custom-marker.custom-marker-red .marker-dot{background-color:var(--wind-extreme)}.map-popup{display:flex;flex-direction:column;gap:6px}.map-popup-wind{display:flex;align-items:center;gap:6px;font-size:0.85rem;color:var(--text-secondary)}.map-popup-wind .wind-arrow{font-size:1rem}.map-popup-direction{font-weight:600;letter-spacing:0.05em}.map-popup-speed{font-weight:600;color:var(--text-primary)}.map-popup-meta{margin-top:2px;font-size:0.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.08em}.leaflet-popup-content-wrapper{background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;box-shadow:var(--shadow-card)}.leaflet-popup-tip{background:var(--bg-secondary)}.leaflet-popup-content{margin:12px 44px 12px 16px;font-size:0.9rem;font-weight:500;min-width:100px}.leaflet-popup-content a{color:var(--accent-primary);text-decoration:none;font-weight:600}.leaflet-popup-content a:hover{text-decoration:underline}.leaflet-popup-close-button{padding:10px 12px 0 0}.leaflet-control-layer-switcher{background:var(--leaflet-bg);border:2px solid var(--leaflet-border);border-radius:4px;position:relative}.layer-switcher-button{width:30px;height:30px;padding:5px;background:var(--leaflet-bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--leaflet-text);transition:background-color 0.2s ease}.layer-switcher-button:hover{background:var(--leaflet-hover)}.layer-switcher-button.open{background:var(--leaflet-hover)}.layer-switcher-button svg{width:18px;height:18px;display:block}.layer-switcher-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--leaflet-bg);border:2px solid var(--leaflet-border);border-radius:4px;overflow:hidden;min-width:120px}.layer-switcher-option{padding:10px 16px;cursor:pointer;color:var(--leaflet-text);font-size:0.875rem;font-weight:500;white-space:nowrap;transition:background-color 0.2s ease;border-bottom:1px solid rgba(0,0,0,0.1)}.layer-switcher-option:last-child{border-bottom:none}.layer-switcher-option:hover{background:var(--leaflet-hover)}.layer-switcher-option.active{background:var(--leaflet-active);color:var(--text-white)}.leaflet-control-reset-view{background:var(--leaflet-bg);border:2px solid var(--leaflet-border);border-radius:4px}.reset-view-button{width:30px;height:30px;padding:5px;background:var(--leaflet-bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--leaflet-text);transition:background-color 0.2s ease}.reset-view-button:hover{background:var(--leaflet-hover)}.reset-view-button svg{width:18px;height:18px;display:block}.hero-section{position:relative;width:100%;height:320px;border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-card)}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.hero-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.4) 100% );display:flex;align-items:flex-end;padding:24px;pointer-events:none}.hero-slogan{color:#ffffff;font-size:1.3rem;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,0.6);max-width:60%;line-height:1.4}.hero-spot-label{position:absolute;bottom:24px;right:24px;background:rgba(0,0,0,0.55);color:#ffffff;padding:8px 16px;border-radius:8px;font-size:0.85rem;font-weight:500;text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background 0.2s ease;z-index:2}.hero-spot-label:hover{background:rgba(0,0,0,0.75)}.hero-toggle.active svg{fill:var(--accent-primary)}.hero-refresh{position:absolute;top:24px;right:24px;background:rgba(0,0,0,0.55);border:none;color:#ffffff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background 0.2s ease;z-index:2}.hero-refresh svg{fill:#ffffff}.hero-refresh:hover{background:rgba(0,0,0,0.75)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes favorite-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes pulse-glow{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:.2}100%{transform:scale(2);opacity:0}}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@media (max-width:768px){.hero-section{display:none !important}.hero-toggle{display:none !important}.spots-grid{grid-template-columns:1fr !important}.spot-card{width:100% !important}.spots-grid.three-columns .spot-card{padding:24px;width:100% !important;max-width:100% !important;min-width:0 !important}.view-toggle{display:none !important}.header-logo{display:none !important}.weather-table{font-size:.85rem;table-layout:fixed !important;width:100% !important;max-width:100% !important}.weather-table th{padding:8px 4px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.weather-table td{padding:8px 4px !important;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;min-width:0}.weather-table td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-message{padding:20px}.error-title{font-size:1.1rem}.error-description{font-size:.85rem}.fixed-header{padding:15px 20px !important}.header-content{text-align:center}.header-title{text-align:center;margin-top:0;margin-left:0;font-size:2.2rem;cursor:pointer}.hamburger-menu{display:block;margin-top:10px}.header-icons{display:contents}.header-overflow{display:none !important}.header-controls{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto 15px auto;width:100%;max-width:400px;justify-content:center;max-height:0;overflow:visible;opacity:0;transition:max-height 0.3s ease,opacity 0.3s ease,margin-bottom 0.3s ease;pointer-events:none}.header-controls.show{max-height:500px;opacity:1;margin-bottom:15px;pointer-events:auto}.header-controls>*{opacity:0;transition:opacity 0.3s ease}.header-controls.show>*{opacity:1}#themeToggle,#favoritesToggle,#kiteSizeToggle{width:62px;flex:0 0 auto;order:1}.map-toggle{width:100%;max-width:300px;flex:0 0 100%;order:2;display:flex;justify-content:flex-start;padding:10px 14px}.map-toggle .map-label{display:inline}.info-toggle{width:100%;max-width:300px;flex:0 0 100%;order:3;display:flex;justify-content:flex-start;padding:10px 14px}.info-toggle .info-label{display:inline}.search-container{width:100%;max-width:300px;flex:0 0 100%;order:4}.dropdown-container{width:100%;max-width:300px;flex:0 0 100%;order:5}#modelDropdownContainer{width:100%;max-width:300px}#modelDropdownContainer .dropdown-button{width:100%}.dropdown-button{width:100%}.spot-counter{width:100%;max-width:300px;flex:0 0 100%;order:6}.main-content{margin-top:120px}.main-content.menu-open{margin-top:380px}.compact-view-container{display:none !important}.info-grid{grid-template-columns:1fr !important}.drag-handle{display:none}.spot-header{margin-left:0}.live-text{display:none}.live-indicator{justify-content:center}.outdated-chip{display:none}.theme-toggle-single-spot{width:36% !important}.sponsors-container{padding:15px;margin-bottom:20px}.sponsor-logo{max-height:50px;max-width:150px}.sponsor-name{font-size:0.9rem;padding:6px 12px}body.spot-page .forecast-tabs{display:none}.forecast-view-container{width:100% !important}body.spot-page .windguru-view{display:none !important}body.spot-page .chart-view{display:none !important}body.spot-page .table-view{display:block !important}}@media (max-width:1200px){.spots-list-header,.list-row{grid-template-columns:24px 40px 1fr 90px 90px 100px 70px 70px 120px 40px;gap:12px;font-size:0.85rem}}@media (max-width:768px){.desktop-only{display:none !important}.spots-list-header{grid-template-columns:30px 1fr 70px 70px 50px 40px;gap:8px;padding:12px 12px;font-size:0.75rem;top:100px}.list-row{grid-template-columns:30px 1fr 70px 70px 50px 40px;gap:8px;padding:12px 12px;font-size:0.8rem}.spots-list-header .header-cell:nth-child(1),.spots-list-header .header-cell:nth-child(6),.spots-list-header .header-cell:nth-child(8),.spots-list-header .header-cell:nth-child(9),.list-row>div:nth-child(1),.list-row>div:nth-child(6),.list-row>div:nth-child(8),.list-row>div:nth-child(9){display:none}.status-header{flex-direction:column;align-items:flex-start}.status-info-grid{grid-template-columns:1fr}.status-endpoint-text,.status-endpoint-latency{display:none}.status-card{padding:16px}.health-history-container{gap:1px;overflow-x:auto}.health-history-bar{min-width:1px}.health-history-header{flex-direction:column;align-items:flex-start;gap:4px}.health-history-tooltip{left:0;transform:none}.health-history-bar:nth-last-child(-n+10) .health-history-tooltip{left:auto;right:0;transform:none}.status-actions{flex-direction:column;width:100%}.status-actions .btn{width:100%;text-align:center}.embed-preview-container{height:320px}.embed-dropdowns{grid-template-columns:1fr}.spot-detail-container{grid-template-columns:1fr;gap:0}.spot-detail-left{display:none}.spot-detail-right{width:100%}.spot-embedded-map{display:none}body.spot-page .spot-card{border:none !important;padding:16px !important}body.spot-page .external-link.info-link,body.spot-page .external-link.ai-link{display:inline-flex}body.spot-page .external-link.tv-link{display:none}body.spot-page .spot-header{padding-left:0;padding-right:0;margin-left:0;margin-bottom:16px;padding-bottom:16px}body.spot-page .external-links{margin-top:12px;margin-bottom:16px}body.spot-page .weather-table{margin-top:0}.spot-info-card .info-grid{grid-template-columns:1fr !important;gap:0 !important}body.spot-page .external-link.embed-link{display:none}.spot-info-card .info-item{border-radius:0 !important;border:none !important;border-bottom:1px solid var(--border-primary) !important;background:transparent !important;padding:12px 0 !important}.spot-info-card .info-item:last-child{border-bottom:none !important}.spot-info-card .info-item[style*="grid-column"]{grid-column:1 / -1 !important}.current-conditions-card{display:none}body.spot-page .weather-table tbody tr:has(.live-indicator){display:table-row}.mobile-data-source-container{display:flex;justify-content:center;padding:12px 16px;margin:0 -16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.mobile-data-source-container .data-source-radio-container{margin:0;flex:1;width:100%;max-width:none;justify-content:center}.mobile-data-source-container .data-source-radio-container label{flex:1;text-align:center;padding:10px 16px;font-size:0.85rem}.weather-table .pressure-col,.weather-table .wave-col{display:none !important}.forecast-tabs{display:none}.windguru-view{display:none !important}.chart-view{display:none !important}.table-view{display:block !important}}@media (max-width:600px){body.spot-page #themeToggle,body.spot-page #languageToggle{width:144px !important;min-width:144px !important;flex:0 0 auto}}.logs-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.logs-filter-group{display:flex;align-items:center;gap:8px}.logs-filter-group label{color:var(--text-secondary);font-size:0.875rem;white-space:nowrap}.logs-filter-search{flex:1;min-width:200px}.logs-select{padding:12px 40px 12px 16px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:0.875rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.logs-select:focus{outline:none;border-color:var(--accent-primary)}.logs-input{width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:0.875rem}.logs-input:focus{outline:none;border-color:var(--accent-primary)}.logs-input::placeholder{color:var(--text-tertiary)}.logs-count{color:var(--text-secondary);font-size:0.875rem;white-space:nowrap}.logs-card{padding:0;overflow:hidden}.logs-table-container{overflow-x:auto;max-height:600px;overflow-y:auto}.logs-table{width:100%;border-collapse:collapse;font-size:0.8125rem;font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,monospace}.logs-table thead{position:sticky;top:0;background:var(--bg-tertiary);z-index:1}.logs-table th{padding:12px 16px;text-align:left;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.logs-table td{padding:8px 16px;border-bottom:1px solid var(--border-primary);vertical-align:top}.logs-th-time{width:100px}.logs-th-level{width:70px}.logs-th-logger{width:180px}.logs-th-message{min-width:300px}.logs-td-time{color:var(--text-secondary);white-space:nowrap}.logs-td-logger{color:var(--text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-td-message{color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.logs-empty{text-align:center;color:var(--text-secondary);padding:32px !important}.logs-level-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:0.75rem;font-weight:500;text-transform:uppercase}.logs-level-error{background:rgba(239,68,68,0.15);color:#ef4444}.logs-level-warn{background:rgba(245,158,11,0.15);color:#f59e0b}.logs-level-info{background:rgba(59,130,246,0.15);color:#3b82f6}.logs-level-debug{background:rgba(107,114,128,0.15);color:#9ca3af}.logs-level-trace{background:rgba(107,114,128,0.1);color:#6b7280}.logs-row.logs-level-error{background:rgba(239,68,68,0.05)}.logs-row.logs-level-warn{background:rgba(245,158,11,0.05)}.logs-row:hover{background:var(--bg-tertiary)}.logs-refresh-dot.paused{background:var(--status-neutral)}body.wide-view .status-container{max-width:100%;padding:0 40px}body.wide-view .container{max-width:100%}@media (max-width:768px){.logs-filter-controls{flex-direction:column;align-items:stretch}.logs-filter-group{width:100%}.logs-filter-search{min-width:0}.logs-th-logger,.logs-td-logger{display:none}.logs-table-container{max-height:400px}}