:root,[data-theme=dark]{--color-bg:#090a0f;--color-panel:#10121a;--color-panel-header:#141722;--color-border:#1a1e29;--color-border-glow:#00f0ff1a;--color-grid-line:#ffffff05;--color-text-primary:#e2e8f0;--color-text-secondary:#8e9bb0;--color-text-muted:#4e5b70;--color-cyan:#00f0ff;--color-green:#39ff14;--color-amber:#fa0;--color-red:#ff003c;--glass-bg:#10121ab3;--glass-border:#ffffff0f;--glass-blur:12px;--surface-1:#10121a;--surface-2:#141722;--surface-3:#1a1e29;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-glow:0 0 20px #00f0ff26;--h-cyan:180;--h-green:111;--h-amber:40;--h-red:346;--font-mono:"Space Mono", "Courier New", Courier, monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;box-sizing:border-box}[data-theme=light]{--color-bg:#f0f4f8;--color-panel:#fff;--color-panel-header:#f8fafc;--color-border:#e2e8f0;--color-border-glow:#0096c81a;--color-grid-line:#00000008;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-cyan:#09c;--color-green:#059669;--color-amber:#d97706;--color-red:#dc2626;--glass-bg:#fffc;--glass-border:#0000000f;--glass-blur:12px;--surface-1:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-glow:0 0 20px #0099cc1a}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}.leaflet-container{border-radius:4px;font-family:var(--font-sans)!important;background-color:#0b0c10!important}.leaflet-bar{border:1px solid var(--color-border)!important;box-shadow:none!important}.leaflet-bar a{background-color:var(--color-panel)!important;color:var(--color-text-primary)!important;border-bottom:1px solid var(--color-border)!important}.leaflet-bar a:hover{background-color:var(--color-panel-header)!important;color:var(--color-cyan)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--color-panel)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:4px!important;box-shadow:0 4px 20px #00000080!important}.scanline{pointer-events:none;z-index:9999;opacity:.15;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;width:100%;height:100%;position:fixed;top:0;left:0}.tactical-card{background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 0 10px #00f0ff05}.tactical-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-border), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.tactical-card.active:before{background:linear-gradient(90deg, transparent, var(--color-cyan), transparent)}.tactical-card-header{background-color:var(--color-panel-header);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.tactical-title{font-family:var(--font-mono);letter-spacing:2px;color:var(--color-text-secondary);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.tactical-title-dot{background-color:var(--color-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--color-cyan);border-radius:50%;display:inline-block}.tactical-title-dot.green{background-color:var(--color-green);box-shadow:0 0 8px var(--color-green)}.tactical-title-dot.amber{background-color:var(--color-amber);box-shadow:0 0 8px var(--color-amber)}.tactical-title-dot.red{background-color:var(--color-red);box-shadow:0 0 8px var(--color-red)}.tactical-card-body{padding:16px}.tactical-input{border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-mono);background-color:#0000004d;border-radius:2px;outline:none;padding:8px 12px;font-size:13px;transition:all .2s}.tactical-input:focus{border-color:var(--color-cyan);box-shadow:0 0 8px #00f0ff33}.tactical-btn{border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background-color:#1a1e29cc;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.tactical-btn:hover:not(:disabled){border-color:var(--color-cyan);color:var(--color-cyan);background-color:#00f0ff0d;box-shadow:0 0 10px #00f0ff26}.tactical-btn:active:not(:disabled){transform:translateY(1px)}.tactical-btn:disabled{opacity:.3;cursor:not-allowed}.tactical-btn-cyan{border-color:var(--color-cyan);color:var(--color-cyan);background-color:#00f0ff1a}.tactical-btn-cyan:hover:not(:disabled){background-color:var(--color-cyan);color:var(--color-bg)}.tactical-btn-green{border-color:var(--color-green);color:var(--color-green);background-color:#39ff141a}.tactical-btn-green:hover:not(:disabled){background-color:var(--color-green);color:var(--color-bg)}.tactical-btn-red{border-color:var(--color-red);color:var(--color-red);background-color:#ff003c1a}.tactical-btn-red:hover:not(:disabled){background-color:var(--color-red);color:var(--color-bg)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1s infinite blink}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scan-bar{background:linear-gradient(to bottom, transparent, var(--color-cyan), transparent);pointer-events:none;opacity:.3;width:100%;height:4px;animation:4s linear infinite scan;position:absolute;top:0;left:0}.tactical-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.tactical-flex{gap:16px;display:flex}.pulse-marker{background:var(--color-cyan);box-shadow:0 0 12px var(--color-cyan);border:2px solid #fff;border-radius:50%}:root,[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-panel:#1c2333;--bg-card:#21262d;--bg-card-hover:#2d333b;--accent-cyan:#00d4ff;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-orange:#f97316;--accent-purple:#8b5cf6;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#94a3b81f;--border-active:#00d4ff66;--gradient-ocean:linear-gradient(180deg, #0d1117 0%, #161b22 100%);--gradient-card:linear-gradient(180deg, #1c2333 0%, #161b22 100%);--gradient-accent:linear-gradient(135deg, #00d4ff 0%, #3b82f6 100%);--shadow-card:0 4px 12px #0006;--shadow-glow:0 0 20px #00d4ff26;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Space Mono", "SF Mono", monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.25s ease}[data-theme=light]{--bg-primary:#f0f4f8;--bg-secondary:#e2e8f0;--bg-panel:#fff;--bg-card:#f8fafc;--bg-card-hover:#f1f5f9;--accent-cyan:#09c;--accent-blue:#2563eb;--accent-green:#059669;--accent-amber:#d97706;--accent-red:#dc2626;--accent-orange:#ea580c;--accent-purple:#7c3aed;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#00000014;--border-active:#09c6;--gradient-ocean:linear-gradient(180deg, #f0f4f8 0%, #e2e8f0 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--gradient-accent:linear-gradient(135deg, #09c 0%, #2563eb 100%);--shadow-card:0 4px 12px #00000014;--shadow-glow:0 0 20px #0099cc1a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--gradient-ocean);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s,color .3s}#root{flex-direction:column;height:100%;display:flex}.main-dashboard{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--bg-panel);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:var(--spacing-md);display:flex}.header-logo{align-items:center;gap:var(--spacing-sm);display:flex}.header-logo svg{color:var(--accent-cyan)}.header-title{letter-spacing:.5px;color:var(--text-primary);font-size:16px;font-weight:700}.header-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.header-spot{align-items:center;gap:var(--spacing-sm);background:var(--bg-card);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex}.header-spot-name{color:var(--accent-cyan);font-size:12px;font-weight:600}.header-right{align-items:center;gap:var(--spacing-lg);display:flex}.header-time{text-align:right}.header-time-value{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:700}.header-date-value{color:var(--text-muted);font-size:10px}.map-container{flex-shrink:0;height:45vh;min-height:300px;transition:height .3s,min-height .3s;position:relative;overflow:hidden}.map-container.collapsed{height:0!important;min-height:0!important}.map-collapse-btn{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-card);justify-content:center;align-items:center;transition:background .15s;display:flex}.map-collapse-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan)}.map-collapsed-bar{background:var(--bg-panel);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;animation:.25s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.map-collapsed-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.map-collapsed-label{color:var(--text-muted);letter-spacing:.5px;font-size:9px;font-weight:700}.map-collapsed-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.map-collapsed-coords{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);margin-left:4px}.map-expand-btn{background:var(--accent-cyan);border-radius:var(--radius-md);color:var(--bg-primary);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-sans);border:none;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;display:flex}.map-expand-btn:hover{filter:brightness(1.1)}@media (width<=480px){.map-collapsed-coords,.map-collapsed-label{display:none}}.map-arrows-marker{pointer-events:none;background:0 0!important;border:none!important}.map-overlay-menu{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:1000;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.map-overlay-option{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-size:11px;font-family:var(--font-sans);align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.map-overlay-option:hover{background:var(--bg-card-hover)}.map-overlay-option input[type=checkbox]{accent-color:var(--accent-cyan);cursor:pointer;width:14px;height:14px}.map-overlay-swatch{border:1px solid var(--border-color);border-radius:3px;flex-shrink:0;width:14px;height:14px}.map-overlay-swatch.rose{border-color:var(--accent-cyan);background:radial-gradient(circle,#1a2332f2 40%,#0000 70%)}.map-overlay-swatch.arrows{background:linear-gradient(90deg, transparent 47%, var(--accent-cyan) 47%, var(--accent-cyan) 53%, transparent 53%), linear-gradient(0deg, transparent 47%, white 47%, white 53%, transparent 53%);border-color:var(--accent-amber)}.map-arrows-legend{border:1px solid var(--border-color);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0f172ad9;flex-direction:column;align-self:flex-start;gap:3px;padding:6px 10px;font-size:9px;display:flex}.map-arrows-legend-row{color:var(--text-secondary);letter-spacing:.3px;align-items:center;gap:6px;display:flex}.map-arrows-legend-line{border-radius:1px;width:16px;height:2px}.map-arrows-legend-line.swell{background:var(--accent-cyan)}.map-arrows-legend-line.wind{background:#fff}.map-arrows-legend-line.wave{background:linear-gradient(to right, var(--accent-amber) 50%, transparent 50%);background-size:4px 2px}.day-comp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.day-comp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.day-comp-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.day-comp-subtitle{color:var(--text-muted);font-size:9px;font-family:var(--font-mono)}.day-comp-loading,.day-comp-error,.day-comp-empty{color:var(--text-muted);background:var(--bg-panel);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 8px;font-size:11px;display:flex}.day-comp-error{color:var(--accent-red)}.day-comp-empty{color:var(--text-muted)}.day-comp-table{background:var(--bg-panel);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.day-comp-row{border-bottom:1px solid var(--border-color);grid-template-columns:60px 80px repeat(3,1fr);align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:grid}.day-comp-row:last-child{border-bottom:none}.day-comp-row-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#00d4ff0d;font-size:9px;font-weight:700}.day-comp-label{color:var(--text-primary);font-size:11px;font-weight:600}.day-comp-col-score{flex-direction:column;gap:1px;display:flex}.day-comp-score-value{color:var(--text-primary);font-size:14px;font-weight:700;font-family:var(--font-mono);line-height:1}.day-comp-score-level{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:8px}.day-comp-col-metric{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.day-comp-deltas{padding:var(--spacing-sm);border-radius:var(--radius-sm);background:#00d4ff0f;border:1px solid #00d4ff33;flex-direction:column;gap:4px;display:flex}.day-comp-delta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.day-comp-deltas-row{flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.day-comp-delta-info{font-family:var(--font-mono);color:var(--text-primary)}.day-comp-hint{color:var(--text-muted);background:var(--bg-panel);border-radius:var(--radius-sm);padding:6px 8px;font-size:10px;line-height:1.4}.day-comp-hint strong{color:var(--accent-cyan)}@media (width<=480px){.day-comp-row{grid-template-columns:50px 70px repeat(3,1fr);padding:6px 8px;font-size:10px}.day-comp-score-value{font-size:12px}}.heatmap-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.heatmap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.heatmap-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.heatmap-scope{background:var(--bg-panel);border-radius:4px;gap:2px;padding:2px;display:flex}.heatmap-scope-btn{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;font-size:9px;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-radius:3px;padding:3px 8px}.heatmap-scope-btn.active{background:var(--accent-cyan);color:var(--bg-primary)}.heatmap-scope-btn:disabled{opacity:.4;cursor:not-allowed}.heatmap-stats{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.heatmap-stats strong{color:var(--text-primary);font-weight:700;font-family:var(--font-mono)}.heatmap-stat-sep{color:var(--text-muted)}.heatmap-grid{grid-template-columns:repeat(12,1fr);gap:2px;display:grid}.heatmap-cell{font-size:9px;font-family:var(--font-mono);border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;min-height:38px;padding:6px 2px;transition:transform .15s;display:flex}.heatmap-cell.peak{border-color:var(--accent-amber);box-shadow:0 0 6px #f59e0b66}.heatmap-cell-hour{opacity:.85;font-size:8px;font-weight:700}.heatmap-cell-count{margin-top:1px;font-size:12px;font-weight:800}.heatmap-top{background:var(--bg-panel);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:6px 8px;display:flex}.heatmap-top-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.heatmap-top-list{flex-wrap:wrap;gap:4px;display:flex}.heatmap-top-badge{border:1px solid var(--accent-amber);color:var(--accent-amber);font-size:10px;font-weight:700;font-family:var(--font-mono);background:#f59e0b26;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.heatmap-top-count{color:var(--text-primary);opacity:.8;font-size:9px}.heatmap-hint{color:var(--text-muted);text-align:center;padding:4px;font-size:10px;font-style:italic}.heatmap-empty{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-panel);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;line-height:1.5;display:flex}.heatmap-empty strong{color:var(--text-primary);margin-bottom:2px;display:block}.heatmap-empty-hint{font-size:10px}.error-state{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.error-state-row{color:var(--accent-red);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.error-state-hint{color:var(--accent-amber);align-items:center;gap:4px;font-size:10px;font-style:italic;display:flex}.error-state-hint:before{content:"";background:var(--accent-amber);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse;display:inline-block}.error-retry-btn{background:var(--bg-card);border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);color:var(--accent-cyan);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-sans);align-items:center;gap:6px;padding:6px 12px;transition:background .15s;display:flex}.error-retry-btn:hover{background:#00d4ff1a}.map-container .leaflet-container{width:100%;height:100%}.wind-rose-marker{pointer-events:none;background:0 0!important;border:none!important}.wind-rose-marker svg{filter:drop-shadow(0 4px 12px #0009);transition:transform .3s ease-out;animation:.4s ease-out wr-fade-in}@keyframes wr-fade-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes wr-pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@media (width<=600px){.wind-rose-marker svg{max-width:140px;max-height:140px}}.map-overlay-top{top:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);z-index:1000;pointer-events:none;justify-content:space-between;display:flex;position:absolute}.map-overlay-top>*{pointer-events:auto}.map-search-btn,.map-layer-btn,.map-locate-btn{background:var(--bg-panel);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-card);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.map-search-btn:hover,.map-layer-btn:hover,.map-locate-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan)}.map-layer-btn.active{background:var(--bg-card-hover);border-color:var(--accent-cyan);color:var(--accent-cyan)}.map-layer-wrap{position:relative}.map-layer-menu{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:1100;flex-direction:column;gap:2px;min-width:130px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.map-layer-option{border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.map-layer-option:hover{background:var(--bg-card-hover)}.map-layer-option.active{color:var(--accent-cyan);background:#00d4ff1f}.map-layer-swatch{border:1px solid var(--border-color);border-radius:3px;flex-shrink:0;width:16px;height:16px}.map-layer-swatch.dark{background:linear-gradient(135deg,#1a2332 50%,#324560 50%)}.map-layer-swatch.light{background:linear-gradient(135deg,#f1f5f9 50%,#cbd5e1 50%)}.map-layer-swatch.satellite{background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 50%,#5a8a3f 100%)}.map-search-panel{top:calc(var(--spacing-md) + 56px);left:var(--spacing-md);right:calc(50% + var(--spacing-md));z-index:1050;background:var(--bg-panel);border:1px solid var(--accent-cyan);border-radius:var(--radius-md);box-shadow:var(--shadow-card);max-width:360px;position:absolute;overflow:hidden}.map-search-input-wrap{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 10px;display:flex}.map-search-input-wrap input{color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.map-search-input-wrap input::placeholder{color:var(--text-muted)}.map-search-input-wrap button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.map-search-input-wrap button:hover{color:var(--text-primary)}.map-search-loading,.map-search-empty{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);align-items:center;gap:8px;padding:12px 14px;display:flex}.map-search-results{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.map-search-result{border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;font-size:12px;display:flex}.map-search-result:last-child{border-bottom:none}.map-search-result:hover{background:var(--bg-card-hover)}.map-search-result span{word-break:break-word;line-height:1.4}.map-coords-badge{background:var(--bg-panel);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--text-secondary);box-shadow:var(--shadow-card);font-size:11px}.map-coords-badge span{color:var(--accent-cyan);font-weight:600}.map-bottom-indicators{bottom:var(--spacing-md);left:var(--spacing-md);gap:var(--spacing-sm);z-index:1000;flex-direction:column;max-width:280px;display:flex;position:absolute}.map-forecast-badge{align-items:center;gap:var(--spacing-sm);background:var(--bg-panel);border:1px solid var(--accent-amber);border-left:3px solid var(--accent-amber);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:8px 12px;animation:2s ease-in-out 1s infinite spotPulse;display:flex}.map-forecast-label{color:var(--accent-amber);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:9px;font-weight:700;line-height:1}.map-forecast-value{color:var(--text-primary);font-size:12px;font-weight:600;font-family:var(--font-mono);white-space:nowrap;line-height:1.2}.map-active-spot-badge{align-items:center;gap:var(--spacing-sm);background:var(--bg-panel);border:1px solid var(--accent-cyan);border-left:3px solid var(--accent-cyan);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:8px 12px;animation:2s ease-in-out infinite spotPulse;display:flex}.map-active-spot-label{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:9px;font-weight:700;line-height:1}.map-active-spot-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}@keyframes spotPulse{0%,to{box-shadow:0 0 #00d4ff66}50%{box-shadow:0 0 0 6px #00d4ff00}}.forecast-panel{background:var(--bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:50;flex:1;margin-top:-20px;padding-bottom:80px;position:relative;overflow:hidden auto}.forecast-panel::-webkit-scrollbar{width:4px}.forecast-panel::-webkit-scrollbar-track{background:0 0}.forecast-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.panel-handle{padding:var(--spacing-md) 0 var(--spacing-sm);justify-content:center;display:flex}.panel-handle-bar{background:var(--text-muted);opacity:.5;border-radius:2px;width:40px;height:4px}.day-selector{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);scrollbar-width:none;z-index:20;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;position:sticky;top:0;overflow-x:auto}.day-selector::-webkit-scrollbar{display:none}.day-tab{min-width:56px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);text-align:center;cursor:pointer;transition:var(--transition-fast);flex:none;font-size:11px}.day-tab:hover{background:var(--bg-card-hover)}.day-tab.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary);font-weight:700}.day-tab-label{text-transform:uppercase;font-size:10px;font-weight:600}.day-tab-date{opacity:.7;margin-top:2px;font-size:9px}.hour-selector{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);z-index:19;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;position:sticky;top:57px}.hour-selector-label{align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:11px;font-family:var(--font-mono);display:flex}.hour-selector-label svg{color:var(--accent-cyan)}.hour-value{color:var(--accent-cyan);font-size:14px;font-weight:700;font-family:var(--font-mono)}.hour-slider{appearance:none;background:var(--bg-card);border-radius:3px;outline:none;flex:1;height:6px}.hour-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #00d4ff66}.hour-slider::-moz-range-thumb{background:var(--accent-cyan);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #00d4ff66}.forecast-grid{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-lg);scrollbar-width:thin;overflow:auto visible}.forecast-grid::-webkit-scrollbar{height:6px}.forecast-grid::-webkit-scrollbar-track{background:var(--bg-card);border-radius:3px}.forecast-grid::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.forecast-rows-wrapper{flex-direction:column;gap:4px;min-width:max-content;display:flex}.forecast-row{border-radius:var(--radius-md);background:0 0;grid-template-columns:48px repeat(24,72px);gap:2px;margin-bottom:0;display:grid;overflow:visible}.forecast-row-header{background:var(--bg-panel);padding:var(--spacing-sm);color:var(--text-muted);border-radius:var(--radius-sm);z-index:5;justify-content:center;align-items:center;font-size:10px;display:flex;position:sticky;left:0}.forecast-row-header svg{width:14px;height:14px}.forecast-cell{background:var(--bg-card);font-family:var(--font-mono);color:var(--text-primary);transition:var(--transition-fast);border-radius:var(--radius-sm);white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;min-width:72px;padding:6px 4px;font-size:11px;display:flex;overflow:hidden}.forecast-cell.active{color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan);background:#00d4ff33;font-weight:700}.forecast-cell-icon{margin-bottom:2px;font-size:14px}.forecast-cell-value{font-size:10px;font-weight:600}.activity-card{margin:var(--spacing-lg);padding:var(--spacing-lg);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:var(--spacing-xl);display:flex}.activity-gauge{border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.activity-gauge.green{border:2px solid var(--accent-green);background:radial-gradient(circle,#10b98133 0%,#0000 70%);box-shadow:0 0 20px #10b9814d}.activity-gauge.cyan{border:2px solid var(--accent-cyan);background:radial-gradient(circle,#00d4ff33 0%,#0000 70%);box-shadow:0 0 20px #00d4ff4d}.activity-gauge.amber{border:2px solid var(--accent-amber);background:radial-gradient(circle,#f59e0b33 0%,#0000 70%);box-shadow:0 0 20px #f59e0b4d}.activity-gauge.red{border:2px solid var(--accent-red);background:radial-gradient(circle,#ef444433 0%,#0000 70%);box-shadow:0 0 20px #ef44444d}.activity-score{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.activity-level{text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:9px;font-weight:700}.activity-details{flex:1}.activity-detail-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;font-size:12px;display:flex}.activity-detail-row:last-child{border-bottom:none}.activity-detail-label{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);display:flex}.activity-detail-label svg{width:14px;height:14px}.activity-detail-value{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.tide-section{margin:0 var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.tide-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.tide-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.tide-coeff{font-family:var(--font-mono);color:var(--accent-cyan);font-size:14px;font-weight:700}.tide-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.tide-stat{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.tide-stat-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs);font-size:9px}.tide-stat-value{color:var(--accent-cyan);font-size:20px;font-weight:700;font-family:var(--font-mono)}.tide-stat-state{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:11px;font-weight:600;display:flex}.tide-stat-state.rising{color:var(--accent-green)}.tide-stat-state.falling{color:var(--accent-amber)}.tide-events{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.tide-events-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--spacing-sm);font-size:10px;font-weight:700}.tide-events-list{flex-direction:column;gap:6px;display:flex}.tide-event{align-items:center;gap:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--border-color);border-radius:var(--radius-sm);grid-template-columns:28px 1fr auto;padding:8px 10px;transition:opacity .2s;display:grid}.tide-event.high{border-left-color:var(--accent-green)}.tide-event.low{border-left-color:var(--accent-amber)}.tide-event.past{opacity:.5}.tide-event-icon{background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tide-event.high .tide-event-icon{color:var(--accent-green);background:#10b9811f}.tide-event.low .tide-event-icon{color:var(--accent-amber);background:#f59e0b1f}.tide-event-body{flex-direction:column;gap:1px;min-width:0;display:flex}.tide-event-type{color:var(--text-secondary);letter-spacing:.5px;font-size:10px;font-weight:700}.tide-event-time{color:var(--text-primary);font-size:14px;font-weight:700;font-family:var(--font-mono);line-height:1.1}.tide-event-meta{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.tide-event-height{color:var(--accent-cyan);font-size:13px;font-weight:700;font-family:var(--font-mono)}.tide-event-coef{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.lure-section{margin:0 var(--spacing-lg) var(--spacing-lg)}.lure-card{background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.lure-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.lure-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:var(--spacing-sm);font-size:12px;font-weight:600;display:flex}.lure-primary{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:#10b9810d}.lure-primary-name{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:16px;font-weight:700}.lure-primary-details{gap:var(--spacing-lg);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:11px;display:flex}.lure-primary-reason{color:var(--accent-green);font-size:11px;font-style:italic}.lure-secondary{padding:var(--spacing-md) var(--spacing-lg)}.lure-secondary-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;font-size:12px;display:flex}.lure-secondary-item:last-child{border-bottom:none}.lure-secondary-name{color:var(--text-primary);font-weight:600}.lure-secondary-tag{border-radius:var(--radius-sm);color:var(--accent-cyan);background:#00d4ff1a;padding:2px 8px;font-size:9px;font-weight:600}.bottom-nav{background:var(--bg-panel);border-top:1px solid var(--border-color);padding:var(--spacing-sm) 0;padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));z-index:200;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);color:var(--text-muted);font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;display:flex}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--accent-cyan)}.nav-item svg{width:22px;height:22px}.nav-item-label{font-size:10px;font-weight:500}.section-card{margin:0 var(--spacing-lg) var(--spacing-lg);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.section-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:var(--spacing-sm);font-size:12px;font-weight:600;display:flex}.section-body{padding:var(--spacing-lg)}.week-preview-grid{gap:var(--spacing-sm);scrollbar-width:thin;scroll-snap-type:x mandatory;padding:4px 0 6px;display:flex;overflow-x:auto}.week-preview-grid::-webkit-scrollbar{height:4px}.week-preview-grid::-webkit-scrollbar-track{background:0 0}.week-preview-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.week-day-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;color:inherit;text-align:center;transition:var(--transition-fast);scroll-snap-align:start;flex-direction:column;flex:0 0 118px;align-items:center;gap:3px;min-height:158px;font-family:inherit;display:flex;position:relative}.week-day-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.week-day-card.active{border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan);background:#00d4ff1a}.week-day-card.green{border-top:3px solid var(--accent-green)}.week-day-card.cyan{border-top:3px solid var(--accent-cyan)}.week-day-card.amber{border-top:3px solid var(--accent-amber)}.week-day-card.red{border-top:3px solid var(--accent-red)}.week-day-card.active.green,.week-day-card.active.cyan,.week-day-card.active.amber,.week-day-card.active.red{border-top:3px solid var(--accent-cyan)}.week-day-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.week-day-date{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono)}.week-day-score{font-size:26px;font-weight:700;font-family:var(--font-mono);align-items:baseline;gap:1px;margin:6px 0 2px;line-height:1;display:flex}.week-day-score.green{color:var(--accent-green)}.week-day-score.cyan{color:var(--accent-cyan)}.week-day-score.amber{color:var(--accent-amber)}.week-day-score.red{color:var(--accent-red)}.week-day-score span{opacity:.7;font-size:13px;font-weight:500}.week-day-level{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:8px;font-weight:700}.week-day-stats{color:var(--text-muted);font-size:9px;font-family:var(--font-mono);gap:6px;margin-top:4px;display:flex}.week-day-stats span{align-items:center;gap:2px;display:flex}.week-day-best{color:var(--accent-cyan);font-size:9px;font-family:var(--font-mono);border-radius:var(--radius-sm);background:#00d4ff1a;align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-weight:600;display:flex}.week-day-arrow{color:var(--text-muted);opacity:.4;transition:var(--transition-fast);position:absolute;top:6px;right:6px}.week-day-card:hover .week-day-arrow{opacity:1;color:var(--accent-cyan)}.sun-times-row{align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-lg);border-bottom:1px solid var(--border-color);font-family:var(--font-mono);background:#f59e0b0d;font-size:11px;display:flex}.sun-time-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.sun-time-value{color:var(--accent-amber);font-weight:700}.sun-time-divider{color:var(--text-muted);margin:0 4px}.loading-state{margin:var(--spacing-lg);padding:var(--spacing-lg);border:1px solid var(--accent-cyan);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-md);color:var(--accent-cyan);font-family:var(--font-mono);background:#00d4ff0d;font-size:12px;display:flex}.error-state{margin:var(--spacing-lg);padding:var(--spacing-lg);border:1px solid var(--accent-red);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-md);color:var(--accent-red);font-family:var(--font-mono);background:#ef44440d;font-size:12px;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:2s ease-in-out infinite pulse}@media (width<=768px){.map-container{height:40vh;min-height:250px}.header-spot{display:none}.activity-card{text-align:center;flex-direction:column}.forecast-row{grid-template-columns:40px repeat(24,64px)}}@media (width<=480px){.map-container{height:35vh;min-height:200px}.day-tab{min-width:48px;padding:var(--spacing-xs) var(--spacing-sm)}.forecast-row{grid-template-columns:36px repeat(24,56px)}.forecast-cell{min-width:56px;padding:6px 2px;font-size:10px}}.leaflet-control-zoom{box-shadow:var(--shadow-card)!important;border:none!important}.leaflet-control-zoom a{background:var(--bg-panel)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.leaflet-control-zoom a:hover{background:var(--bg-card-hover)!important}.leaflet-control-attribution{color:var(--text-muted)!important;background:#1a2332cc!important;font-size:9px!important}.leaflet-control-attribution a{color:var(--accent-cyan)!important}.bite-window-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.bite-header{justify-content:space-between;align-items:center;display:flex}.bite-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.bite-subtitle{color:var(--text-muted);text-transform:uppercase;font-size:9px}.bite-empty{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px;font-size:11px;display:flex}.bite-active{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--accent-green);border-radius:var(--radius-sm);background:#10b9811f;display:flex}.bite-active-badge{color:var(--accent-green);letter-spacing:.5px;background:#10b9812e;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:9px;font-weight:700;display:flex}.bite-active-info{flex-direction:column;gap:2px;display:flex}.bite-active-label{color:var(--accent-green);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.bite-active-time{color:var(--text-primary);font-size:11px;font-family:var(--font-mono)}.bite-active-hint{color:var(--text-secondary);font-size:10px}.bite-next{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:#00d4ff14;border:1px solid #00d4ff40;flex-direction:column;gap:4px;display:flex}.bite-next-row{justify-content:space-between;align-items:center;display:flex}.bite-next-label{color:var(--text-secondary);font-size:10px}.bite-next-time{color:var(--accent-cyan);font-size:12px;font-weight:600;font-family:var(--font-mono)}.bite-countdown{color:var(--accent-amber);align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.bite-timeline{flex-direction:column;gap:4px;margin-top:4px;display:flex}.bite-timeline-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.bite-timeline-track{grid-template-columns:repeat(24,1fr);gap:1px;height:18px;display:grid}.bite-timeline-cell{background:var(--bg-panel);border-radius:1px;position:relative}.bite-timeline-cell.in-window{background:#10b98180}.bite-timeline-cell.extreme{background:var(--accent-cyan);box-shadow:0 0 4px var(--accent-cyan)}.bite-timeline-cell.selected{outline:1px solid var(--text-primary);outline-offset:1px}.bite-timeline-hours{color:var(--text-muted);font-size:8px;font-family:var(--font-mono);grid-template-columns:repeat(24,1fr);display:grid}.bite-timeline-hours span{text-align:center}.bite-timeline-hours span.selected{color:var(--text-primary);font-weight:700}.solunar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.solunar-header{justify-content:space-between;align-items:center;display:flex}.solunar-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.solunar-phase{color:var(--text-secondary);align-items:center;gap:4px;font-size:10px;display:flex}.solunar-moon-times{padding:var(--spacing-sm);background:var(--bg-panel);border-radius:var(--radius-sm);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.solunar-moon-time{flex-direction:column;align-items:center;gap:2px;display:flex}.solunar-moon-label{color:var(--text-muted);text-transform:uppercase;font-size:9px}.solunar-moon-hour{color:var(--text-primary);font-size:12px;font-weight:600;font-family:var(--font-mono)}.solunar-periods{justify-content:center;align-items:center;min-height:24px;display:flex}.solunar-active{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.solunar-active.solunar-major{border:1px solid var(--accent-purple);background:#8b5cf626}.solunar-active.solunar-minor{background:#00d4ff1a;border:1px solid #00d4ff66}.solunar-active-badge{letter-spacing:.5px;color:inherit;font-size:9px;font-weight:700}.solunar-active.solunar-major .solunar-active-badge{color:var(--accent-purple)}.solunar-active.solunar-minor .solunar-active-badge{color:var(--accent-cyan)}.solunar-active-label{color:var(--text-primary);font-family:var(--font-mono);font-size:10px}.solunar-inactive{color:var(--text-muted);font-size:10px;font-style:italic}.solunar-timeline{grid-template-columns:repeat(24,1fr);gap:1px;height:16px;display:grid}.solunar-cell{background:var(--bg-panel);border-radius:1px}.solunar-cell.major{background:var(--accent-purple)}.solunar-cell.minor{background:#00d4ff99}.solunar-cell.transit{outline:1px solid var(--accent-amber);outline-offset:-1px}.solunar-cell.selected{outline:1px solid var(--text-primary);outline-offset:1px}.solunar-legend{justify-content:center;gap:var(--spacing-md);color:var(--text-muted);text-transform:uppercase;font-size:9px;display:flex}.solunar-legend-item{align-items:center;gap:4px;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-dot.major{background:var(--accent-purple)}.legend-dot.minor{background:var(--accent-cyan)}.legend-dot.transit{background:var(--accent-amber)}.wind-coast-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.wind-coast-header{justify-content:space-between;align-items:center;display:flex}.wind-coast-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.wind-coast-badge{color:var(--bg-primary);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.wind-coast-body{gap:var(--spacing-md);align-items:center;display:flex}.wind-coast-compass{flex-shrink:0}.wind-coast-info{flex-direction:column;flex:1;gap:4px;display:flex}.wind-coast-row{justify-content:space-between;align-items:center;font-size:10px;display:flex}.wind-coast-row-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.wind-coast-row-value{color:var(--text-primary);font-family:var(--font-mono);align-items:center;gap:4px;font-weight:600;display:flex}.wind-coast-desc{color:var(--text-secondary);background:var(--bg-panel);border-radius:var(--radius-sm);border-left:2px solid var(--accent-cyan);padding:6px 8px;font-size:10px;line-height:1.4}.pressure-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.pressure-header{justify-content:space-between;align-items:center;display:flex}.pressure-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.pressure-delta{font-size:11px;font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:4px;font-weight:600;display:flex}.pressure-svg{background:var(--bg-panel);border-radius:var(--radius-sm);aspect-ratio:360/110;max-width:720px;margin:0 auto;display:block}.pressure-hint{color:var(--text-secondary);background:var(--bg-panel);border-radius:var(--radius-sm);padding:6px 8px;font-size:10px;line-height:1.4}.pressure-empty{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px;font-size:11px;display:flex}.multispot-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.multispot-header{justify-content:space-between;align-items:center;display:flex}.multispot-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.multispot-refresh{border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);color:var(--accent-cyan);cursor:pointer;font-size:10px;font-weight:600;font-family:var(--font-sans);background:#00d4ff1a;align-items:center;gap:4px;padding:4px 10px;display:flex}.multispot-refresh:disabled{opacity:.5;cursor:not-allowed}.multispot-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.multispot-list{flex-direction:column;gap:6px;display:flex}.multispot-item{background:var(--bg-panel);border:1px solid var(--border-color);border-left:3px solid var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-sans);flex-direction:column;gap:4px;padding:8px 10px;transition:background .15s;display:flex}.multispot-item:hover:not(:disabled){background:var(--bg-card-hover)}.multispot-item:disabled{opacity:.6;cursor:wait}.multispot-item.green{border-left-color:var(--accent-green)}.multispot-item.amber{border-left-color:var(--accent-amber)}.multispot-item.red{border-left-color:var(--accent-red)}.multispot-item.favorite{background:#f59e0b0d}.multispot-item-head{justify-content:space-between;align-items:center;display:flex}.multispot-item-name{color:var(--text-primary);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.multispot-item-score{align-items:center;gap:6px;display:flex}.multispot-score-value{color:var(--text-primary);font-size:16px;font-weight:700;font-family:var(--font-mono)}.multispot-score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.multispot-item-stats{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);gap:10px;display:flex}.multispot-stat{align-items:center;gap:3px;display:flex}.multispot-error{color:var(--accent-red);font-size:10px}.multispot-empty{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:11px;display:flex}.session-btn{border-radius:var(--radius-md);letter-spacing:.5px;cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-sans);text-transform:uppercase;border:none;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.session-btn-start{background:var(--accent-green);color:var(--bg-primary);box-shadow:0 0 12px #10b98166}.session-btn-start:hover{transform:translateY(-1px);box-shadow:0 0 16px #10b98199}.session-btn-stop{background:var(--accent-red);color:#fff}.session-tracker{border:1px solid var(--accent-green);border-radius:var(--radius-md);background:#10b98114;flex-direction:column;gap:8px;min-width:220px;padding:10px;display:flex}.session-active-info{flex-direction:column;gap:3px;display:flex}.session-active-row{align-items:center;gap:6px;display:flex}.session-pulse{background:var(--accent-red);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.session-active-label{color:var(--accent-red);letter-spacing:.5px;font-size:10px;font-weight:700}.session-active-spot,.session-active-time{color:var(--text-primary);align-items:center;gap:4px;font-size:11px;display:flex}.session-active-elapsed{background:var(--bg-panel);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-top:4px;padding:4px 8px;display:flex}.session-elapsed-value{color:var(--accent-green);font-size:13px;font-weight:700;font-family:var(--font-mono)}.session-end-dialog{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;padding-top:6px;display:flex}.session-end-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.session-end-row{gap:6px;display:flex}.session-end-input{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:50px;color:var(--text-primary);font-family:var(--font-mono);text-align:center;padding:6px;font-size:14px;font-weight:700}.session-end-input:focus{outline:1px solid var(--accent-cyan)}.session-end-notes{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:11px;font-family:var(--font-sans);flex:1;padding:6px 8px}.session-end-notes:focus{outline:1px solid var(--accent-cyan)}.session-end-buttons{justify-content:flex-end;gap:6px;display:flex}.session-btn-cancel,.session-btn-confirm{border-radius:var(--radius-sm);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;border:none;padding:6px 12px}.session-btn-cancel{background:var(--bg-panel);color:var(--text-secondary);border:1px solid var(--border-color)}.session-btn-confirm{background:var(--accent-cyan);color:var(--bg-primary)}.offline-indicator{border:1px solid var(--accent-amber);color:var(--accent-amber);text-transform:uppercase;letter-spacing:.5px;background:#f59e0b26;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:700;display:flex}.offline-indicator.online{color:var(--accent-green);background:#10b9811a;border-color:#10b98166}.spin{animation:1s linear infinite spin}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--accent-cyan)}50%{box-shadow:0 0 20px var(--accent-cyan)}}@keyframes tabSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.section-card{animation:.35s ease-out backwards fadeInUp}.section-card:first-child{animation-delay:20ms}.section-card:nth-child(2){animation-delay:60ms}.section-card:nth-child(3){animation-delay:.1s}.section-card:nth-child(4){animation-delay:.14s}.section-card:nth-child(5){animation-delay:.18s}.section-card:nth-child(6){animation-delay:.22s}.section-card:nth-child(7){animation-delay:.26s}.section-card:nth-child(8){animation-delay:.3s}.forecast-panel>*{animation:.3s ease-out tabSlide}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}button{transition:transform .1s,opacity .15s,background .2s,box-shadow .2s}button:active{transform:scale(.96)}.nav-item.active{position:relative}.nav-item.active:after{content:"";background:var(--accent-cyan);width:24px;height:2px;box-shadow:0 0 8px var(--accent-cyan);border-radius:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.activity-gauge.green{animation:2s ease-in-out infinite pulseGlow}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:11px;font-family:var(--font-sans);align-items:center;gap:6px;padding:6px 12px;display:flex}.theme-toggle:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.drawer-overlay{z-index:999;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.drawer{background:var(--bg-panel);border-left:1px solid var(--border-color);z-index:1000;width:300px;height:100vh;animation:.3s slideInRight;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px #0000004d}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-title{color:var(--text-primary);font-size:14px;font-weight:700}.drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.drawer-body{flex-direction:column;gap:16px;padding:16px;display:flex}.drawer-section{flex-direction:column;gap:8px;display:flex}.drawer-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.drawer-score-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px;display:flex}.drawer-score-value{font-size:32px;font-weight:700;font-family:var(--font-mono);line-height:1}.drawer-score-info{flex-direction:column;gap:2px;display:flex}.drawer-score-level{font-size:12px;font-weight:600}.drawer-score-spot{color:var(--text-muted);font-size:10px}.drawer-info-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.drawer-info-row span:first-child{color:var(--text-muted);flex-shrink:0}.drawer-info-row span:last-child{color:var(--text-primary);margin-left:auto;font-weight:600}.knot-list{flex-direction:column;gap:8px;display:flex}.knot-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:14px;transition:border-color .2s,transform .1s;display:flex}.knot-card:hover{border-color:var(--accent-cyan)}.knot-card-icon{border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--accent-cyan);background:#00d4ff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.knot-card-body{flex:1}.knot-card-name{color:var(--text-primary);margin-bottom:3px;font-size:13px;font-weight:600}.knot-card-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.knot-card-dot{color:var(--text-muted);opacity:.5}.knot-detail{flex-direction:column;gap:14px;animation:.3s fadeInUp;display:flex}.knot-detail-header{align-items:center;gap:12px;display:flex}.knot-back-btn{color:var(--accent-cyan);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:4px;display:flex}.knot-detail-title{color:var(--text-primary);font-size:16px;font-weight:700}.knot-info-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.knot-info-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:10px;display:flex}.knot-info-label{color:var(--text-muted);text-transform:uppercase;font-size:9px}.knot-info-value{color:var(--text-primary);font-size:12px;font-weight:600}.knot-best-for{border-radius:var(--radius-sm);color:var(--text-secondary);background:#f59e0b14;border:1px solid #f59e0b33;align-items:center;gap:6px;padding:10px 12px;font-size:11px;display:flex}.knot-svg-container{border-radius:var(--radius-md);overflow:hidden}.knot-step-text{flex-direction:column;gap:6px;display:flex}.knot-step-badge{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.knot-step-text p{color:var(--text-primary);font-size:13px;line-height:1.6}.knot-nav-buttons{justify-content:space-between;align-items:center;gap:12px;display:flex}.knot-nav-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);align-items:center;gap:6px;padding:10px 16px;display:flex}.knot-nav-btn:disabled{opacity:.3;cursor:default}.knot-nav-btn.primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.knot-nav-btn.primary:disabled{opacity:.3}.knot-step-dots{gap:6px;display:flex}.knot-step-dot{background:var(--surface-3);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .1s}.knot-step-dot.active{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan);transform:scale(1.3)}.knot-step-dot.done{background:var(--accent-green)}.lure-encyclopedia{flex-direction:column;gap:12px;display:flex}.lure-search-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 12px;display:flex}.lure-search-input{color:var(--text-primary);font-size:12px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.lure-type-filters{flex-wrap:wrap;gap:6px;display:flex}.lure-type-filter{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:11px;font-family:var(--font-sans);padding:6px 12px}.lure-type-filter.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff1a}.lure-encyclopedia-list{flex-direction:column;gap:6px;display:flex}.lure-encyclopedia-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.lure-encyclopedia-card:hover{border-color:var(--accent-cyan)}.lure-encyclopedia-icon{flex-shrink:0;font-size:20px}.lure-encyclopedia-body{flex:1}.lure-encyclopedia-name{color:var(--text-primary);font-size:12px;font-weight:600}.lure-encyclopedia-meta{color:var(--text-muted);gap:4px;font-size:10px;display:flex}.lure-encyclopedia-meta .dot{opacity:.4}.lure-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:12px}.lure-back-btn{color:var(--accent-cyan);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;margin-bottom:8px}.lure-encyclopedia-detail{flex-direction:column;gap:14px;animation:.3s fadeInUp;display:flex}.lure-detail-header{align-items:center;gap:12px;display:flex}.lure-detail-icon{font-size:28px}.lure-detail-name{color:var(--text-primary);font-size:16px;font-weight:700}.lure-detail-type{color:var(--text-muted);font-size:11px}.lure-detail-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lure-detail-cell{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:10px;display:flex}.lure-detail-label{color:var(--text-muted);text-transform:uppercase;font-size:9px}.lure-detail-value{color:var(--text-primary);font-size:12px;font-weight:600}.lure-detail-section{flex-direction:column;gap:6px;display:flex}.lure-detail-section-title{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.lure-detail-section p{color:var(--text-secondary);font-size:12px;line-height:1.6}.lure-colors{flex-wrap:wrap;gap:6px;display:flex}.lure-color-tag{border-radius:var(--radius-sm);color:var(--accent-cyan);background:#00d4ff14;border:1px solid #00d4ff33;padding:4px 10px;font-size:10px}.lure-conditions-grid{flex-direction:column;gap:6px;display:flex}.lure-condition-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.regulations-panel{flex-direction:column;gap:12px;display:flex}.regulations-general-card{border:1px solid var(--accent-cyan);border-radius:var(--radius-md);text-align:center;background:#00d4ff0d;padding:16px}.regulations-general-header{justify-content:center;align-items:center;gap:6px;margin-bottom:8px;display:flex}.regulations-general-title{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.regulations-general-size{color:var(--accent-cyan);font-size:36px;font-weight:700;font-family:var(--font-mono)}.regulations-general-desc{color:var(--text-muted);margin-top:6px;font-size:10px;line-height:1.5}.regulations-list{flex-direction:column;gap:6px;display:flex}.regulation-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.regulation-item.open{border-color:var(--accent-cyan)}.regulation-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px;display:flex}.regulation-region{flex-direction:column;gap:2px;display:flex}.regulation-region-name{color:var(--text-primary);font-size:13px;font-weight:600}.regulation-region-size{color:var(--text-muted);font-size:10px}.regulation-badges{gap:6px;display:flex}.regulation-badge{border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;gap:3px;padding:3px 8px;font-size:9px;font-weight:600;display:flex}.regulation-badge.veda{color:var(--accent-red);background:#ef444426}.regulation-badge.limit{color:var(--accent-amber);background:#f59e0b26}.regulation-badge.open{color:var(--accent-green);background:#10b98126}.regulation-body{padding:0 12px 12px;animation:.2s fadeIn}.regulation-veda-info,.regulation-limit-info{color:var(--text-secondary);align-items:flex-start;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.regulation-notes{color:var(--text-muted);font-size:11px;line-height:1.6}.regulations-disclaimer{color:var(--text-muted);align-items:center;gap:6px;padding:10px;font-size:10px;line-height:1.5;display:flex}.bass-behavior-panel{flex-direction:column;gap:16px;display:flex}.bass-seasons-grid{flex-direction:column;gap:8px;display:flex}.bass-season-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:14px;display:flex}.bass-season-card:hover{border-color:var(--accent-cyan)}.bass-season-top{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:40px;display:flex}.bass-season-icon{font-size:22px}.bass-season-activity{text-transform:uppercase;font-size:8px;font-weight:700}.bass-season-title{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.bass-season-months{color:var(--text-muted);font-size:10px}.bass-feeding-section{flex-direction:column;gap:10px;display:flex}.bass-feeding-title{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.bass-feeding-grid{flex-direction:column;gap:8px;display:flex}.bass-feeding-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:10px;padding:12px;display:flex}.bass-feeding-icon{flex-shrink:0;font-size:18px}.bass-feeding-name{color:var(--text-primary);margin-bottom:3px;font-size:12px;font-weight:600}.bass-feeding-desc{color:var(--text-muted);font-size:10px;line-height:1.5}.bass-behavior-detail{flex-direction:column;gap:14px;animation:.3s fadeInUp;display:flex}.bass-behavior-header{align-items:center;gap:12px;display:flex}.bass-behavior-icon{font-size:28px}.bass-behavior-title{font-size:15px;font-weight:700}.bass-behavior-months{color:var(--text-muted);font-size:11px}.bass-behavior-activity{margin-left:auto;font-size:12px;font-weight:700}.bass-behavior-desc{color:var(--text-secondary);font-size:12px;line-height:1.7}.bass-behavior-grid{flex-direction:column;gap:8px;display:flex}.bass-behavior-cell{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:8px;padding:10px;display:flex}.bass-cell-label{color:var(--text-muted);text-transform:uppercase;font-size:9px;display:block}.bass-cell-value{color:var(--text-primary);font-size:11px;display:block}.bass-behavior-tip{border-radius:var(--radius-sm);color:var(--text-secondary);background:#f59e0b14;border:1px solid #f59e0b33;gap:8px;padding:12px;font-size:11px;line-height:1.6;display:flex}.equipment-panel{flex-direction:column;gap:10px;display:flex}.equipment-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.equipment-card.primary{border-color:var(--accent-cyan);background:#00d4ff08}.equipment-card-header{align-items:center;gap:6px;margin-bottom:12px;display:flex}.equipment-card-title{color:var(--text-primary);font-size:13px;font-weight:600}.equipment-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.equipment-item{flex-direction:column;gap:2px;display:flex}.equipment-label{color:var(--text-muted);text-transform:uppercase;font-size:9px}.equipment-value{color:var(--text-primary);font-size:12px;font-weight:600}.equipment-sub{color:var(--text-muted);font-size:10px}.equipment-notes{color:var(--text-muted);font-size:10px;line-height:1.5}.tide-reminder-panel{flex-direction:column;gap:12px;display:flex}.tide-reminder-permission{justify-content:center;display:flex}.tide-reminder-status{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.tide-reminder-status.granted{color:var(--accent-green);background:#10b9811a}.tide-reminder-status.denied{color:var(--accent-red);background:#ef44441a}.tide-reminder-enable-btn{background:var(--accent-cyan);border-radius:var(--radius-sm);color:var(--bg-primary);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);border:none;align-items:center;gap:6px;padding:8px 16px;display:flex}.tide-reminder-add-btn{border:1px dashed var(--accent-cyan);border-radius:var(--radius-sm);color:var(--accent-cyan);cursor:pointer;font-size:11px;font-family:var(--font-sans);background:#00d4ff14;align-items:center;gap:6px;width:100%;padding:10px;display:flex}.tide-reminder-add-btn:disabled{opacity:.4}.tide-reminder-list{flex-direction:column;gap:6px;display:flex}.tide-reminder-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:11px}.tide-reminder-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}.tide-reminder-item.disabled{opacity:.5}.tide-reminder-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tide-reminder-spot{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tide-reminder-actions{gap:6px;display:flex}.tide-reminder-toggle{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:3px 8px;font-size:9px;font-weight:700}.tide-reminder-toggle.on{color:var(--accent-green);background:#10b98126}.tide-reminder-toggle.off{background:var(--surface-3);color:var(--text-muted)}.tide-reminder-delete{color:var(--accent-red);cursor:pointer;background:0 0;border:none;padding:2px}.tide-reminder-config{flex-direction:column;gap:8px;display:flex}.tide-reminder-label{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.tide-reminder-label select{background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:11px;font-family:var(--font-mono);flex:1;padding:4px 8px}.tide-reminder-types{gap:12px;display:flex}.tide-reminder-type{color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;font-size:10px;display:flex}.breaker-panel{flex-direction:column;gap:12px;display:flex}.breaker-header{justify-content:space-between;align-items:center;display:flex}.breaker-quality-badge{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.breaker-energy{flex-direction:column;align-items:flex-end;display:flex}.breaker-energy-label{color:var(--text-muted);text-transform:uppercase;font-size:9px}.breaker-energy-value{color:var(--accent-cyan);font-size:20px;font-weight:700;font-family:var(--font-mono)}.breaker-compass-row{flex-direction:column;gap:6px;display:flex}.breaker-compass-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;display:flex}.breaker-compass-label{color:var(--text-muted);text-transform:uppercase;font-size:9px;display:block}.breaker-compass-value{color:var(--text-primary);font-size:11px;font-weight:600;display:block}.breaker-description{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#00d4ff0d;padding:10px 12px;font-size:12px;line-height:1.6}.breaker-tide-factor{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.condition-match-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}.condition-match-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.condition-match-date{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.condition-match-score{color:var(--accent-green);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.condition-match-result{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.condition-match-lure{color:var(--text-muted);font-size:10px}.condition-match-factors{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.condition-match-factor{border-radius:var(--radius-sm);color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133;padding:2px 8px;font-size:9px}.condition-match-conditions{color:var(--text-muted);gap:10px;font-size:10px;display:flex}.condition-match-conditions span{align-items:center;gap:3px;display:flex}.guide-menu{flex-direction:column;gap:8px;display:flex}.guide-menu-header{color:var(--text-primary);align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:700;display:flex}.guide-menu-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.guide-menu-item:hover{border-color:var(--accent-cyan)}.guide-menu-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-cyan);background:#00d4ff14;border:1px solid #00d4ff33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-menu-body{flex:1}.guide-menu-label{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:600}.guide-menu-desc{color:var(--text-muted);font-size:11px}.guide-content{flex-direction:column;gap:14px;animation:.3s fadeInUp;display:flex}.guide-back-btn{color:var(--accent-cyan);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none}.forecast-cell{transition:background .15s,transform .1s;position:relative}.forecast-cell:hover{z-index:2;background:#00d4ff14}.forecast-cell.active{box-shadow:inset 0 -2px 0 var(--accent-cyan);background:#00d4ff26}.forecast-cell-value{cursor:help}.heatmap-spot-circle{transition:opacity .2s,transform .2s}.heatmap-spot-circle:hover{transform:scale(1.15);opacity:.9!important}