:root{--primary:#2a6f97;--secondary:#01497c;--accent:#61a5c2;--bg:#f0f2f5;--white:#fff;--card-bg:#fff;--text-main:#1a1a1a;--text-muted:#65676b;--border:#ddd;--search-bg:#fff}[data-theme=dark]{--primary:#61a5c2;--secondary:#89c2d9;--accent:#2a6f97;--bg:#121212;--white:#1e1e1e;--card-bg:#1e1e1e;--text-main:#e4e6eb;--text-muted:#b0b3b8;--border:#3a3b3c;--search-bg:#242526}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text-main);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}.container{max-width:600px;margin:0 auto;padding:1rem}.loading-screen{height:100vh;color:var(--primary);justify-content:center;align-items:center;font-weight:700;display:flex}.main-header{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.header-brand{align-items:center;gap:.75rem;display:flex}.header-brand .logo-icon{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 10px #2a6f974d}.header-titles h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--secondary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.6rem;font-weight:800}.stats-badge{background:var(--card-bg);color:var(--text-muted);border:1px solid var(--border);border-radius:20px;align-items:center;gap:.3rem;margin-top:.3rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.stats-badge .count{color:var(--primary)}.theme-toggle{background:var(--card-bg);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;box-shadow:0 2px 4px #0000001a}.theme-toggle:active{transform:scale(.9)}.tabs-container{background:var(--card-bg);border-radius:12px;margin-bottom:1.5rem;padding:.3rem;display:flex;box-shadow:0 1px 3px #0000001a}.tab-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-weight:600;transition:all .2s;display:flex}.tab-button.active{background:var(--primary);color:#fff;box-shadow:0 2px 4px #00000026}.tab-button:not(.active):hover{background:var(--bg)}.filters-container{-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:.5rem;padding:.5rem 0 1rem;display:flex;overflow-x:auto}.filters-container::-webkit-scrollbar{display:none}.filter-pill{white-space:nowrap;background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 6px #2a6f9733}.stats-container{flex-direction:column;gap:1.5rem;display:flex}.stats-section-title{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.stats-grid-summary{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;padding:1.2rem}.stat-card.large{grid-column:span 2}.stat-card .label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.stat-card .value{color:var(--primary);font-size:2rem;font-weight:800}.stat-card .sub-value{color:var(--text-muted);margin-top:.2rem;font-size:.9rem}.stat-card.bolo .value{color:#e67e22}.stat-card.captures .value{color:#27ae60}.year-selector-container{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.year-btn{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;color:var(--text-main);border-radius:12px;padding:.5rem 1rem;font-weight:600}.current-year-display{color:var(--primary);font-size:1.5rem;font-weight:800}.stats-table-container{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden}.stats-table{border-collapse:collapse;width:100%}.stats-table th{background:var(--bg);text-align:left;text-transform:uppercase;color:var(--text-muted);padding:.8rem;font-size:.75rem}.stats-table td{border-bottom:1px solid var(--border);padding:.8rem;font-size:.9rem}.stats-table tr:last-child td{border-bottom:none}.month-name{text-transform:capitalize;font-weight:600}.bolo-percent-tag{border-radius:6px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.tag-low{color:#2e7d32;background:#e8f5e9}.tag-mid{color:#ef6c00;background:#fff3e0}.tag-high{color:#c62828;background:#ffebee}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spin}.forecast-list{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.forecast-row{border-bottom:1px solid var(--border);grid-template-columns:50px 1fr 60px 70px 60px;align-items:center;padding:.75rem 1rem;font-size:.9rem;display:grid}.forecast-row:last-child{border-bottom:none}.forecast-row .time{color:var(--text-main);flex-direction:column;align-items:center;font-weight:700;display:flex;position:relative}.tide-indicator{cursor:help;margin-top:-.1rem;font-size:.65rem;font-weight:800}.tide-indicator.pleamar{color:#27ae60}.tide-indicator.bajamar{color:#e67e22}.forecast-row .clima{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding-right:.5rem;font-size:.85rem;overflow:hidden}.forecast-row .temp{color:var(--primary);text-align:right;font-weight:700}.forecast-row .wind{color:var(--text-muted);text-align:right;font-size:.8rem}.forecast-row .wave{color:var(--secondary);text-align:right;font-weight:600}.forecast-row.header{background:var(--bg);text-transform:uppercase;color:var(--text-muted);padding:.4rem 1rem;font-size:.7rem;font-weight:700}.map-view-container{border:1px solid var(--border);border-radius:16px;height:calc(100vh - 250px);min-height:400px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.map-placeholder{background:var(--card-bg);width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.leaflet-container{z-index:1;width:100%;height:100%}.spot-popup h4{color:var(--secondary);margin:0 0 .5rem}.spot-popup p{color:var(--text-muted);margin:0;font-size:.85rem}.search-container{margin-bottom:1.5rem;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-container input{border:1px solid var(--border);background:var(--search-bg);width:100%;color:var(--text-main);border-radius:25px;outline:none;padding:.8rem 1rem .8rem 3rem;font-size:1rem;box-shadow:0 2px 4px #0000000d}.sessions-grid{flex-direction:column;gap:.75rem;display:flex}.session-item{background:var(--card-bg);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:background-color .2s,transform .1s;display:flex;box-shadow:0 1px 3px #0000001a}.session-item:active{background:var(--bg);transform:scale(.98)}.session-date{background:var(--primary);color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:55px;height:65px;padding:.2rem 0;font-weight:700;display:flex}[data-theme=dark] .session-date{background:var(--secondary);color:var(--bg)}.session-date .day{font-size:1.2rem;line-height:1}.session-date .month{text-transform:uppercase;margin-top:.1rem;font-size:.7rem}.session-date .year{opacity:.8;text-align:center;border-top:1px solid #ffffff4d;width:80%;margin-top:.2rem;padding-top:.1rem;font-size:.6rem}[data-theme=dark] .session-date .year{border-top:1px solid #0000001a}.session-content{flex:1;overflow:hidden}.session-content h3{white-space:nowrap;text-overflow:ellipsis;color:var(--text-main);margin:0 0 .2rem;font-size:1.05rem;overflow:hidden}.session-meta{color:var(--text-muted);align-items:center;gap:1rem;font-size:.85rem;display:flex}.session-meta span{align-items:center;gap:.3rem;display:flex}.captures-count{color:#e67e22;font-weight:700}.arrow-icon{color:var(--text-muted)}.back-button{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;font-size:1rem;display:flex}.detail-header-container{justify-content:space-between;align-items:flex-start;display:flex}.date-badge-large{color:var(--primary);text-transform:capitalize;font-size:.9rem;font-weight:600}.detail-header h1{color:var(--text-main);margin:.3rem 0;font-size:2rem;line-height:1.1}.spot-label{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.meteo-dashboard{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:2rem;display:grid}.meteo-card{background:var(--card-bg);border-radius:12px;flex-direction:column;padding:1rem;display:flex;box-shadow:0 1px 2px #0000000d}.meteo-card .val{color:var(--text-main);margin-top:.4rem;font-size:1.1rem;font-weight:700}.meteo-card .lab{color:var(--text-muted);font-size:.75rem}.icon-p{color:#e74c3c}.icon-w{color:#3498db}.icon-v{color:#f1c40f}.icon-t{color:#9b59b6}.captures-list h3{border-bottom:1px solid var(--border);color:var(--text-main);margin-bottom:1rem;padding-bottom:.5rem}.captures-grid{flex-direction:column;gap:.75rem;display:flex}.capture-item{background:var(--card-bg);border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 1px 2px #0000000d}.capture-icon{background:var(--bg);color:#e67e22;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.capture-info h4{color:var(--text-main);margin:0;font-size:1.1rem}.capture-info p{color:var(--text-muted);margin:.2rem 0;font-size:.9rem}.lure-tag{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;margin-top:.3rem;padding:.2rem .5rem;font-size:.75rem;display:inline-block}.bolo-msg{text-align:center;background:var(--card-bg);color:var(--text-muted);border-radius:12px;padding:2rem}.no-results{text-align:center;color:var(--text-muted);padding:3rem}