@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--font-sans:"Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Archivo", -apple-system, sans-serif;--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#161b22f0;--bg-card-hover:#21262dfa;--bg-overlay:#0d1117f5;--bg-glass:#161b22e0;--border-subtle:#ffffff14;--border-focus:#e8a8388c;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-brand:#e8a838;--accent-action:#0ea5e9;--accent-action-hover:#38bdf8;--accent-water:#38bdf8;--accent-price:#34d399;--accent-gold:#f59e0b;--accent-coral:#f87171;--accent-emerald:#10b981;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 8px -1px #00000059;--shadow-lg:0 10px 18px -3px #00000073;--shadow-xl:0 20px 25px -5px #0009;--shadow-glow:0 0 16px #e8a83833;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px}html.light,.app-container.light{--bg-primary:#f5f0e8;--bg-secondary:#faf6ef;--bg-card:#fff;--bg-card-hover:#fff;--bg-overlay:#f5f0e8f7;--bg-glass:#faf6efeb;--border-subtle:#1c19171f;--border-focus:#8a5a1080;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#78716c;--accent-brand:#8a5a10;--accent-action:#0369a1;--accent-action-hover:#0284c7;--accent-water:#075985;--accent-price:#047857;--accent-gold:#b45309;--accent-coral:#dc2626;--accent-emerald:#059669;--shadow-glow:0 0 16px #8a5a1026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#78716c40}::-webkit-scrollbar-thumb:hover{background:#78716c73}.app-container{background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 15%,#e8a83805 0%,#0000 40%),radial-gradient(circle at 85% 75%,#0ea5e905 0%,#0000 40%),url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q 30 10 60 20 T 120 20 M0 50 Q 40 40 80 50 T 120 50 M0 80 Q 20 90 70 80 T 120 80 M0 110 Q 50 100 90 110 T 120 110' stroke='rgba(255,255,255,0.018)' fill='none' stroke-width='1'/%3E%3C/svg%3E");flex-direction:column;min-height:100vh;transition:background-color .2s,color .2s;display:flex}html.light .app-container,.app-container.light{background-image:radial-gradient(circle at 15% 15%,#8a5a1008 0%,#0000 40%),radial-gradient(circle at 85% 75%,#0369a108 0%,#0000 40%),url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q 30 10 60 20 T 120 20 M0 50 Q 40 40 80 50 T 120 50 M0 80 Q 20 90 70 80 T 120 80 M0 110 Q 50 100 90 110 T 120 110' stroke='rgba(28,25,23,0.025)' fill='none' stroke-width='1'/%3E%3C/svg%3E")}.main-layout{grid-template-columns:1fr 340px;gap:1.75rem;width:100%;max-width:1720px;margin:0 auto;padding:0 1.25rem 5rem;display:grid}@media (width<=1200px){.main-layout{grid-template-columns:1fr}.sidebar-column{display:none}}.beach-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.beach-grid.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}@media (width<=640px){.beach-grid{grid-template-columns:1fr;gap:1.1rem}.beach-grid.compact{grid-template-columns:repeat(2,1fr);gap:.65rem}}.beach-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;height:380px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.beach-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);border-color:#e8a83873;transform:translateY(-3px)}html.light .beach-card:hover{border-color:#8a5a1066}.beach-card.compact{border-radius:var(--radius-sm);height:250px}.beach-card.compact .beach-card-title{white-space:nowrap;text-overflow:ellipsis;max-width:145px;font-size:.95rem;overflow:hidden}.beach-card.compact .beach-card-info{gap:.25rem;padding:.65rem .75rem}.beach-card.compact .card-affiliate-slot{display:none}.beach-card.compact .beach-card-specs{gap:.3rem;margin-top:0}.beach-card.compact .spec-chip{padding:2px 6px;font-size:.68rem}@media (width<=640px){.beach-card.compact{height:210px}.beach-card.compact .beach-card-title{max-width:105px;font-size:.86rem}.beach-card.compact .beach-card-sub{font-size:.72rem}}.beach-card-media{aspect-ratio:16/10;width:100%;height:100%;position:relative;overflow:hidden}.beach-card-link-overlay{z-index:1;position:absolute;inset:0}.beach-card-image{object-fit:cover;width:100%;height:100%;transition:transform .35s}.beach-card:hover .beach-card-image{transform:scale(1.04)}.beach-card-gradient{pointer-events:none;background:linear-gradient(#0d111773 0%,#0d11170d 35%,#0d111799 65%,#0d1117f5 100%);position:absolute;inset:0}.card-rank-badge{color:#f0f6fc;font-family:var(--font-heading);border-radius:var(--radius-sm);z-index:2;letter-spacing:-.01em;background:#0d1117d9;border:1px solid #ffffff26;align-items:center;gap:4px;padding:3px 8px;font-size:.82rem;font-weight:800;display:flex;position:absolute;top:10px;left:10px}.card-rank-badge.top-3{color:#1c1917;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #fbbf24;box-shadow:0 2px 8px #f59e0b66}.card-fav-btn{border-radius:var(--radius-sm);color:#f0f6fc;z-index:3;background:#0d1117cc;border:1px solid #ffffff26;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,background-color .15s;display:flex}.card-fav-btn:hover{color:#f87171;background:#f871714d;transform:scale(1.1)}.card-fav-btn.active{color:#fff;background:#f87171}.beach-card-info{z-index:2;flex-direction:column;gap:.45rem;padding:.95rem 1.05rem;display:flex;position:absolute;bottom:0;left:0;right:0}.beach-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.beach-card-title{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #000c;letter-spacing:-.01em;font-size:1.2rem;font-weight:800;line-height:1.2}.beach-card-sub{color:#ffffffd9;align-items:center;gap:.35rem;margin-top:2px;font-size:.82rem;display:flex}.beach-card-specs{flex-wrap:wrap;gap:.35rem;margin-top:2px;display:flex}.spec-chip{border-radius:var(--radius-sm);color:#e5e7eb;background:#0d1117cc;border:1px solid #ffffff1f;align-items:center;gap:4px;padding:3px 7px;font-size:.74rem;font-weight:600;display:flex}.spec-chip.water-temp{border-left:2px solid var(--accent-water);color:#e0f2fe}.spec-chip.budget{border-left:2px solid var(--accent-price);color:#ecfdf5}.spec-chip.score{border-left:2px solid var(--accent-brand);color:#fef3c7}.card-affiliate-slot{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:4px;padding-top:6px;display:flex}.affiliate-chip{background:linear-gradient(135deg, var(--accent-action) 0%, #0369a1 100%);color:#fff;font-family:var(--font-heading);border-radius:var(--radius-sm);align-items:center;gap:5px;padding:4px 9px;font-size:.75rem;font-weight:700;transition:transform .15s,filter .15s;display:flex;box-shadow:0 2px 6px #0ea5e94d}.affiliate-chip:hover{filter:brightness(1.12);transform:scale(1.04)}.shores-header{z-index:40;background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle);padding:.7rem 1.25rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1720px;margin:0 auto;display:flex}.logo-container{align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);font-size:1.4rem;font-weight:900}.logo-tld{font-family:var(--font-heading);border-radius:var(--radius-sm);color:var(--accent-brand);background:#e8a83826;border:1px solid #e8a83866;padding:2px 6px;font-size:.76rem;font-weight:800}html.light .logo-tld{background:#8a5a101f;border-color:#8a5a1059}.desktop-only-badge{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0d;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:flex}html.light .desktop-only-badge{background:#1c19170a}.search-container{flex:1;max-width:580px;position:relative}.search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#ffffff0d;padding:.55rem 1rem .55rem 2.5rem;font-size:.88rem;transition:all .18s}html.light .search-input{background:#fff}.search-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow);background:#ffffff14}html.light .search-input:focus{background:#fff}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.header-right-controls{align-items:center;gap:.6rem;display:flex}.header-filter-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:.82rem;font-weight:600;font-family:var(--font-heading);align-items:center;gap:6px;padding:.45rem .8rem;display:flex}.filter-badge-count{background:var(--accent-brand);color:#1c1917;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:18px;height:18px;font-size:.72rem;font-weight:800;display:flex}.view-mode-container{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff0d;padding:3px;display:flex}html.light .view-mode-container{background:#1c19170a}.view-mode-container button{border-radius:var(--radius-sm);align-items:center;padding:4px 8px;display:flex}.theme-toggle-btn{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0d;justify-content:center;align-items:center;padding:.45rem;display:flex}html.light .theme-toggle-btn{background:#1c19170a}.header-quick-tags{align-items:center;gap:.45rem;max-width:1720px;margin:.55rem auto 0;padding-bottom:2px;display:flex;overflow-x:auto}@media (width<=640px){.shores-header{padding:.55rem .75rem}.desktop-only-badge{display:none}.search-container{max-width:100%;margin-top:.4rem}.header-inner{flex-wrap:wrap;gap:.45rem}.header-quick-tags{margin-top:.35rem}}.stories-bar-section{width:100%;max-width:1720px;margin:0 auto;padding:1rem 1.25rem .25rem}.stories-scroll{scrollbar-width:thin;gap:1rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.story-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;width:74px;display:flex}.story-avatar-wrapper{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-brand), #c47d1f);width:58px;height:58px;padding:2px;transition:transform .2s;position:relative}.story-item:hover .story-avatar-wrapper{transform:scale(1.06)}.story-avatar{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--bg-primary);width:100%;height:100%}.story-country-flag{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);justify-content:center;align-items:center;padding:1px 3px;font-size:.8rem;display:flex;position:absolute;bottom:-3px;right:-3px}.story-label{font-family:var(--font-heading);text-align:center;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.72rem;font-weight:700;overflow:hidden}.modal-backdrop{z-index:50;background:#0d1117d1;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;max-width:860px;max-height:90vh;box-shadow:var(--shadow-xl);outline:none;position:relative;overflow-y:auto}.leaflet-container{border-radius:var(--radius-md);width:100%;height:100%;background:var(--bg-primary)!important}.leaflet-popup-content-wrapper{overflow:hidden;background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-subtle)!important;padding:0!important}.leaflet-popup-tip{background:var(--bg-secondary)!important}