:root{--bg-base:#fff;--bg-surface:#fff;--bg-surface-secondary:#f7f7f7;--bg-surface-tertiary:#ebebeb;--bg-elevated:#fff;--bg-input:#f7f7f7;--bg-overlay:#0006;--bg-card:#fff;--bg-glass:#ffffffd9;--bg-glass-elevated:#fffffff5;--bg-glass-border:#0000000d;--bg-subtle:#f2f2f7;--border-subtle:#0000000f;--border-default:#0000001f;--border-strong:#0003;--border-card:#00000014;--text-primary:#000;--text-secondary:#3c3c4399;--text-tertiary:#3c3c434d;--text-muted:#9ca3af;--text-inverse:#fff;--accent:#00c7be;--accent-hover:#00b5ad;--accent-active:#009893;--accent-dim:#2dd4bf1f;--accent-border:#2dd4bf4d;--accent-glow:#2dd4bf33;--color-teal:#2dd4bf;--color-teal-dim:#2dd4bf1a;--color-teal-border:#2dd4bf40;--color-blue:#007aff;--color-blue-dim:#3b82f61a;--color-blue-border:#3b82f640;--color-purple:#a855f7;--color-purple-dim:#a855f71a;--color-purple-border:#a855f740;--color-orange:#ff9500;--color-orange-dim:#f973161a;--color-orange-border:#f9731640;--color-green:#34c759;--color-green-dim:#22c55e1a;--color-green-border:#22c55e40;--color-red:#ef4444;--color-red-dim:#ef44441a;--color-red-border:#ef444440;--color-pink:#ff2d55;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a,0 4px 8px #0000000f;--shadow-xl:0 16px 48px #0000001f,0 8px 16px #0000000f;--shadow-card:0 4px 20px #0000000f;--shadow-float:0 8px 30px #0000001f;--shadow-search:0 3px 12px #0000001a,0 1px 4px #00000014;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Menlo","Monaco","Consolas",monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:34px;--text-5xl:42px;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.01em;--tracking-wider:.02em;--ease-standard:cubic-bezier(.25,.1,.25,1);--ease-entrance:cubic-bezier(0,0,.2,1);--ease-exit:cubic-bezier(.4,0,1,1);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--ease-bounce:cubic-bezier(.34,1.4,.64,1);--ease-ios-slide:cubic-bezier(.32,.72,0,1);--duration-instant:0s;--duration-fast:.1s;--duration-normal:.2s;--duration-moderate:.25s;--duration-slow:.35s;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--header-height:52px;--bottom-nav-height:55px;--search-height:56px;--content-max-width:100%;--content-padding:16px}@media (min-width:375px){:root{--content-padding:24px}}@media (min-width:744px){:root{--content-padding:24px;--header-height:64px}}@media (min-width:950px){:root{--content-padding:32px;--header-height:72px}}@media (min-width:1128px){:root{--content-padding:40px;--content-max-width:1200px;--header-height:80px}}@media (min-width:1440px){:root{--content-padding:48px;--content-max-width:1344px;--header-height:96px}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);height:100%;overflow:hidden}body{height:100%;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);overscroll-behavior-y:none;overflow:hidden}::selection{background:var(--accent-dim);color:var(--text-primary)}:focus{outline:none}:focus-visible{box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px var(--accent);outline:none}button,[role=button],[type=button],[type=submit]{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.app{background:var(--bg-base);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}.app-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-top:calc(var(--header-height) + var(--safe-top));padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-6));scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:hidden auto}.app-scroll::-webkit-scrollbar{display:none}.touchable{cursor:pointer;transition:transform .2s var(--ease-spring),opacity .2s ease;touch-action:manipulation}.touchable:active{opacity:.8;transform:scale(.96)}.container{width:100%;max-width:var(--content-max-width);padding-left:var(--content-padding);padding-right:var(--content-padding);margin:0 auto}.header{z-index:var(--z-fixed);height:calc(var(--header-height) + var(--safe-top));padding-top:var(--safe-top);background:var(--bg-glass);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid #00000014;position:fixed;top:0;left:0;right:0}.header-content{height:var(--header-height);max-width:var(--content-max-width);padding:0 var(--content-padding);justify-content:center;align-items:center;margin:0 auto;display:flex}@media (min-width:744px){.header-content{justify-content:space-between}}.logo{font-size:17px;font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--text-primary);transition:opacity var(--duration-fast)var(--ease-standard);align-items:center;text-decoration:none;display:flex}.logo:active{opacity:.7}.logo-accent{color:var(--accent)}.header-back{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--duration-fast)var(--ease-standard);padding:var(--space-2);margin:calc(var(--space-2)*-1);border-radius:var(--radius-md);text-decoration:none;display:flex}.header-back:hover{color:var(--text-primary)}.header-back:active{transform:scale(.96)}.bottom-nav{z-index:var(--z-fixed);height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:saturate(180%)blur(20px);background:#fff;border-top:.5px solid #00000026;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:64px;height:100%;min-height:44px;padding:var(--space-1)var(--space-3);color:var(--text-tertiary);font-size:10px;font-weight:var(--font-medium);letter-spacing:.01em;transition:color var(--duration-fast)var(--ease-standard);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.nav-item:active{transform:scale(.92)}.nav-item.active{color:var(--accent)}.nav-item.active .nav-icon{stroke-width:2.5px}.nav-icon{stroke-width:2px;width:24px;height:24px}@media (min-width:950px){.bottom-nav{display:none}.app-scroll{padding-bottom:var(--space-12)}}.search-section{padding:var(--space-4)0}@media (min-width:744px){.search-section{padding:var(--space-6)0;max-width:600px;margin:0 auto}}.search-bar{align-items:center;gap:var(--space-3);width:100%;height:var(--search-height);padding:0 var(--space-5);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-search);cursor:pointer;transition:box-shadow var(--duration-normal)var(--ease-standard),border-color var(--duration-normal)var(--ease-standard);text-decoration:none;display:flex}.search-bar:hover{box-shadow:var(--shadow-md)}.search-bar:active{transform:scale(.99)}.search-bar-icon{width:18px;height:18px;color:var(--text-primary);flex-shrink:0}.search-bar-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);flex:1}.search-bar-subtext{font-size:var(--text-xs);font-weight:var(--font-regular);color:var(--text-secondary);gap:var(--space-2);display:flex}.search-bar-subtext span{align-items:center;gap:var(--space-1);display:flex}.search-bar-subtext span:before{content:"·";color:var(--text-tertiary)}.search-bar-subtext span:first-child:before{display:none}.category-tabs{justify-content:center;gap:var(--space-4);padding:var(--space-3)0 var(--space-4);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);min-width:72px;color:var(--text-tertiary);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-standard);flex-direction:column;font-size:12px;font-weight:500;text-decoration:none;display:flex}.category-tab:active{background:var(--bg-surface-secondary)}.category-tab:hover{color:var(--text-secondary);background:var(--bg-surface-secondary)}.category-tab.active{color:var(--text-primary)}.category-tab.active .category-tab-icon{color:var(--accent)}.category-tab-icon{width:28px;height:28px;color:var(--text-tertiary);transition:color var(--duration-fast)var(--ease-standard)}@media (min-width:744px){.category-tabs{gap:var(--space-6);padding:var(--space-4)0 var(--space-6)}.category-tab{padding:var(--space-4)var(--space-5);min-width:90px;font-size:13px}.category-tab:hover .category-tab-icon{color:var(--accent)}}.section-header{padding:var(--space-6)0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:calc(var(--space-3)*-1);margin-bottom:var(--space-4);line-height:var(--leading-normal)}@media (min-width:744px){.section-subtitle{font-size:var(--text-base)}}.section-link{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);border-radius:var(--radius-md);transition:background var(--duration-fast)var(--ease-standard);text-decoration:underline;display:flex}.section-link-icon{background:var(--bg-surface-tertiary);border-radius:var(--radius-full);border:1px solid var(--border-default);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.section-link-icon svg{width:14px;height:14px}.scroll-container{gap:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);margin-left:calc(var(--content-padding)*-1);margin-right:calc(var(--content-padding)*-1);padding-left:var(--content-padding);padding-right:var(--content-padding);display:flex;overflow:auto hidden}@media (max-width:640px){.scroll-container{padding-left:calc(var(--content-padding) + 4px)}}.scroll-container>*{scroll-snap-align:start;flex-shrink:0}.spot-card{width:300px;color:inherit;transition:transform var(--duration-fast)var(--ease-standard);flex-direction:column;text-decoration:none;display:flex}.spot-card:active{transform:scale(.98)}.spot-card-image{aspect-ratio:1/.95;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-teal-dim)0%,var(--color-blue-dim)50%,var(--color-purple-dim)100%);width:100%;position:relative;overflow:hidden}.spot-card-gradient{opacity:.85;background:linear-gradient(135deg,#2eb8aa 0%,#26a0d9 50%,#5e47d1 100%);position:absolute;inset:0}.spot-card-location-badge{bottom:var(--space-3);left:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);background:#fffffff2;display:flex;position:absolute}.spot-card-location-badge svg{opacity:.6;width:12px;height:12px}.spot-badge{top:var(--space-3);left:var(--space-3);padding:var(--space-2)var(--space-3);background:var(--bg-card);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);box-shadow:var(--shadow-sm);position:absolute}.spot-wishlist{top:var(--space-3);right:var(--space-3);cursor:pointer;width:32px;height:32px;transition:transform var(--duration-fast)var(--ease-spring);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.spot-wishlist:active{transform:scale(.85)}.spot-wishlist svg{width:24px;height:24px;color:var(--text-inverse);fill:#00000080;stroke:var(--text-inverse);stroke-width:2px;filter:drop-shadow(0 2px 4px #0000004d)}.spot-wishlist.active svg{fill:var(--color-pink);stroke:var(--color-pink)}.spot-card-content{padding:var(--space-3)0 0}.spot-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.spot-card-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.spot-card-rating{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);flex-shrink:0;align-items:center;gap:2px;display:flex}.spot-card-rating svg{fill:currentColor;width:12px;height:12px}.spot-card-meta{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;gap:2px;display:flex}.spot-card-stats{gap:var(--space-3);margin-top:var(--space-1);font-size:var(--text-sm);display:flex}.spot-card-stat-value{font-weight:var(--font-semibold);color:var(--text-primary)}.spot-card-stat-label{color:var(--text-secondary)}.spot-card-wind{margin-top:var(--space-2);align-items:baseline;gap:2px;display:inline-flex}.spot-card-wind-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-teal)}.spot-card-wind-label{font-size:var(--text-sm);color:var(--text-secondary)}.spot-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:640px){.spot-grid{grid-template-columns:1fr}.spot-card{width:100%}}.match-badge{min-width:42px;font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-mono);letter-spacing:-.02em;border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;padding:4px 10px;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:48px;height:48px;padding:0 var(--space-6);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast)var(--ease-standard),border-color var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-spring),box-shadow var(--duration-fast)var(--ease-standard),opacity var(--duration-fast)var(--ease-standard);box-shadow:var(--shadow-xs);line-height:1;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-surface-secondary);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent)0%,var(--color-blue)100%);border:1px solid #0000000d;box-shadow:0 4px 12px #00c7be4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover)0%,var(--color-blue)100%);border-color:#0000000d;transform:translateY(-1px);box-shadow:0 6px 16px #00c7be66}.btn-primary:active:not(:disabled){transform:scale(.96);box-shadow:0 2px 8px #00c7be40}.btn-accent{color:var(--text-inverse);background:var(--text-primary);border-color:var(--text-primary);box-shadow:0 4px 12px #00000026}.btn-accent:hover:not(:disabled){background:#333;border-color:#333;transform:translateY(-1px)}.btn-soft{background:var(--accent-dim);color:var(--accent-active);box-shadow:none;border:none}.btn-soft:hover:not(:disabled){color:var(--accent-active);background:#2dd4bf33}.btn-ghost{color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-secondary);color:var(--text-primary)}.btn-outline{border-color:var(--border-strong);color:var(--text-primary);box-shadow:none;background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--text-primary);background:0 0}.btn-block{width:100%}.btn-lg{height:52px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.input{width:100%;height:48px;padding:0 var(--space-4);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-regular);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard)}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary);outline:none}.input-error{border-color:var(--color-red)!important}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;-webkit-transition:opacity var(--duration-fast);transition:opacity var(--duration-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=number]{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}input[type=number]::-webkit-outer-spin-button{appearance:none}.input-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.toggle{background:var(--bg-surface-tertiary);border-radius:var(--radius-full);cursor:pointer;width:51px;height:31px;transition:background var(--duration-normal)var(--ease-standard);position:relative}.toggle[data-active=true]{background:var(--accent)}.toggle-knob{background:var(--bg-card);border-radius:var(--radius-full);width:27px;height:27px;box-shadow:var(--shadow-sm);transition:transform var(--duration-normal)var(--ease-spring);position:absolute;top:2px;left:2px}.toggle[data-active=true] .toggle-knob{transform:translate(20px)}.pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.pill{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);white-space:nowrap;cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);display:inline-flex}.pill:hover{border-color:var(--text-primary)}.pill:active{transform:scale(.97)}.pill.active,.pill-active{background:var(--text-primary);border-color:var(--text-primary);color:var(--text-inverse)}.pill-icon{width:14px;height:14px}.pill-teal{color:var(--color-teal);background:var(--color-teal-dim);border-color:var(--color-teal-border)}.pill-blue{color:var(--color-blue);background:var(--color-blue-dim);border-color:var(--color-blue-border)}.pill-orange{color:var(--color-orange);background:var(--color-orange-dim);border-color:var(--color-orange-border)}.pill-green{color:var(--color-green);background:var(--color-green-dim);border-color:var(--color-green-border)}.hero{padding:var(--space-10)0;text-align:center}.hero-eyebrow{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-surface-secondary);border-radius:var(--radius-full);display:inline-flex}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--text-primary);margin-bottom:var(--space-4)}.hero-title-accent{color:var(--accent)}.hero-text{max-width:480px;margin:0 auto var(--space-6);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.hero-text strong{font-weight:var(--font-semibold);color:var(--text-primary)}.hero-subtext{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}@media (max-width:640px){.hero{padding:var(--space-8)0}.hero-title{font-size:var(--text-3xl)}.hero-text{font-size:var(--text-base)}}.section{padding:var(--space-4)0 var(--space-8)}.section-heading{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.section-subheading{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6)}.steps{gap:var(--space-6);flex-direction:column;display:flex}.step{gap:var(--space-4);align-items:flex-start;display:flex}.step-number{width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-inverse);background:var(--text-primary);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content{flex:1}.step-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.step-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.audience-card{gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-4);display:flex}.audience-icon-wrap{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.audience-content{flex:1}.audience-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.audience-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.audience-result{font-size:var(--text-sm);color:var(--accent);font-weight:var(--font-medium)}.audience-result strong{font-weight:var(--font-semibold)}.data-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.data-grid{grid-template-columns:repeat(4,1fr)}}.data-card{align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.data-icon{width:24px;height:24px;color:var(--accent)}.data-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.data-label{font-size:var(--text-xs);color:var(--text-secondary)}.data-source{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.section-cta{padding:var(--space-8)0}.cta-card{padding:var(--space-8);background:var(--bg-surface-secondary);border-radius:var(--radius-2xl);text-align:center}.cta-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.cta-text{max-width:400px;margin:0 auto var(--space-6);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.cta-privacy{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary)}.newsletter-form{gap:var(--space-3);max-width:400px;margin:0 auto;display:flex}.newsletter-form .input{flex:1}.newsletter-success{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-green-dim);border-radius:var(--radius-md);color:var(--color-green);font-weight:var(--font-medium);display:flex}@media (max-width:480px){.newsletter-form{flex-direction:column}}.final-cta-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-5)}.about-hero{padding:var(--space-12)0 var(--space-8);text-align:center}.about-hero-content{max-width:600px;margin:0 auto}.about-hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-3)}.about-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.about-content{max-width:720px;padding-bottom:var(--space-12);margin:0 auto}.about-author-card{align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-8);text-align:center;flex-direction:column;display:flex}@media (min-width:480px){.about-author-card{text-align:left;gap:var(--space-6);flex-direction:row}}.about-author-image{flex-shrink:0}.about-avatar{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:3px solid var(--color-teal);width:100px;height:100px}@media (min-width:480px){.about-avatar{width:120px;height:120px}}.about-author-info{flex:1}.about-author-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.about-author-role{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-3)}.about-author-stats{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}@media (min-width:480px){.about-author-stats{justify-content:flex-start}}.about-stat{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.about-stat svg{color:var(--color-teal)}.about-story{margin-bottom:var(--space-8)}.about-section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4);margin-top:var(--space-8)}.about-section-title:first-child{margin-top:0}.about-paragraph{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-4)}.about-paragraph strong{color:var(--text-primary);font-weight:var(--font-semibold)}.about-paragraph em{font-style:italic}.about-highlight{background:var(--bg-surface);border-left:4px solid var(--color-teal);border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:var(--space-5);margin:var(--space-6)0}.about-highlight-text{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.about-highlight-subtext{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.about-highlight-subtext strong{color:var(--feedback-error);font-weight:var(--font-semibold)}.about-features{gap:var(--space-4);margin:var(--space-6)0;flex-direction:column;display:flex}.about-feature{gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.about-feature-icon{background:var(--color-teal-subtle);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-teal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-feature-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.about-feature-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.about-contact{padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.about-contact-links{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:480px){.about-contact-links{gap:var(--space-4);flex-direction:row}}.about-contact-link{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.about-contact-link:hover{border-color:var(--color-teal);background:var(--color-teal-subtle)}.about-contact-link:active{transform:scale(.98)}.about-contact-link svg{color:var(--text-secondary)}.about-external-icon{color:var(--text-tertiary);margin-left:auto}.about-cta{text-align:center;padding:var(--space-10)0;margin-top:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-subtle)}.about-cta-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.about-cta-buttons{gap:var(--space-3);padding:0 var(--space-4);flex-direction:column;justify-content:center;display:flex}@media (min-width:480px){.about-cta-buttons{flex-direction:row}}.about-cta-button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:inline-flex}.about-cta-button:active{transform:scale(.97)}.about-cta-button.primary{background:var(--color-teal);color:#fff}.about-cta-button.primary:hover{background:var(--color-teal-dark)}.about-cta-button.secondary{background:var(--bg-surface-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.about-cta-button.secondary:hover{background:var(--bg-surface-tertiary)}.site-footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-12);background:var(--bg-surface)}.footer-discovery{padding:var(--space-8)var(--content-padding);max-width:var(--content-max-width);border-bottom:1px solid var(--border-subtle);margin:0 auto}.footer-discovery-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.footer-tabs{gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.footer-tabs::-webkit-scrollbar{display:none}.footer-tab{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)var(--ease-standard);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.footer-tab:hover{color:var(--text-primary)}.footer-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.footer-grid{gap:var(--space-4);max-height:280px;transition:max-height var(--duration-slow)var(--ease-standard);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.footer-grid.expanded{max-height:1000px}.footer-grid-item{padding:var(--space-2)0;transition:opacity var(--duration-fast);flex-direction:column;gap:2px;text-decoration:none;display:flex}.footer-grid-item:hover{opacity:.7}.footer-grid-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.footer-grid-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.footer-show-more{justify-content:center;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-3);margin-top:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;background:0 0;border:none;text-decoration:underline;display:flex}.footer-show-more-icon{transition:transform var(--duration-fast)var(--ease-standard)}.footer-show-more-icon.rotated{transform:rotate(180deg)}@media (min-width:480px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:744px){.footer-grid{grid-template-columns:repeat(4,1fr);max-height:none}.footer-show-more{display:none}}@media (min-width:950px){.footer-grid{grid-template-columns:repeat(6,1fr)}}.footer-links-section{padding:var(--space-8)var(--content-padding);max-width:var(--content-max-width);border-bottom:1px solid var(--border-subtle);margin:0 auto}.footer-links-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:480px){.footer-links-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:744px){.footer-links-grid{grid-template-columns:repeat(3,1fr)}}.footer-links-column{flex-direction:column;display:flex}.footer-links-heading{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.footer-links-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-links-list a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast);text-decoration:none}.footer-links-list a:hover{color:var(--text-primary);text-decoration:underline}.footer-bottom{padding:var(--space-6)var(--content-padding);max-width:var(--content-max-width);margin:0 auto}.footer-bottom-content{gap:var(--space-4);text-align:center;flex-direction:column;align-items:center;display:flex}@media (min-width:744px){.footer-bottom-content{text-align:left;flex-direction:row;justify-content:space-between}}.footer-bottom-left{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}@media (min-width:744px){.footer-bottom-left{justify-content:flex-start}}.footer-copyright{font-weight:var(--font-medium);color:var(--text-primary)}.footer-separator,.footer-tagline{color:var(--text-tertiary)}.footer-bottom-right{align-items:center;gap:var(--space-4);display:flex}.footer-social-link{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);transition:all var(--duration-fast)var(--ease-standard);justify-content:center;align-items:center;display:flex}.footer-social-link:hover{color:var(--text-primary);background:var(--state-hover)}.footer-social-link:active{transform:scale(.95)}.footer{padding:var(--space-10)0 var(--space-6);text-align:center;border-top:1px solid var(--border-subtle);margin-top:var(--space-8)}.footer-brand{font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-2)}.footer-links{justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.footer-links a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast);text-decoration:none}.footer-links a:hover{color:var(--text-primary)}.footer-copy{font-size:var(--text-xs);color:var(--text-tertiary)}.preview-filters{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.preview-caption{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;line-height:var(--leading-relaxed)}.month-item{padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex}.month-item:hover{border-color:var(--text-primary)}.month-item:active{transform:scale(.97)}.month-item.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--text-inverse)}.month-name{font-size:var(--text-sm);font-weight:var(--font-semibold)}.month-spots{font-size:var(--text-xs);color:var(--text-tertiary)}.month-item.active .month-spots{color:#ffffffb3}@media (min-width:640px){.country-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:950px){.country-grid{grid-template-columns:repeat(4,1fr)}}.country-item{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.country-item:hover{border-color:var(--border-strong)}.country-item:active{transform:scale(.98)}.country-flag{font-size:var(--text-2xl)}.country-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.search-container{padding:var(--space-6)0}.search-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.filter-panel{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.filter-section:last-child{margin-bottom:0}.filter-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.filter-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.filter-hint{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.filter-divider{background:var(--border-subtle);height:1px;margin:var(--space-5)0}.filters-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:950px){.filters-grid{grid-template-columns:repeat(4,1fr)}}.results-count strong{font-weight:var(--font-semibold);color:var(--text-primary)}.no-results{padding:var(--space-10);text-align:center}.no-results-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--text-tertiary)}.no-results-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.no-results-text{font-size:var(--text-base);color:var(--text-secondary)}.spot-detail-header{padding:var(--space-6)0;border-bottom:1px solid var(--border-subtle)}.spot-detail-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.spot-detail-location{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary);display:flex}.spot-detail-stats{gap:var(--space-4);padding:var(--space-6)0;grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.spot-detail-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);text-align:center}.stat-card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-card-value .unit{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-secondary)}.stat-card-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:var(--radius-lg);width:300px}.skeleton-image{aspect-ratio:1/.95;border-radius:var(--radius-lg);width:100%}.skeleton-text{height:16px;margin-top:var(--space-3)}.skeleton-text-sm{width:60%;height:12px;margin-top:var(--space-2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.font-mono{font-family:var(--font-mono)}.tabular-nums{font-variant-numeric:tabular-nums}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.touch-target{min-width:44px;min-height:44px}@media (max-width:1023px){.desktop-only{display:none!important}}@media (min-width:950px){.mobile-only{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeSlideUp .4s var(--ease-entrance)forwards}.animate-fade-in{animation:fadeIn .3s var(--ease-entrance)forwards}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sponsor-marquee{padding:var(--space-3)0;background:var(--bg-surface-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);overflow:hidden}.sponsor-track{gap:var(--space-4);animation:60s linear infinite scrollLeft;display:flex}.sponsor-chip{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;transition:all var(--duration-fast)var(--ease-standard);flex-shrink:0;text-decoration:none;display:flex}.sponsor-chip:hover{background:var(--bg-surface-secondary);border-color:var(--border-default)}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.card-body{padding:var(--space-5)}.spot-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);display:flex}.spot-info{flex:1;min-width:0}.spot-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.spot-location{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.spot-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spot-airport{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.spot-badge-group{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.spot-rank-medal{font-size:20px;line-height:1}.spot-stats{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);display:grid}.spot-stats-4{grid-template-columns:repeat(4,1fr)}.spot-stat{padding:var(--space-3);text-align:center;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:center;display:flex}.spot-stat:nth-child(2n),.spot-stats-4 .spot-stat:nth-child(4n){border-right:none}.spot-stats-4 .spot-stat:nth-child(n+3){border-bottom:none}.spot-stat-value{font-size:var(--text-lg);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;color:var(--text-primary)}.spot-stat-value .unit{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.spot-stat-label{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.btn-glow{position:relative}.btn-glow:before{content:"";border-radius:inherit;opacity:.4;filter:blur(8px);z-index:-1;background:linear-gradient(90deg,#e61e4d,#d70466);position:absolute;inset:-2px}.bg-ambient,.bg-glow,.bg-overlay{display:none}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.cta-form{flex-direction:column}}.region-emoji{font-size:var(--text-2xl);line-height:1}.region-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);display:block}.region-highlight{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}@media (min-width:640px){.country-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:950px){.country-grid{grid-template-columns:repeat(4,1fr)}}.country-card:hover{border-color:var(--border-strong);background:var(--bg-surface-secondary)}.country-flag{font-size:var(--text-xl);line-height:1}.country-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.country-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);flex-shrink:0}.footer-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.footer-link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast);text-decoration:none}.footer-link:hover{color:var(--text-primary)}.page-hero{padding:var(--space-6)0;text-align:center}.page-hero-emoji{margin-bottom:var(--space-3);font-size:48px;line-height:1;display:block}.page-hero-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.page-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-3)}.month-nav-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:inline-flex}.month-nav-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-secondary)}.results-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.results-sort{font-size:var(--text-sm);color:var(--text-tertiary)}.spot-card{position:relative}.spot-rank{top:var(--space-3);left:var(--space-3);z-index:1;font-size:20px;line-height:1;position:absolute}.spot-location-icon,.spot-airport-icon{opacity:.6;margin-right:2px}.pill-purple{color:var(--color-purple);background:var(--color-purple-dim);border-color:var(--color-purple-border)}.results-list .spot-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:block;overflow:hidden}.results-list .spot-card:hover{border-color:var(--border-strong)}.results-list .spot-card:active{transform:scale(.99)}.results-list .spot-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);display:flex}.results-list .spot-stats{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);display:grid}.results-list .spot-stat{padding:var(--space-3);text-align:center;border-right:1px solid var(--border-subtle);flex-direction:column;align-items:center;display:flex}.results-list .spot-stat:last-child{border-right:none}@media (max-width:480px){.results-list .spot-stats{grid-template-columns:repeat(2,1fr)}.results-list .spot-stat{border-bottom:1px solid var(--border-subtle)}.results-list .spot-stat:nth-child(2){border-right:none}.results-list .spot-stat:nth-child(n+3){border-bottom:none}}.error-msg{padding:var(--space-3)var(--space-4);margin-bottom:var(--space-4);background:var(--color-red-dim);border:1px solid var(--color-red-border);border-radius:var(--radius-md);color:var(--color-red);font-size:var(--text-sm);font-weight:var(--font-medium)}.input-range{align-items:center;gap:var(--space-2);display:flex}.input-range .input{text-align:center;flex:1}.input-range-separator{background:var(--border-default);border-radius:var(--radius-full);flex-shrink:0;width:16px;height:2px}.form-label-icon{vertical-align:middle;margin-right:var(--space-1);opacity:.7;display:inline-block}.divider{background:var(--border-subtle);height:1px;margin:var(--space-5)0}.results-list.stagger>*{animation:fadeSlideUp .4s var(--ease-entrance)backwards}.results-list.stagger>:first-child{animation-delay:0s}.results-list.stagger>:nth-child(2){animation-delay:50ms}.results-list.stagger>:nth-child(3){animation-delay:.1s}.results-list.stagger>:nth-child(4){animation-delay:.15s}.results-list.stagger>:nth-child(5){animation-delay:.2s}.results-list.stagger>:nth-child(6){animation-delay:.25s}.results-list.stagger>:nth-child(7){animation-delay:.3s}.results-list.stagger>:nth-child(8){animation-delay:.35s}.results-list.stagger>:nth-child(9){animation-delay:.4s}.results-list.stagger>:nth-child(10){animation-delay:.45s}.data-explainer{padding:var(--space-3)var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.empty-icon{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:var(--space-4);stroke-width:1.5px}.empty-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:320px}.spot-card-image-wrapper{aspect-ratio:1/.95;border-radius:var(--radius-lg);width:100%;position:relative;overflow:hidden}.spot-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.spot-card-rating-value{font-weight:var(--font-semibold);color:var(--text-primary)}.spot-card-rating-label{font-size:var(--text-xs);color:var(--text-tertiary)}.region-gradient{border-radius:var(--radius-md);flex-shrink:0;width:40px;height:40px}.region-content{flex-direction:column;flex:1;display:flex}.region-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.region-count{font-size:var(--text-sm);color:var(--text-secondary)}.steps-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.step-card{text-align:center;padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;align-items:center;display:flex}.step-icon{background:var(--color-teal-dim);width:48px;height:48px;color:var(--color-teal);border-radius:var(--radius-lg);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.step-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.audience-grid{gap:var(--space-4);flex-direction:column;display:flex}.audience-icon{color:var(--accent);flex-shrink:0}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.cta-form{gap:var(--space-3);max-width:400px;margin:0 auto;display:flex}.cta-form .input,.cta-input{flex:1}@media (max-width:480px){.cta-form{flex-direction:column}}.cta-description{max-width:400px;margin:0 auto var(--space-6);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.hero-compact{padding:var(--space-6)0;text-align:center}.hero-compact .hero-title{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.hero-compact .hero-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.text-accent{color:var(--accent)}.category-badge-new{background:var(--color-pink);color:var(--text-inverse);font-size:8px;font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 6px;position:absolute;top:-4px;right:-16px}.page-container{min-height:100dvh;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-6))}.footer-copyright{font-size:var(--text-xs);color:var(--text-tertiary)}.spots-grid{gap:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);margin-left:calc(var(--content-padding)*-1);margin-right:calc(var(--content-padding)*-1);padding-left:var(--content-padding);padding-right:var(--content-padding);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto hidden}.spots-grid::-webkit-scrollbar{display:none}.spots-grid>*{scroll-snap-align:start;flex-shrink:0;width:280px;min-width:280px}@media (min-width:744px){.spots-grid{gap:var(--space-5);scroll-snap-type:none;grid-template-columns:repeat(2,1fr);margin:0;padding-bottom:0;padding-left:0;padding-right:0;display:grid;overflow:visible}.spots-grid>*{width:auto;min-width:0}}@media (min-width:950px){.spots-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.spots-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:744px){.scroll-container{gap:var(--space-5);scroll-snap-type:none;grid-template-columns:repeat(2,1fr);margin:0;padding-bottom:0;padding-left:0;padding-right:0;display:grid;overflow:visible}.scroll-container>*{flex-shrink:1;width:auto;min-width:0}}@media (min-width:950px){.scroll-container{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.scroll-container{grid-template-columns:repeat(4,1fr)}}@media (min-width:744px){.hero{text-align:center;padding:var(--space-12)0;max-width:720px;margin:0 auto}.hero-title{font-size:var(--text-5xl)}.hero-text{font-size:var(--text-lg)}.search-bar{max-width:560px;margin:0 auto}.category-tabs{justify-content:center;gap:var(--space-12);padding:var(--space-6)0}.section{padding:var(--space-8)0}.section-header{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-2xl)}.data-grid{gap:var(--space-4);max-width:var(--content-max-width);grid-template-columns:repeat(4,1fr);margin:0 auto}.data-card{padding:var(--space-6)}.data-value{font-size:var(--text-3xl)}.steps{gap:var(--space-6);max-width:var(--content-max-width);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.step{text-align:center;padding:var(--space-6);background:var(--bg-surface-secondary);border-radius:var(--radius-xl);flex-direction:column}.step-number{margin-bottom:var(--space-4)}.step-content{margin-left:0}.section:has(.audience-card){max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.audience-card{padding:var(--space-5)}.section-cta{max-width:600px;margin:var(--space-12)auto}.cta-card{padding:var(--space-10)}.cta-title{font-size:var(--text-2xl)}.newsletter-form{flex-direction:row;max-width:400px;margin:0 auto}.footer{padding:var(--space-12)0}.footer-links{gap:var(--space-8)}}@media (min-width:950px){.bottom-nav{display:none}.app-scroll{padding-bottom:var(--space-12)}.header-content{justify-content:space-between}.logo{font-size:var(--text-xl)}}.spot-card-link{color:inherit;transition:transform var(--duration-fast)var(--ease-standard);flex-direction:column;text-decoration:none;display:flex}.spot-card-link:active{transform:scale(.98)}.spot-card-image-container{aspect-ratio:4/3;background:var(--bg-surface-secondary);border:1px solid #0000000d;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.spot-card-badge{-webkit-backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:10;background:#10b981e6;border-radius:9999px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 4px #0000001a}.spot-card-overlay{z-index:10;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.spot-card-wind-badge{-webkit-backdrop-filter:blur(8px);background:#ffffffeb;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;display:flex;box-shadow:0 2px 4px #0000001a}.spot-card-wind-badge svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}.spot-card-wind-badge span{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:600}.spot-card-location-pill{-webkit-backdrop-filter:blur(8px);background:#ffffffeb;border-radius:12px;align-items:center;gap:4px;max-width:50%;padding:6px 10px;display:flex;box-shadow:0 2px 4px #0000001a}.spot-card-location-pill svg{width:12px;height:12px;color:var(--text-secondary);flex-shrink:0}.spot-card-location-pill span{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.spot-card-meta{padding:12px 4px 4px}.spot-card-meta-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.spot-card-meta .spot-card-name{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600;line-height:1.3}.spot-card-meta .spot-card-location{color:var(--text-secondary);margin:2px 0 0;font-size:14px;font-weight:400}.spot-card-meta .spot-card-rating{color:var(--text-primary);flex-shrink:0;align-items:center;gap:4px;display:flex}.spot-card-meta .spot-card-rating svg{width:14px;height:14px}.spot-card-meta .spot-card-rating span{font-size:14px;font-weight:500}.spot-card-details{align-items:center;gap:12px;margin-top:6px;display:flex}.spot-card-details span{color:var(--text-tertiary);font-size:13px;font-weight:500}.scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-flow:row!important;gap:12px!important;margin:0 -16px!important;padding:4px 16px 16px!important;display:flex!important;overflow:auto hidden!important}.scroll-container::-webkit-scrollbar{display:none}.scroll-container>.spot-card-link{scroll-snap-align:start;flex:none!important;width:240px!important;min-width:240px!important}@media (min-width:400px){.scroll-container{gap:16px!important}.scroll-container>.spot-card-link{width:260px!important;min-width:260px!important}}@media (min-width:640px){.scroll-container{margin:0 -24px!important;padding-left:24px!important;padding-right:24px!important}}@media (min-width:744px){.scroll-container{scroll-snap-type:none!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important;margin:0!important;padding:4px 0 16px!important;display:grid!important;overflow:visible!important}.scroll-container>.spot-card-link{flex:auto!important;width:auto!important;min-width:0!important}.spot-card-meta .spot-card-name{font-size:16px}}@media (min-width:950px){.scroll-container{grid-template-columns:repeat(3,1fr)!important;gap:28px!important}.spot-card-meta .spot-card-name{font-size:17px}}@media (min-width:1440px){.scroll-container{grid-template-columns:repeat(4,1fr)!important}}.region-emoji{background:var(--bg-surface-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.region-name{color:var(--text-primary);font-size:16px;font-weight:600;display:block}.region-highlight{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;display:block;overflow:hidden}.region-arrow{color:var(--text-tertiary);flex-shrink:0}.country-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.country-card{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.country-card:active{background:var(--bg-surface-secondary);transform:scale(.98)}.country-flag{flex-shrink:0;font-size:20px}.country-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.country-count{color:var(--text-tertiary);flex-shrink:0;font-size:13px;font-weight:600}.page-hero{text-align:center;padding:var(--space-6)0}.page-hero-emoji{margin-bottom:var(--space-2);font-size:48px;display:block}.page-hero-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 var(--space-2);font-size:28px;font-weight:700}.page-hero-subtitle{color:var(--text-secondary);margin:0;font-size:15px}.pill{border-radius:9999px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.pill-teal{background:var(--accent-dim);color:var(--accent)}.pill-blue{background:var(--color-blue-dim);color:var(--color-blue)}.pill-purple{background:var(--color-purple-dim);color:var(--color-purple)}.pill-orange{background:var(--color-orange-dim);color:var(--color-orange)}.mt-3{margin-top:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.month-nav-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--duration-fast)var(--ease-standard);font-size:14px;font-weight:500;text-decoration:none;display:flex}.month-nav-btn:active{background:var(--bg-surface-tertiary);transform:scale(.96)}.data-explainer-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.data-explainer-text strong{color:var(--accent);font-weight:600}.results-header{padding:var(--space-2)0;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.results-count{color:var(--text-primary);font-size:14px;font-weight:600}.results-sort{color:var(--text-tertiary);font-size:13px}.spot-result-card{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:block;position:relative}.spot-result-card .spot-rank{z-index:1;font-size:20px;position:absolute;top:-8px;left:-8px}.spot-result-card .spot-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.spot-result-card .spot-info{flex:1;min-width:0}.spot-result-card .spot-name{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.3}.spot-result-card .spot-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.spot-result-card .spot-location{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;display:inline-flex}.spot-result-card .spot-location svg{color:var(--text-tertiary);flex-shrink:0}.spot-result-card .spot-airport{font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-surface-secondary);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.spot-result-card .spot-airport svg{flex-shrink:0;width:12px;height:12px}.spot-result-card .spot-stats{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);display:grid}.spot-result-card .spot-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.spot-result-card .spot-stat-value{font-size:15px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);align-items:baseline;gap:1px;display:flex}.spot-result-card .spot-stat-value .unit{color:var(--text-tertiary);font-size:11px;font-weight:500}.spot-result-card .spot-stat-label{color:var(--text-tertiary);margin-top:2px;font-size:11px}.results-list .spot-card{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:block;position:relative}.results-list .spot-card:active{background:var(--bg-surface-secondary);transform:scale(.99)}.results-list .spot-rank{font-size:20px;position:absolute;top:-8px;left:-8px}.results-list .spot-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.results-list .spot-info{flex:1;min-width:0}.results-list .spot-name{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.3}.results-list .spot-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.results-list .spot-location{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;display:inline-flex}.results-list .spot-location-icon{color:var(--text-tertiary)}.results-list .spot-airport{font-size:12px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-surface-secondary);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.results-list .spot-airport-icon{width:12px;height:12px}.match-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;min-width:48px;padding:6px 10px;font-size:14px;font-weight:700;display:inline-flex}.match-excellent{color:#059669;background:#10b98126}.match-good{color:#2563eb;background:#3b82f626}.match-fair{color:#d97706;background:#f59e0b26}.match-poor{color:#dc2626;background:#ef44441a}.results-list .spot-stats{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);display:grid}.results-list .spot-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.results-list .spot-stat-value{color:var(--text-primary);align-items:baseline;gap:1px;font-size:15px;font-weight:600;display:flex}.results-list .spot-stat-value .unit{color:var(--text-tertiary);font-size:11px;font-weight:500}.results-list .spot-stat-label{color:var(--text-tertiary);margin-top:2px;font-size:11px}.font-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.stagger>*{animation:.4s ease-out backwards fadeInUp}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(n+7){animation-delay:.35s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:var(--space-12)var(--space-6);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.empty-icon{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:var(--space-4)}.empty-title{color:var(--text-primary);margin:0 0 var(--space-2);font-size:18px;font-weight:600}.empty-text{color:var(--text-secondary);margin:0;font-size:14px}.footer{text-align:center;padding:var(--space-8)0 var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-8)}.footer-text{color:var(--text-tertiary);margin:0 0 var(--space-3);font-size:13px}.footer-links{justify-content:center;gap:var(--space-4);display:flex}.footer-link{color:var(--text-secondary);font-size:13px;text-decoration:none}.footer-link:active{color:var(--text-primary)}@media (max-width:374px){.country-grid{grid-template-columns:1fr;gap:8px}.country-card{padding:var(--space-3)var(--space-3)}.country-name{font-size:14px}}.filter-section{margin-bottom:var(--space-5)}.filter-label{align-items:center;gap:var(--space-2);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:11px;font-weight:600;display:flex}.filter-label svg{width:14px;height:14px;color:var(--accent)}.filter-row{gap:var(--space-2);display:flex}.filter-input{min-width:0;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:15px;font-family:var(--font-mono);color:var(--text-primary);appearance:none;flex:1}.filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.filter-input::placeholder{color:var(--text-tertiary)}.filter-input[type=date]{min-height:48px;position:relative}.filter-input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (max-width:374px){.filter-row{gap:var(--space-2);flex-direction:column}.filter-input{width:100%;padding:var(--space-3);font-size:14px}}.search-button{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);border:none;font-size:16px;font-weight:600;display:flex}.search-button:active{background:var(--accent-active);transform:scale(.98)}.search-button:disabled{opacity:.5;cursor:not-allowed}.search-button svg{width:20px;height:20px}.filter-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}@media (max-width:374px){.filter-card{padding:var(--space-4);border-radius:var(--radius-lg)}}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.toggle-label{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:14px;display:flex}.toggle-label svg{width:16px;height:16px;color:var(--text-secondary)}.toggle-switch{flex-shrink:0;width:51px;height:31px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-surface-tertiary);border-radius:31px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:27px;height:27px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}@media (max-width:374px){.container{padding:0 var(--space-3)}.scroll-container{margin:0 calc(var(--space-3)*-1)!important;padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}}.date-picker-container{flex:1;min-width:0;position:relative}.date-picker-input{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);text-align:left;min-height:48px;font-size:15px;display:flex}.date-picker-input:active{border-color:var(--accent);background:var(--bg-surface-secondary)}.date-picker-icon{color:var(--text-tertiary);flex-shrink:0}.date-picker-input span{font-family:var(--font-mono);flex:1}.date-picker-input span.placeholder{color:var(--text-tertiary)}.date-picker-input span.has-value{color:var(--text-primary)}.date-picker-clear{background:var(--bg-surface-tertiary);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.date-picker-clear:active{background:var(--bg-surface-secondary)}.date-picker-backdrop{z-index:998;background:#0006;animation:.2s ease-out fadeIn;position:fixed;inset:0}.date-picker-modal{background:var(--bg-card);border-radius:var(--radius-xl)var(--radius-xl)0 0;width:100%;max-width:400px;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:999;animation:slideUp .3s var(--ease-spring);position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #00000026}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.date-picker-header{margin-bottom:var(--space-4);padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.date-picker-nav{background:var(--bg-surface-secondary);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.date-picker-nav:active{background:var(--bg-surface-tertiary);transform:scale(.95)}.date-picker-month-year{color:var(--text-primary);font-size:18px;font-weight:600}.date-picker-weekdays{margin-bottom:var(--space-2);grid-template-columns:repeat(7,1fr);gap:0;display:grid}.date-picker-weekday{height:32px;color:var(--text-tertiary);text-transform:uppercase;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.date-picker-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-picker-day{aspect-ratio:1;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex}.date-picker-day:not(.empty):not(.disabled):active{background:var(--accent-dim);transform:scale(.9)}.date-picker-day.empty{cursor:default}.date-picker-day.disabled{color:var(--text-tertiary);opacity:.4;cursor:not-allowed}.date-picker-day.today{color:var(--accent);font-weight:700}.date-picker-day.selected{background:var(--accent);color:#fff;font-weight:600}.date-picker-day.selected.today{color:#fff}.date-picker-footer{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.date-picker-today-btn{padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);border:none;flex:1;font-size:15px;font-weight:600}.date-picker-today-btn:active{background:var(--bg-surface-tertiary);transform:scale(.98)}.date-picker-done-btn{padding:var(--space-3);background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);border:none;flex:1;font-size:15px;font-weight:600}.date-picker-done-btn:active{background:var(--accent-active);transform:scale(.98)}.date-range-picker{align-items:center;gap:var(--space-2);display:flex}.date-range-separator{color:var(--text-tertiary);flex-shrink:0;font-weight:500}@media (max-width:374px){.date-range-picker{flex-direction:column;align-items:stretch}.date-range-separator{display:none}}@media (min-width:744px){.date-picker-modal{border-radius:var(--radius-xl);max-height:90vh;animation:.2s ease-out fadeInScale;top:50%;bottom:auto;transform:translate(-50%,-50%)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}.error-message{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:#dc2626;margin-bottom:var(--space-4);background:#ef44441a;border:1px solid #ef444433;font-size:14px}.filter-separator{color:var(--text-tertiary);padding:0 var(--space-1);flex-shrink:0;font-weight:500}.filter-actions{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);display:flex}.reset-button{background:var(--bg-surface-secondary);border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.reset-button:active{background:var(--bg-surface-tertiary);transform:scale(.95)}.search-button{flex:1}.active-filters{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.filter-pill{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0000000d}.filter-pill svg{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0}.filter-pill-teal{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.filter-pill-teal svg{color:var(--accent)}.filter-pill-orange{background:var(--color-orange-dim);color:#c2410c;border-color:#ff95004d}.filter-pill-orange svg{color:var(--color-orange)}.filter-pill-blue{background:var(--color-blue-dim);color:#1d4ed8;border-color:#007aff4d}.filter-pill-blue svg{color:var(--color-blue)}.filter-pill-purple{background:var(--color-purple-dim);color:#7c3aed;border-color:#af52de4d}.filter-pill-purple svg{color:var(--color-purple)}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg,var(--bg-surface-secondary)0%,var(--bg-surface-tertiary)50%,var(--bg-surface-secondary)100%);border-radius:var(--radius-lg);background-size:200% 100%;animation:1.5s infinite shimmer}.filter-input[type=number]{appearance:textfield}.filter-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.filter-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}@media (max-width:374px){.filter-actions{flex-direction:column}.reset-button{gap:var(--space-2);flex-direction:row;width:100%;height:44px}.reset-button:after{content:"Reset";font-size:14px;font-weight:500}.active-filters{gap:var(--space-2)}.filter-pill{padding:5px 10px;font-size:12px}}.filter-select{width:100%;padding:var(--space-3);padding-right:var(--space-8);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233C3C4399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;min-height:48px;font-size:15px}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.filter-select:disabled{opacity:.5;cursor:not-allowed}.filter-select option[value=""]{color:var(--text-tertiary)}.filter-select optgroup{color:var(--text-primary);font-weight:600}.filter-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:374px){.filter-grid{grid-template-columns:1fr}}.filters-toggle{width:100%;padding:var(--space-3)0;cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.filters-toggle svg{transition:transform var(--duration-fast)var(--ease-standard)}.filters-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.filters-content{transition:max-height .3s ease-out;overflow:hidden}.filters-content[data-collapsed=true]{max-height:0}.filters-content[data-collapsed=false]{max-height:500px}.select-container{flex:1;min-width:0;position:relative}.select-button{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);text-align:left;min-height:48px;font-size:15px;display:flex}.select-button:active{border-color:var(--accent);background:var(--bg-surface-secondary)}.select-icon{color:var(--text-tertiary);flex-shrink:0;align-items:center;display:flex}.select-icon svg{width:18px;height:18px}.select-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.select-placeholder{color:var(--text-tertiary);flex:1}.select-chevron{color:var(--text-tertiary);transition:transform var(--duration-fast)var(--ease-standard);flex-shrink:0}.select-clear{background:var(--bg-surface-tertiary);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.select-clear:active{background:var(--bg-surface-secondary)}.select-backdrop{z-index:var(--z-max);isolation:isolate;background:#0006;animation:.2s ease-out fadeIn;position:fixed;inset:0}.select-modal{background:var(--bg-card);border-radius:var(--radius-xl)var(--radius-xl)0 0;max-height:70dvh;z-index:calc(var(--z-max) + 1);animation:slideUpMobile .3s var(--ease-spring);flex-direction:column;transition:max-height .2s ease-out,bottom .2s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #00000026}.select-modal-searchable{max-height:80dvh}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.select-modal-header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.select-modal-title{color:var(--text-primary);font-size:17px;font-weight:600}.select-modal-close{color:var(--accent);cursor:pointer;padding:var(--space-1)var(--space-2);background:0 0;border:none;font-size:17px;font-weight:600}.select-modal-close:active{opacity:.7}.select-search{background:var(--bg-card);z-index:1;padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:sticky;top:0}.select-search-input{width:100%;padding:var(--space-3);padding-right:var(--space-10);background:var(--bg-surface-secondary);border-radius:var(--radius-md);color:var(--text-primary);scroll-margin-top:var(--space-4);border:none;outline:none;font-size:16px}.select-search-input::placeholder{color:var(--text-tertiary)}.select-search-input:focus{background:var(--bg-surface-tertiary)}.select-search-clear{right:calc(var(--space-4) + var(--space-2));background:var(--bg-surface-tertiary);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.select-options{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(env(safe-area-inset-bottom,16px) + var(--space-4));flex:1;min-height:0;overflow-y:auto}.select-option{width:100%;padding:var(--space-4);border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--duration-fast)var(--ease-standard);background:0 0;justify-content:space-between;align-items:center;font-size:17px;display:flex}.select-option:last-child{border-bottom:none}.select-option:active{background:var(--bg-surface-secondary)}.select-option.selected{color:var(--accent);font-weight:500}.select-option.selected .select-check{color:var(--accent)}.select-check{color:var(--accent);flex-shrink:0}.select-empty{padding:var(--space-8)var(--space-4);text-align:center;color:var(--text-tertiary);font-size:15px}@media (min-width:744px){.select-modal{border-radius:var(--radius-xl);width:100%;max-width:400px;max-height:70vh;animation:.2s ease-out fadeInScaleDesktop;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.select-modal-searchable{max-height:70vh}@keyframes fadeInScaleDesktop{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}.header-transparent{z-index:10;background:linear-gradient(#00000080 0%,#0000 100%);position:absolute;top:0;left:0;right:0}.header-transparent .header-back{color:#fff}.header-transparent .header-back:active{color:#fffc}.spot-hero{width:100%;height:280px;position:relative;overflow:hidden}.spot-hero-back{top:var(--space-3);left:var(--space-4);z-index:10;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#fff;transition:all var(--duration-fast)var(--ease-standard);background:#0006;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:absolute}.spot-hero-back:active{background:#0009;transform:scale(.95)}.spot-hero-back svg{flex-shrink:0}.spot-hero-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.spot-hero-gradient{background:linear-gradient(135deg,var(--accent)0%,var(--color-blue)100%);position:absolute;inset:0}.spot-hero-overlay{background:linear-gradient(#0000 0%,#0003 50%,#000000b3 100%);position:absolute;inset:0}.spot-hero-content{padding:var(--space-5);color:#fff;position:absolute;bottom:0;left:0;right:0}.spot-hero-title{margin:0 0 var(--space-2);text-shadow:0 2px 8px #0000004d;font-size:28px;font-weight:700}.spot-hero-location{align-items:center;gap:var(--space-2);opacity:.9;font-size:15px;display:flex}.spot-hero-location svg{flex-shrink:0}.wip-notice{gap:var(--space-3);padding:var(--space-4);background:var(--color-orange-dim);border-radius:var(--radius-lg);margin:var(--space-4)0;border:1px solid #ff95004d;display:flex}.wip-notice svg{color:var(--color-orange);flex-shrink:0;margin-top:2px}.wip-notice strong{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.wip-notice p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.spot-quick-stats{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.spot-quick-stat{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center}.spot-quick-stat-value{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-primary);margin-bottom:var(--space-1);font-size:24px;font-weight:700;display:flex}.spot-quick-stat-value .unit{color:var(--text-tertiary);font-size:14px;font-weight:500}.spot-quick-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.spot-section{margin-bottom:var(--space-6)}.spot-section-title{align-items:center;gap:var(--space-2);color:var(--text-primary);margin:0 0 var(--space-3);font-size:17px;font-weight:600;display:flex}.spot-section-title svg{color:var(--accent);flex-shrink:0}.best-months-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:500px){.best-months-grid{grid-template-columns:repeat(4,1fr)}}.monthly-stats-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-4)*-1);padding:0 var(--space-4);overflow-x:auto}.monthly-stats-table{border-collapse:collapse;width:100%;min-width:400px;font-size:14px}.monthly-stats-table th{padding:var(--space-3)var(--space-2);text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-size:11px;font-weight:600}.monthly-stats-table td{padding:var(--space-3)var(--space-2);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.monthly-stats-table tr:last-child td{border-bottom:none}.month-cell{font-weight:600}.wind-badge{font-size:13px;font-weight:600;font-family:var(--font-mono);border-radius:4px;padding:2px 8px;display:inline-block}.wind-badge-excellent{color:#059669;background:#10b98126}.wind-badge-good{color:#2563eb;background:#3b82f626}.wind-badge-fair{color:#d97706;background:#f59e0b26}.wind-badge-poor{color:#dc2626;background:#ef44441a}.stats-footnote{color:var(--text-tertiary);margin-top:var(--space-3);text-align:center;font-size:12px}.spot-details-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.spot-detail{padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md)}.spot-detail-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-size:11px;font-weight:600;display:block}.spot-detail-value{color:var(--text-primary);font-size:15px;font-weight:500;display:block}.text-sm{font-size:13px}.hazards-card{padding:var(--space-4);border-radius:var(--radius-lg);background:#ef444414;border:1px solid #ef444433}.hazards-card p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.6}.spot-description{padding:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg)}.spot-description p{color:var(--text-primary);margin:0;font-size:15px;line-height:1.6}.external-links{gap:var(--space-2);flex-direction:column;display:flex}.external-link{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.external-link:active{background:var(--bg-surface-secondary);transform:scale(.99)}.external-link svg:first-child{color:var(--accent);flex-shrink:0}.external-link span{flex:1;font-size:15px;font-weight:500}.external-link svg:last-child{color:var(--text-tertiary);flex-shrink:0}.spot-cta{text-align:center;padding:var(--space-6);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-xl);margin:var(--space-6)0}.spot-cta h3{color:var(--text-primary);margin:0 0 var(--space-2);font-size:18px;font-weight:600}.spot-cta p{color:var(--text-secondary);margin:0 0 var(--space-4);font-size:14px}.spot-cta-button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);background:var(--accent);color:#fff;border-radius:var(--radius-full);transition:all var(--duration-fast)var(--ease-standard);font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.spot-cta-button:active{background:var(--accent-active);transform:scale(.98)}@media (min-width:744px){.spot-hero{height:360px}.spot-hero-title{font-size:36px}.spot-hero-location{font-size:17px}.spot-quick-stats{grid-template-columns:repeat(4,1fr)}.spot-details-grid{grid-template-columns:repeat(3,1fr)}.external-links{flex-flow:wrap}.external-link{flex:1;min-width:200px}}@media (min-width:950px){.spot-hero{height:400px}.spot-hero-content{max-width:var(--content-max-width);padding:var(--space-8)var(--content-padding);margin:0 auto}}.methodology-card{padding:var(--space-4);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-lg);margin:var(--space-4)0 var(--space-5)}.methodology-header{align-items:center;gap:var(--space-2);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:12px;font-weight:600;display:flex}.methodology-header svg{flex-shrink:0}.methodology-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.methodology-card strong{color:var(--text-primary)}.spot-section-subtitle{color:var(--text-tertiary);margin:calc(var(--space-2)*-1)0 var(--space-3)0;padding-left:26px;font-size:13px}.spot-quick-stat-hint{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-top:var(--space-1);font-size:10px}.best-month-card{padding:var(--space-4)var(--space-3);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;display:flex}.best-month-name{color:var(--text-primary);margin-bottom:var(--space-2);font-size:14px;font-weight:600}.best-month-value{color:var(--accent);font-size:28px;font-weight:700;line-height:1}.best-month-label{color:var(--text-tertiary);margin-top:var(--space-1);font-size:11px}.stats-footnote-card{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg)}.stats-footnote-row{gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--border-subtle);font-size:13px;display:flex}.stats-footnote-row:last-child{border-bottom:none;padding-bottom:0}.stats-footnote-row:first-child{padding-top:0}.stats-footnote-row strong{min-width:80px;color:var(--text-primary);flex-shrink:0;font-weight:600}.stats-footnote-row span{color:var(--text-secondary)}@media (max-width:374px){.best-months-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.best-month-value{font-size:24px}.stats-footnote-row{gap:var(--space-1);flex-direction:column}.stats-footnote-row strong{min-width:auto}}.search-result-card{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:block}.search-result-card:active{background:var(--bg-surface-secondary);transform:scale(.99)}.search-result-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.search-result-title-group{align-items:flex-start;gap:var(--space-2);flex:1;min-width:0;display:flex}.search-result-medal{flex-shrink:0;font-size:20px;line-height:1}.search-result-name{color:var(--text-primary);margin:0 0 var(--space-1);font-size:17px;font-weight:600;line-height:1.3}.search-result-location{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:13px;display:flex}.search-result-location svg{color:var(--text-tertiary);flex-shrink:0}.search-result-airport{font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-surface-secondary);border-radius:4px;padding:1px 5px;font-size:12px;font-weight:600}.search-result-match{padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;align-items:center;min-width:64px;display:flex}.search-result-match-value{font-size:20px;font-weight:700;font-family:var(--font-mono);line-height:1}.search-result-match-label{text-transform:uppercase;letter-spacing:.02em;margin-top:2px;font-size:10px;font-weight:600}.search-result-match.match-excellent{background:#10b9811f;border:1px solid #10b98140}.search-result-match.match-excellent .search-result-match-value{color:#059669}.search-result-match.match-excellent .search-result-match-label{color:#047857}.search-result-match.match-good{border:1px solid var(--accent-border);background:#00c7be1a}.search-result-match.match-good .search-result-match-value{color:var(--accent)}.search-result-match.match-good .search-result-match-label{color:var(--accent-active)}.search-result-match.match-fair{background:#f59e0b1a;border:1px solid #f59e0b40}.search-result-match.match-fair .search-result-match-value{color:#d97706}.search-result-match.match-fair .search-result-match-label{color:#b45309}.search-result-match.match-poor{background:#ef444414;border:1px solid #ef444433}.search-result-match.match-poor .search-result-match-value{color:#dc2626}.search-result-match.match-poor .search-result-match-label{color:#b91c1c}.search-result-stats{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.search-result-stat{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md);display:flex}.search-result-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.search-result-stat-icon.stat-icon-teal{background:var(--accent-dim);color:var(--accent)}.search-result-stat-icon.stat-icon-orange{background:var(--color-orange-dim);color:var(--color-orange)}.search-result-stat-icon.stat-icon-blue{background:var(--color-blue-dim);color:var(--color-blue)}.search-result-stat-content{flex-direction:column;min-width:0;display:flex}.search-result-stat-value{font-size:16px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1.2}.search-result-stat-value .unit{color:var(--text-tertiary);margin-left:1px;font-size:11px;font-weight:500}.search-result-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:10px;font-weight:500}.search-result-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);text-align:center;font-size:11px}@media (max-width:500px){.search-result-stats{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.search-result-stat{padding:var(--space-2)var(--space-3)}.search-result-stat-icon{width:24px;height:24px}.search-result-stat-icon svg{width:12px;height:12px}.search-result-stat-value{font-size:15px}}@media (max-width:374px){.search-result-header{gap:var(--space-3);flex-direction:column}.search-result-match{justify-content:center;gap:var(--space-2);flex-direction:row;width:100%}.search-result-match-value{font-size:18px}.search-result-match-label{margin-top:0}}.data-explainer-card{padding:var(--space-3)var(--space-4);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.data-explainer-row{gap:var(--space-2);padding:var(--space-2)0;border-bottom:1px solid var(--accent-border);font-size:12px;display:flex}.data-explainer-row:last-child{border-bottom:none;padding-bottom:0}.data-explainer-row:first-child{padding-top:0}.data-explainer-row strong{min-width:70px;color:var(--accent-active);flex-shrink:0;font-weight:600}.data-explainer-row span{color:var(--text-secondary)}@media (max-width:374px){.data-explainer-row{flex-direction:column;gap:2px}.data-explainer-row strong{min-width:auto}}.page-breadcrumb{align-items:center;gap:var(--space-1);padding:var(--space-2)0;color:var(--text-secondary);margin-bottom:var(--space-3);font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.page-breadcrumb:active{color:var(--accent)}.page-breadcrumb svg{flex-shrink:0}@media (min-width:744px){.page-breadcrumb{display:none}.header{border-bottom:1px solid var(--border-subtle)}.desktop-nav{align-items:center;gap:var(--space-1);display:flex}.desktop-nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--duration-fast)var(--ease-standard);font-size:14px;font-weight:500;text-decoration:none;display:flex}.desktop-nav-link:hover{color:var(--text-primary);background:var(--bg-surface-secondary)}.desktop-nav-link.active{color:var(--accent);background:var(--accent-dim)}.desktop-nav-link svg{width:18px;height:18px}.bottom-nav{display:none}}@media (max-width:743px){.desktop-nav{display:none}}@media (min-width:744px){.app-scroll{padding-bottom:var(--space-8)}.filter-card{margin-top:var(--space-2)}.date-range-picker{gap:var(--space-3);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.date-range-separator{color:var(--text-tertiary)}.filter-row{gap:var(--space-3);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{margin-top:var(--space-5)}.search-button{flex:1}.search-result-card{padding:var(--space-5)}.search-result-header{margin-bottom:var(--space-4)}.search-result-name{font-size:18px}.search-result-stats{gap:var(--space-3);grid-template-columns:repeat(4,1fr)}.search-result-stat{padding:var(--space-3)var(--space-4)}.search-result-stat-icon{width:32px;height:32px}.search-result-stat-value{font-size:18px}.search-result-match{padding:var(--space-3)var(--space-4);min-width:80px}.search-result-match-value{font-size:24px}.spot-hero{height:400px}.spot-hero-content{max-width:var(--content-max-width);padding:0 var(--content-padding);margin:0 auto}.methodology-card{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.spot-quick-stats,.spot-section{max-width:var(--content-max-width);margin-left:auto;margin-right:auto;margin-bottom:var(--space-8)}.spot-cta{max-width:600px;margin-left:auto;margin-right:auto}.external-links{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.hero{padding:var(--space-12)var(--space-6);text-align:center}.hero-title{font-size:42px}.hero-subtitle{max-width:600px;margin-left:auto;margin-right:auto;font-size:18px}.hero-cta{justify-content:center}.section{max-width:var(--content-max-width);padding:var(--space-8)var(--content-padding);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-6)}.scroll-container{gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin:0;padding:0;display:grid;overflow-x:visible}.spot-card-link{flex-shrink:unset;width:auto}}@media (min-width:950px){.hero-title{font-size:48px}.scroll-container{grid-template-columns:repeat(4,1fr)}}@media (min-width:744px){.footer{max-width:var(--content-max-width);margin:var(--space-8)auto;padding:var(--space-6);text-align:center}.footer-links{justify-content:center}}.search-result-enhanced{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.search-result-tag{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;background:var(--bg-surface-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.3;display:inline-flex}.search-result-tag svg{opacity:.7;flex-shrink:0}.search-result-tag.tag-direction{background:var(--accent-dim);color:var(--accent-active)}.search-result-tag.tag-direction svg{opacity:1;color:var(--accent)}.search-result-tag.tag-time{background:var(--color-purple-dim);color:#7c3aed}.search-result-tag.tag-time svg{opacity:1;color:var(--color-purple)}.search-result-tag.tag-gust{font-weight:600}.search-result-tag.tag-gust-steady{background:var(--color-green-dim);color:#15803d}.search-result-tag.tag-gust-steady svg{opacity:1;color:var(--color-green)}.search-result-tag.tag-gust-moderate{background:var(--color-blue-dim);color:#1d4ed8}.search-result-tag.tag-gust-moderate svg{opacity:1;color:var(--color-blue)}.search-result-tag.tag-gust-gusty{background:var(--color-orange-dim);color:#c2410c}.search-result-tag.tag-gust-gusty svg{opacity:1;color:var(--color-orange)}.search-result-tag.tag-gust-very-gusty{background:var(--color-red-dim);color:#b91c1c}.search-result-tag.tag-gust-very-gusty svg{opacity:1;color:var(--color-red)}.search-result-stat-value .temp-feels{font-size:10px;font-weight:500;font-family:var(--font-sans);color:var(--text-tertiary);margin-top:1px;display:block}.search-result-stat-icon.stat-icon-green{background:var(--color-green-dim);color:var(--color-green)}.search-result-stat-icon.stat-icon-purple{background:var(--color-purple-dim);color:var(--color-purple)}.wind-arrow{transition:transform var(--duration-fast)var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.spot-card-details{align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.spot-card-details span{align-items:center;gap:3px;display:inline-flex}.spot-card-details span:not(:last-child):after{content:"·";margin-left:var(--space-2);color:var(--text-tertiary)}.spot-card-detail-tag{background:var(--bg-surface-secondary);border-radius:var(--radius-xs);align-items:center;gap:3px;padding:2px 6px;font-weight:500;display:inline-flex}.spot-card-detail-tag svg{opacity:.7;width:10px;height:10px}.spot-card-detail-tag.tag-time{background:var(--color-purple-dim);color:#7c3aed}.spot-card-detail-tag.tag-time svg{opacity:1;color:var(--color-purple)}.spot-card-detail-tag.tag-direction{background:var(--accent-dim);color:var(--accent-active)}.spot-card-detail-tag.tag-direction svg{opacity:1;color:var(--accent)}@media (max-width:500px){.search-result-enhanced{gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-1);margin-bottom:calc(-1*var(--space-1));margin-left:calc(-1*var(--space-3));margin-right:calc(-1*var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3);touch-action:pan-x;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none;flex-wrap:nowrap;overflow-x:auto}.search-result-enhanced::-webkit-scrollbar{display:none}.search-result-tag{flex-shrink:0;padding:3px 6px;font-size:11px}.search-result-tag svg{width:10px;height:10px}}.tag-legend{gap:var(--space-2);padding:var(--space-3);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;font-size:12px;display:none}.tag-legend-item{align-items:center;gap:var(--space-2);display:flex}.tag-legend-color{border-radius:var(--radius-xs);width:12px;height:12px}.tag-legend-color.legend-green{background:var(--color-green)}.tag-legend-color.legend-blue{background:var(--color-blue)}.tag-legend-color.legend-orange{background:var(--color-orange)}.tag-legend-color.legend-red{background:var(--color-red)}.wind-characteristics-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.wind-char-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);display:flex}.wind-char-icon{border-radius:var(--radius-md);background:var(--bg-surface-secondary);width:48px;height:48px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wind-char-content{flex-direction:column;gap:2px;display:flex}.wind-char-value{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.wind-char-label{font-size:var(--text-sm);color:var(--text-secondary)}.wind-char-card.wind-char-steady .wind-char-icon{background:var(--color-green-dim);color:var(--color-green)}.wind-char-card.wind-char-moderate .wind-char-icon{background:var(--color-blue-dim);color:var(--color-blue)}.wind-char-card.wind-char-gusty .wind-char-icon{background:var(--color-orange-dim);color:var(--color-orange)}.wind-char-card.wind-char-very-gusty .wind-char-icon{background:var(--color-red-dim);color:var(--color-red)}.time-of-day-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:500px){.time-of-day-grid{gap:var(--space-2);grid-template-columns:1fr}}.time-of-day-card{text-align:center;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);transition:all var(--duration-fast)var(--ease-standard);flex-direction:column;align-items:center;display:flex;position:relative}.time-of-day-card-best{border-color:var(--accent);background:var(--accent-dim)}.time-of-day-best-badge{top:var(--space-2);right:var(--space-2);text-transform:uppercase;letter-spacing:.05em;background:var(--accent);color:#fff;border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:600;position:absolute}.time-of-day-icon{width:44px;height:44px;margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--bg-surface-secondary);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.time-of-day-card-best .time-of-day-icon{background:var(--accent);color:#fff}.time-of-day-label{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.time-of-day-range{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.time-of-day-reliability{flex-direction:column;align-items:center;gap:2px;display:flex}.time-of-day-reliability .font-mono{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.time-of-day-card-best .time-of-day-reliability .font-mono{color:var(--accent-active)}.time-of-day-reliability-label{font-size:var(--text-xs);color:var(--text-tertiary)}.time-of-day-no-data{font-size:var(--text-sm);color:var(--text-tertiary)}.best-month-time{margin-top:var(--space-1);background:var(--color-purple-dim);color:var(--color-purple);border-radius:var(--radius-xs);align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.monthly-stats-table th,.monthly-stats-table td{padding:var(--space-2)var(--space-3)}.monthly-stats-table .unit{color:var(--text-tertiary);margin-left:1px;font-size:10px}.temp-feels-table{color:var(--text-tertiary);margin-top:1px;font-size:10px;font-weight:500;display:block}.time-badge{background:var(--color-purple-dim);color:var(--color-purple);border-radius:var(--radius-xs);justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}@media (max-width:600px){.monthly-stats-table .hide-mobile{display:none}.monthly-stats-table th,.monthly-stats-table td{padding:var(--space-2);font-size:12px}.monthly-stats-table .month-cell{font-weight:600}}.stat-icon-teal{color:var(--accent)}.stat-icon-orange{color:var(--color-orange)}.stat-icon-purple{color:var(--color-purple)}.stat-icon-green{color:var(--color-green)}.wind-badge{font-size:12px;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-xs);justify-content:center;align-items:center;min-width:44px;padding:2px 8px;display:inline-flex}.wind-badge-excellent{background:var(--color-green-dim);color:#15803d}.wind-badge-good{background:var(--accent-dim);color:var(--accent-active)}.wind-badge-fair{background:var(--color-orange-dim);color:#c2410c}.wind-badge-poor{background:var(--bg-surface-secondary);color:var(--text-tertiary)}.wind-badge-none{background:var(--bg-surface-secondary);color:var(--text-quaternary)}.month-spot-count{color:var(--text-tertiary);white-space:nowrap;font-size:9px;font-weight:500;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.region-stats{padding:var(--space-2)var(--space-3);background:var(--accent-dim);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;align-items:center;margin-left:auto;display:flex}.region-stat-value{font-size:var(--text-base);color:var(--accent-active);font-weight:700;line-height:1}.region-stat-label{color:var(--accent);white-space:nowrap;font-size:9px}.region-info{flex:1;min-width:0}.region-arrow{margin-left:var(--space-2);flex-shrink:0}.spot-result-card{gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);color:inherit;transition:all var(--duration-fast)var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;position:relative}.spot-result-card:active{background:var(--bg-surface-secondary);transform:scale(.98)}.spot-rank{top:var(--space-3);right:var(--space-3);font-size:18px;line-height:1;position:absolute}.spot-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.spot-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.spot-name{font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.spot-meta{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:12px;display:flex}.spot-location,.spot-airport{align-items:center;gap:4px;display:inline-flex}.spot-airport{font-family:var(--font-mono);font-size:11px}.match-badge{padding:var(--space-1)var(--space-2);font-size:13px;font-weight:700;font-family:var(--font-mono);border-radius:var(--radius-md);flex-shrink:0}.match-badge.match-excellent{background:var(--color-green-dim);color:#15803d}.match-badge.match-good{background:var(--accent-dim);color:var(--accent-active)}.match-badge.match-fair{background:var(--color-orange-dim);color:#c2410c}.match-badge.match-poor{background:var(--bg-surface-secondary);color:var(--text-tertiary)}.spot-stats{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.spot-stat{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.spot-stat-value{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono);flex-direction:column;align-items:center;line-height:1.2;display:flex}.spot-stat-value .unit{color:var(--text-tertiary);margin-left:1px;font-size:10px;font-weight:500}.spot-stat-feels{color:var(--text-tertiary);font-size:10px;font-weight:500;font-family:var(--font-sans)}.spot-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;font-size:10px;font-weight:500}.stat-teal{color:var(--accent)}.stat-orange{color:var(--color-orange)}.stat-blue{color:var(--color-blue)}.stat-green{color:var(--color-green)}.stat-purple{color:var(--color-purple)}.spot-tags{gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.spot-tag{border-radius:var(--radius-xs);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.spot-tag svg{flex-shrink:0}.spot-tag.tag-direction{background:var(--accent-dim);color:var(--accent-active)}.spot-tag.tag-time{background:var(--color-purple-dim);color:#7c3aed}.spot-tag.tag-gust-steady{background:var(--color-green-dim);color:#15803d}.spot-tag.tag-gust-moderate{background:var(--color-blue-dim);color:#1d4ed8}.spot-tag.tag-gust-gusty{background:var(--color-orange-dim);color:#c2410c}.spot-tag.tag-gust-very-gusty{background:var(--color-red-dim);color:#b91c1c}@media (max-width:500px){.spot-result-card{padding:var(--space-3)}.spot-stats{gap:var(--space-1);grid-template-columns:repeat(4,1fr)}.spot-stat-value{font-size:var(--text-base)}.spot-stat-label{font-size:9px}.spot-tags{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.spot-tags::-webkit-scrollbar{display:none}}.results-list{gap:var(--space-3);flex-direction:column;display:flex}.results-header{padding:var(--space-2)0;font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.results-count{align-items:center;gap:var(--space-1);display:flex}.results-count .font-mono{color:var(--text-primary);font-weight:600}.results-sort{color:var(--text-tertiary)}.data-explainer{padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.data-explainer-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.data-explainer-text strong{color:var(--text-primary)}.empty-state{padding:var(--space-12)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{color:var(--text-quaternary);margin-bottom:var(--space-4)}.empty-title{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-2)0;font-weight:600}.empty-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.month-nav-btn{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-standard);font-weight:500;text-decoration:none;display:inline-flex}.month-nav-btn:hover{background:var(--bg-surface-tertiary);color:var(--text-primary)}.month-nav-btn:active{transform:scale(.97)}.spot-list-card{gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);color:inherit;transition:all var(--duration-fast)var(--ease-standard);flex-direction:column;text-decoration:none;display:flex}.spot-list-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.spot-list-card:active{background:var(--bg-surface-secondary);transform:scale(.98)}.spot-list-header{align-items:flex-start;gap:var(--space-2);display:flex}.spot-list-medal{flex-shrink:0;font-size:18px;line-height:1}.spot-list-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.spot-list-name{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600;line-height:1.3}.spot-list-location{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.spot-list-dot{color:var(--text-quaternary)}.spot-list-airport{font-family:var(--font-mono);font-size:11px;font-weight:500}.spot-list-reliability{align-items:center;gap:var(--space-3);display:flex}.spot-list-bar-container{background:var(--bg-surface-tertiary);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.spot-list-bar{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow)var(--ease-standard)}.spot-list-bar-excellent{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.spot-list-bar-good{background:linear-gradient(90deg,var(--accent)0%,var(--accent-active)100%)}.spot-list-bar-fair{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.spot-list-bar-poor{background:var(--text-quaternary)}.spot-list-reliability-value{flex-shrink:0;align-items:baseline;gap:4px;min-width:85px;display:flex}.spot-list-percent{font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono);line-height:1}.spot-list-percent-excellent{color:#059669}.spot-list-percent-good{color:var(--accent)}.spot-list-percent-fair{color:#d97706}.spot-list-percent-poor{color:var(--text-tertiary)}.spot-list-reliability-label{color:var(--text-tertiary);font-size:11px;font-weight:500}.spot-list-stats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.spot-list-stat{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.spot-list-stat strong{color:var(--text-primary);font-weight:600}.spot-list-stat-icon{color:var(--text-tertiary)}.spot-list-stat-sep{color:var(--text-quaternary);margin:0 2px}.spot-list-feels{color:var(--text-tertiary);font-size:12px}.spot-list-tags{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px;display:flex}.spot-list-tag{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.spot-list-tag svg{flex-shrink:0}.spot-list-tag.tag-direction{background:var(--accent-dim);color:var(--accent-active)}.spot-list-tag.tag-time{background:var(--color-purple-dim);color:#7c3aed}.spot-list-tag.tag-gust-steady{background:var(--color-green-dim);color:#15803d}.spot-list-tag.tag-gust-moderate{background:var(--color-blue-dim);color:#1d4ed8}.spot-list-tag.tag-gust-gusty{background:var(--color-orange-dim);color:#c2410c}.spot-list-tag.tag-gust-very-gusty{background:var(--color-red-dim);color:#b91c1c}@media (max-width:500px){.spot-list-card{padding:var(--space-3);gap:var(--space-2)}.spot-list-medal{font-size:16px}.spot-list-name{font-size:14px}.spot-list-bar-container{height:6px}.spot-list-percent{font-size:var(--text-lg)}.spot-list-reliability-value{min-width:75px}.spot-list-stats{font-size:12px}.spot-list-tags{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1*var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3);flex-wrap:nowrap;overflow-x:auto}.spot-list-tags::-webkit-scrollbar{display:none}}.spot-list-container{gap:var(--space-3);flex-direction:column;display:flex}.data-context{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.data-context-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-3)0;font-weight:600;display:flex}.data-context-title svg{color:var(--accent)}.data-context-grid{gap:var(--space-2)var(--space-3);font-size:var(--text-sm);grid-template-columns:auto 1fr;display:grid}.data-context-label{color:var(--text-primary);white-space:nowrap;font-weight:600}.data-context-value{color:var(--text-secondary)}.data-context-highlight{background:var(--accent-dim);color:var(--accent-active);border-radius:var(--radius-xs);font-weight:500;font-family:var(--font-mono);align-items:center;gap:4px;padding:2px 6px;font-size:12px;display:inline-flex}.data-context-note{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:12px;line-height:1.5}@media (max-width:500px){.data-context{padding:var(--space-3)}.data-context-grid{gap:var(--space-2);grid-template-columns:1fr}.data-context-label{margin-bottom:-4px}}.quick-actions{gap:var(--space-2);margin-bottom:var(--space-6);max-width:var(--content-max-width);flex-direction:column;width:100%;margin-left:auto;margin-right:auto;display:flex}.quick-action{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);color:inherit;transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.quick-action:hover{border-color:var(--border-strong);background:var(--bg-surface-secondary)}.quick-action:active{transform:scale(.98)}.quick-action-icon{background:var(--accent-dim);width:40px;height:40px;color:var(--accent);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-action-content{flex-direction:column;flex:1;min-width:0;display:flex}.quick-action-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.quick-action-desc{font-size:var(--text-sm);color:var(--text-secondary)}.quick-action-arrow{color:var(--text-quaternary);flex-shrink:0}.section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.section-header-left{align-items:center;gap:var(--space-2);display:flex}.section-header-icon{color:var(--accent)}.section-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--accent);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast)var(--ease-standard);font-weight:500;text-decoration:none;display:inline-flex}.section-link:hover{background:var(--accent-dim)}.section-link:active{transform:scale(.97)}.section-context{align-items:flex-start;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;display:flex}.section-context svg{color:var(--text-tertiary);flex-shrink:0;margin-top:1px}.section-context strong{color:var(--text-primary);font-weight:600}.how-it-works-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.how-it-works-card{text-align:center;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);flex-direction:column;align-items:center;display:flex}.how-it-works-number{width:32px;height:32px;font-size:var(--text-base);font-weight:700;font-family:var(--font-mono);background:var(--accent);color:#fff;border-radius:var(--radius-full);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.how-it-works-title{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-1)0;font-weight:600}.how-it-works-text{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.4}@media (max-width:500px){.how-it-works-grid{gap:var(--space-2);grid-template-columns:1fr}.how-it-works-card{text-align:left;padding:var(--space-3);gap:var(--space-3);flex-direction:row}.how-it-works-number{flex-shrink:0;margin-bottom:0}}.data-explainer-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.data-explainer-row{gap:var(--space-2);flex-direction:column;display:flex}.data-explainer-term{align-items:center;gap:var(--space-2);display:flex}.data-explainer-badge{font-size:12px;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.data-explainer-badge.badge-teal{background:var(--accent-dim);color:var(--accent-active)}.data-explainer-badge.badge-green{background:var(--color-green-dim);color:#15803d}.data-explainer-badge.badge-purple{background:var(--color-purple-dim);color:#7c3aed}.data-explainer-badge.badge-orange{background:var(--color-orange-dim);color:#c2410c}.data-explainer-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.data-explainer-definition{font-size:var(--text-sm);color:var(--text-secondary);padding-left:calc(8px + 8px + var(--space-2));margin:0;line-height:1.5}@media (max-width:500px){.data-explainer-definition{padding-left:0}}.region-browse-list{gap:var(--space-2);flex-direction:column;display:flex}.region-browse-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);color:inherit;transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.region-browse-item:hover{border-color:var(--border-strong);background:var(--bg-surface-secondary)}.region-browse-item:active{transform:scale(.98)}.region-browse-emoji{flex-shrink:0;font-size:24px}.region-browse-info{flex-direction:column;flex:1;min-width:0;display:flex}.region-browse-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.region-browse-count{font-size:var(--text-sm);color:var(--text-secondary)}.region-browse-arrow{color:var(--text-quaternary);flex-shrink:0}.audience-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.audience-card-compact{text-align:center;padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);flex-direction:column;align-items:center;display:flex}.audience-icon-wrap{border-radius:var(--radius-lg);width:44px;height:44px;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.audience-icon-teal{background:var(--accent-dim);color:var(--accent)}.audience-icon-green{background:var(--color-green-dim);color:#10b981}.audience-icon-purple{background:var(--color-purple-dim);color:#7c3aed}.audience-card-compact .audience-title{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-1)0;font-weight:600}.audience-card-compact .audience-text{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.4}@media (max-width:600px){.audience-grid{gap:var(--space-2);grid-template-columns:1fr}.audience-card-compact{text-align:left;padding:var(--space-3);gap:var(--space-3);flex-direction:row}.audience-icon-wrap{flex-shrink:0;margin-bottom:0}}.cta-section{text-align:center;padding:var(--space-8)var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.cta-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-2)0;font-weight:700}.cta-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-4)0}.cta-section .btn{align-items:center;gap:var(--space-2);display:inline-flex}.btn-glow{box-shadow:0 0 0 0 rgba(var(--accent-rgb,45,212,191),.4),var(--shadow-md);animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-rgb,45,212,191),.4),var(--shadow-md)}50%{box-shadow:0 0 0 8px rgba(var(--accent-rgb,45,212,191),0),var(--shadow-lg)}}.spot-list-stats-marine{border-top:1px dashed var(--border-light,#e5e7eb);margin-top:4px;padding-top:4px}.stat-icon-blue{color:var(--color-ocean,#0ea5e9)}.tag-water-flat{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:1px solid #7dd3fc}.tag-water-swell,.tag-water-light-swell{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd}.tag-water-choppy{color:#15803d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac}.tag-water-waves{color:#1e40af;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #93c5fd}.tag-water-rough,.tag-water-rough-chop{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d}.tag-water-default{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280)}.tag-wetsuit-warm{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d}.tag-wetsuit-mild{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.tag-wetsuit-cold{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd}.tag-wetsuit-freezing{color:#3730a3;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border:1px solid #a5b4fc}.tag-wetsuit-default{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280)}.sst-warm{color:#ea580c}.sst-mild{color:#16a34a}.sst-cool{color:#0284c7}.sst-cold{color:#4f46e5}.search-result-marine{border-top:1px dashed var(--border-light,#e5e7eb);align-items:center;gap:12px;margin-top:8px;padding:8px 0;display:flex}.search-result-marine-stat{color:var(--text-secondary,#6b7280);align-items:center;gap:4px;font-size:13px;display:flex}.search-result-marine-stat strong{color:var(--text-primary,#111827)}.search-result-marine-icon{color:var(--color-ocean,#0ea5e9)}.data-context-marine{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:3px solid #0ea5e9;border-radius:8px;margin-top:12px;padding:12px 16px}.data-context-marine-title{color:#0369a1;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.data-context-marine-grid{grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px;display:grid}.data-context-marine-label{color:#0369a1;font-weight:500}.data-context-marine-value{color:#0c4a6e}.spot-marine-section{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:12px;margin-top:16px;padding:16px}.spot-marine-title{color:#0369a1;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.spot-marine-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.spot-marine-grid{grid-template-columns:repeat(4,1fr)}}.spot-marine-stat{text-align:center}.spot-marine-stat-value{color:#0c4a6e;font-size:20px;font-weight:700}.spot-marine-stat-label{color:#0369a1;margin-top:2px;font-size:12px}.wave-indicator{align-items:center;gap:4px;display:inline-flex}.wave-indicator-bar{background:#e0f2fe;border-radius:2px;width:40px;height:4px;overflow:hidden}.wave-indicator-fill{background:#0ea5e9;border-radius:2px;height:100%}.wetsuit-recommendation{background:var(--bg-secondary,#f3f4f6);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.wetsuit-recommendation-icon{font-size:24px}.wetsuit-recommendation-text{font-size:14px}.wetsuit-recommendation-label{color:var(--text-primary,#111827);font-weight:600}.wetsuit-recommendation-temp{color:var(--text-secondary,#6b7280);font-size:12px}.spot-card-marine{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;display:flex}.spot-card-marine-temp{color:var(--color-blue);align-items:center;gap:4px;font-weight:500;display:flex}.spot-card-marine-icon{width:14px;height:14px}.spot-card-marine-type{background:var(--bg-surface-secondary);border-radius:var(--radius-sm);padding:2px 6px;font-size:12px}.search-result-marine-secondary{align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-subtle);flex-wrap:wrap;font-size:13px;display:flex}.search-result-marine-stat{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.search-result-marine-stat svg{color:var(--color-blue);opacity:.8}.search-result-marine-stat strong{color:var(--text-primary);font-weight:600}.water-conditions-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:600px){.water-conditions-grid{padding-bottom:var(--space-2);gap:var(--space-3);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.water-conditions-grid::-webkit-scrollbar{display:none}}.water-condition-card{min-width:80px;padding:var(--space-3)var(--space-2);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.water-condition-card:active{background:var(--bg-surface-tertiary)}.water-condition-month{text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-1);font-size:11px;font-weight:600}.water-condition-temp{color:var(--text-primary);margin-bottom:var(--space-1);font-size:16px;font-weight:700}.water-condition-wetsuit,.water-condition-type{margin-top:2px;font-size:14px;line-height:1}.newsletter-form{gap:var(--space-3);flex-direction:column;width:100%;max-width:400px;margin:0 auto;display:flex}.newsletter-input-wrapper{width:100%;position:relative}.newsletter-input-icon{width:20px;height:20px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.newsletter-input{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-card);width:100%;height:52px;color:var(--text-primary);appearance:none;padding:0 16px 0 48px;font-size:15px;transition:all .2s}.newsletter-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 4px var(--bg-surface-secondary);outline:none}.newsletter-button{border-radius:var(--radius-full);background:var(--text-primary);height:52px;color:var(--text-inverse);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:600;transition:transform .1s,opacity .2s;display:flex}.newsletter-button:active{opacity:.9;transform:scale(.97)}.newsletter-button:disabled{opacity:.7;cursor:not-allowed}.newsletter-spinner{width:20px;height:20px;animation:1s linear infinite spin}.newsletter-error{color:var(--color-red);align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.newsletter-error-icon{width:14px;height:14px}@media (min-width:480px){.newsletter-form{flex-direction:row}.newsletter-button{flex-shrink:0;width:auto}}.marquee-container{width:100%;padding:var(--space-4)0;background:var(--bg-surface-secondary);border-bottom:1px solid var(--border-subtle);align-items:center;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:var(--space-4);width:max-content;display:flex}.marquee-pill{background:var(--card-bg,#fff);border:1px solid var(--card-border,#0000001a);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:10px;padding:8px 16px;text-decoration:none;transition:transform .2s;display:flex}.marquee-pill:active{transform:scale(.95)}.marquee-text{color:var(--text-primary);font-size:13px;font-weight:600}.marquee-sub{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-left:1px solid var(--border-subtle);padding-left:8px;font-size:11px}.sidebar-container{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.bento-card{background:var(--card-bg,var(--bg-card));border:1px solid var(--card-border,var(--border-subtle));border-radius:var(--radius-lg);flex-direction:column;padding:16px;text-decoration:none;transition:opacity .4s,transform .2s;display:flex}.bento-card.is-swapping{opacity:0;transform:scale(.95)}.bento-icon{color:var(--card-color);margin-bottom:12px}.bento-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.bento-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.data-explainer-divider{align-items:center;gap:var(--space-2);margin:var(--space-4)0 var(--space-2);padding-top:var(--space-4);border-top:1px dashed var(--border-default);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600;display:flex}.data-explainer-divider svg{width:14px;height:14px;color:var(--color-blue)}.water-monthly-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}@media (max-width:900px){.water-monthly-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.water-monthly-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}}@media (max-width:400px){.water-monthly-grid{grid-template-columns:repeat(2,1fr)}}.water-month-card{padding:var(--space-3)var(--space-2);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex-direction:column;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.water-month-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.water-month-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.water-month-tropical:before{background:#f97316}.water-month-tropical{border-color:#f9731640}.water-month-warm:before{background:#eab308}.water-month-warm{border-color:#eab30840}.water-month-mild:before{background:#00c7be}.water-month-mild{border-color:#00c7be40}.water-month-cold:before{background:#3b82f6}.water-month-cold{border-color:#3b82f640}.water-month-name{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--space-2);font-size:11px;font-weight:700}.water-month-temp{justify-content:center;align-items:baseline;display:flex}.water-month-temp-value{font-family:var(--font-mono);color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.water-month-temp-unit{color:var(--text-tertiary);margin-left:1px;font-size:14px;font-weight:500}.water-month-temp-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;margin-bottom:var(--space-2);font-size:10px}@media (max-width:600px){.water-month-temp-value{font-size:24px}}.water-month-info-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;padding:4px 0;display:flex}.water-month-info-row:first-of-type{margin-top:var(--space-1)}.water-month-info-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary);font-size:10px;font-weight:600}.water-month-info-value{color:var(--text-primary);font-size:12px;font-weight:600}.water-legend-grid{gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;display:grid}@media (max-width:700px){.water-legend-grid{gap:var(--space-3);grid-template-columns:1fr}}.water-legend-section{gap:var(--space-2);flex-direction:column;display:flex}.water-legend-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-subtle);font-size:11px;font-weight:700}.water-legend-items{gap:var(--space-2);flex-wrap:wrap;display:flex}.water-legend-chip{background:var(--bg-card);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-subtle);align-items:center;padding:4px 10px;font-size:11px;display:inline-flex}.water-legend-chip.water-legend-tropical{border-left:3px solid #f97316}.water-legend-chip.water-legend-warm{border-left:3px solid #eab308}.water-legend-chip.water-legend-mild{border-left:3px solid #00c7be}.water-legend-chip.water-legend-cold{border-left:3px solid #3b82f6}.water-temp-cell{color:var(--color-blue);align-items:center;gap:6px;font-weight:500;display:flex}.water-temp-cell .water-icon{opacity:.8;width:14px;height:14px}.best-month-water{color:var(--text-secondary);background:var(--bg-surface-secondary);border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:2px 6px;font-size:11px;display:flex}.best-month-water svg{color:var(--color-blue)}.spot-marine-note{margin-top:var(--space-4);padding:var(--space-3);border:1px dashed var(--color-blue-border);border-radius:var(--radius-md);color:var(--text-secondary);text-align:center;background:#fff9;font-size:13px;line-height:1.5}.directory-hero{gap:var(--space-4);padding:var(--space-6)0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4);flex-direction:column;display:flex}.directory-hero-content{text-align:center}.directory-hero-title{justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-primary);margin:0;font-size:28px;font-weight:800;display:flex}.directory-hero-icon{color:var(--color-teal)}.directory-hero-subtitle{color:var(--text-secondary);margin:var(--space-2)0 0 0;font-size:16px}.directory-hero-subtitle strong{color:var(--text-primary)}.directory-quick-links{justify-content:center;gap:var(--space-3);display:flex}.directory-quick-link{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.directory-quick-link:hover{background:var(--bg-surface-tertiary);color:var(--text-primary)}.directory-quick-link svg:last-child{opacity:.5}.directory-search-container{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.directory-search{flex:1;align-items:center;display:flex;position:relative}.directory-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:14px}.directory-search-input{border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);width:100%;color:var(--text-primary);padding:12px 40px 12px 44px;font-size:15px;transition:all .2s}.directory-search-input:focus{border-color:var(--color-teal);outline:none;box-shadow:0 0 0 3px #00c7be26}.directory-search-input::placeholder{color:var(--text-tertiary)}.directory-search-clear{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:12px}.directory-search-clear:hover{background:var(--bg-surface-secondary);color:var(--text-primary)}.directory-filter-toggle{align-items:center;gap:var(--space-2);background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.directory-filter-toggle:hover,.directory-filter-toggle.active{border-color:var(--color-teal);color:var(--color-teal)}.directory-filter-badge{background:var(--accent);border-radius:var(--radius-full);min-width:18px;height:18px;font-size:11px;font-weight:var(--font-bold);color:#fff;justify-content:center;align-items:center;padding:0 5px;display:flex}.directory-tabs-container{margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.directory-tabs-container::-webkit-scrollbar{display:none}.directory-tabs{gap:var(--space-2);padding-bottom:var(--space-1);display:flex}.directory-tab{align-items:center;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;cursor:pointer;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.directory-tab:hover{border-color:var(--border-default);background:var(--bg-surface-secondary)}.directory-tab.active{background:var(--color-teal);border-color:var(--color-teal);color:#fff}.directory-tab.active .directory-tab-count{color:#fff;background:#fff3}.directory-tab-emoji{font-size:16px}.directory-tab-count{background:var(--bg-surface-secondary);border-radius:var(--radius-full);color:var(--text-tertiary);padding:2px 8px;font-size:12px;font-weight:600}.directory-filters-expanded{gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.directory-filter-group{gap:var(--space-2);flex-direction:column;display:flex}.directory-filter-label{align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-size:12px;font-weight:600;display:flex}.directory-filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.directory-filter-chip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.directory-filter-chip:hover{border-color:var(--border-default)}.directory-filter-chip.active{background:var(--color-teal);border-color:var(--color-teal);color:#fff}.directory-clear-filters{align-items:center;gap:var(--space-2);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;background:0 0;margin-left:auto;padding:8px 14px;font-size:13px;display:flex}.directory-clear-filters:hover{border-color:var(--color-error);color:var(--color-error)}.directory-countries{gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.directory-country-pill{align-items:center;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.directory-country-pill:hover{border-color:var(--border-default);background:var(--bg-surface-tertiary)}.directory-country-pill.active{background:var(--slate-900);border-color:var(--slate-900);color:#fff}.directory-country-pill.active .directory-country-count{color:#ffffffe6;background:#ffffff26}.directory-country-flag{font-size:14px}.directory-country-count{background:var(--bg-surface-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);padding:2px 6px;font-size:11px;font-weight:600}.directory-results-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.directory-results-count{color:var(--text-secondary);font-size:14px}.directory-results-count strong{color:var(--text-primary);font-weight:600}.directory-reset{align-items:center;gap:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;background:0 0;padding:6px 12px;font-size:12px;display:flex}.directory-reset:hover{border-color:var(--color-error);color:var(--color-error)}.directory-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1200px){.directory-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.directory-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.directory-grid{grid-template-columns:1fr}}.directory-load-more{padding:var(--space-6)0;justify-content:center;display:flex}.directory-load-more-btn{align-items:center;gap:var(--space-2);background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.directory-load-more-btn:hover{border-color:var(--color-teal);background:#00c7be0d}.directory-load-more-count{color:var(--text-tertiary);font-weight:400}.directory-empty{padding:var(--space-8)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.directory-empty-icon{color:var(--text-tertiary);opacity:.5;margin-bottom:var(--space-4)}.directory-empty-title{color:var(--text-primary);margin:0 0 var(--space-2)0;font-size:20px;font-weight:700}.directory-empty-text{color:var(--text-secondary);margin:0 0 var(--space-4)0;max-width:300px;font-size:14px}.directory-empty-btn{background:var(--color-teal);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.directory-empty-btn:hover{background:var(--color-teal-dark)}@media (max-width:768px){.directory-hero-title{font-size:24px}.directory-quick-links{flex-direction:column;align-items:stretch}.directory-quick-link{justify-content:space-between}.directory-filters-expanded{flex-direction:column}.directory-clear-filters{margin-left:0;margin-top:var(--space-2);justify-content:center}.hide-mobile{display:none}}.directory-grid .spot-card-link{min-width:unset;width:100%}.directory-grid .spot-card-image-container{height:180px}@media (max-width:768px){.directory-grid .spot-card-image-container{height:160px}}.spot-card-stats{align-items:center;gap:var(--space-4);padding:var(--space-2)0;border-bottom:1px solid var(--border-subtle);display:flex}.spot-card-stat{align-items:center;gap:4px;display:flex}.spot-card-stat-icon{color:var(--color-teal);flex-shrink:0}.spot-card-stat-icon.stat-icon-orange{color:#f97316}.spot-card-stat-icon.stat-icon-blue{color:#3b82f6}.spot-card-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:600}.spot-card-stat-unit{color:var(--text-tertiary);font-size:11px;font-weight:500}.spot-card-stat-label{color:var(--text-tertiary);text-transform:uppercase;font-size:10px}.spot-card-tags{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.spot-card-tag{background:var(--bg-surface-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.spot-card-tag-water{color:#3b82f6;background:#3b82f61a}.spot-card-tag-direction{color:var(--color-teal);background:#00c7be1a}.spot-card-tag-time{color:#8b5cf6;background:#8b5cf61a}.spot-card-tag-season{color:#f97316;background:#f973161a}.spot-card-tag .wind-arrow{transition:transform .2s;display:inline-flex}.spot-card-details,.spot-card-marine{display:none}.spot-card-meta{gap:var(--space-1);padding:var(--space-3);flex-direction:column;display:flex}.spot-card-meta-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:flex-start;display:flex}.directory-grid .spot-card-stats{gap:var(--space-3)}.directory-grid .spot-card-stat-value{font-size:13px}.directory-grid .spot-card-tags{gap:var(--space-1)}.directory-grid .spot-card-tag{padding:2px 6px;font-size:10px}.scroll-container .spot-card-stats{gap:var(--space-3)}@media (max-width:600px){.spot-card-stats{gap:var(--space-3)}.spot-card-stat-value{font-size:13px}.spot-card-tags{gap:4px}.spot-card-tag{padding:2px 6px;font-size:10px}}.page-quick-stats{gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-quick-stat{flex-direction:column;gap:2px;display:flex}.page-quick-stat-value{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--color-teal)}.page-quick-stat-label{color:var(--text-tertiary);font-size:12px}@media (max-width:600px){.page-quick-stats{gap:var(--space-3);padding:var(--space-3)}.page-quick-stat-value{font-size:16px}}.page-section{margin-bottom:var(--space-8)}.page-section-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.page-section-icon{color:var(--color-teal);flex-shrink:0}.page-section-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.page-section-subtitle{color:var(--text-secondary);margin:0 0 var(--space-4)0;font-size:14px}.page-subsection{margin-bottom:var(--space-6)}.page-subsection-title{align-items:center;gap:var(--space-2);color:var(--text-primary);margin:0 0 var(--space-3)0;font-size:15px;font-weight:600;display:flex}.page-subsection-count{color:var(--text-tertiary);margin-left:auto;font-size:12px;font-weight:500}.page-subsection-desc{color:var(--text-tertiary);margin-left:var(--space-2);font-size:12px;font-weight:400}.spot-cards-scroll{gap:var(--space-3);padding-bottom:var(--space-2);margin:0 calc(-1*var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.spot-cards-scroll::-webkit-scrollbar{display:none}.spot-cards-scroll>*{flex-shrink:0}.spot-cards-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}@media (max-width:600px){.spot-cards-grid{grid-template-columns:repeat(2,1fr)}}.region-accordion{gap:var(--space-2);flex-direction:column;display:flex}.region-accordion-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.region-accordion-item[open]{border-color:var(--color-teal)}.region-accordion-header{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex}.region-accordion-header::-webkit-details-marker{display:none}.region-accordion-name{color:var(--text-primary);font-weight:600}.region-accordion-stats{gap:var(--space-3);margin-left:auto;display:flex}.region-accordion-stat{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.region-accordion-arrow{color:var(--text-tertiary);transition:transform .2s}.region-accordion-item[open] .region-accordion-arrow{transform:rotate(90deg)}.region-accordion-content{padding:0 var(--space-4)var(--space-4)}.region-accordion-link{align-items:center;gap:var(--space-1);color:var(--color-teal);margin-top:var(--space-2);font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.monthly-chart{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);padding-top:var(--space-5)}@media (min-width:481px){.monthly-chart{padding-top:var(--space-8)}}@media (min-width:744px){.monthly-chart{padding-top:var(--space-10)}}.monthly-chart-bars{height:240px;margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-end;gap:4px;display:flex}.monthly-chart-bar-wrapper{color:inherit;flex-direction:column;flex:1;align-items:center;gap:4px;text-decoration:none;display:flex}.monthly-chart-value{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary)}.monthly-chart-bar-container{justify-content:center;align-items:flex-end;width:100%;height:120px;display:flex}.monthly-chart-bar{border-radius:4px 4px 0 0;width:100%;max-width:32px;transition:all .2s}.monthly-chart-bar-good{background:var(--color-teal)}.monthly-chart-bar-fair{background:var(--border-default)}.monthly-chart-bar-wrapper:hover .monthly-chart-bar{opacity:.8}.monthly-chart-label{color:var(--text-primary);font-size:11px;font-weight:500}.monthly-chart-temp{color:var(--text-tertiary);font-size:10px}.monthly-chart-legend{gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);justify-content:center;display:flex}.monthly-chart-legend-item{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:11px;display:flex}.monthly-chart-legend-dot{border-radius:2px;width:10px;height:10px}.monthly-chart-legend-dot.good{background:var(--color-teal)}.monthly-chart-legend-dot.fair{background:var(--border-default)}.best-time-summary{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.best-time-item{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.best-time-item strong{font-weight:var(--font-semibold);margin-right:var(--space-1)}.best-time-peak strong{color:var(--color-green)}.best-time-shoulder strong{color:var(--color-orange)}.best-time-off strong{color:var(--text-tertiary)}.country-sections{gap:var(--space-3);flex-direction:column;display:flex}.country-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3)}.country-section-header{align-items:center;gap:var(--space-3);display:flex}.country-section-flag{flex-shrink:0;font-size:24px}.country-section-info{flex:1;min-width:0}.country-section-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.country-section-stats{color:var(--text-secondary);font-size:12px}.country-section-link{color:var(--color-teal);white-space:nowrap;align-items:center;gap:2px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.country-section-spots{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.country-spot-mini{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-base);border-radius:var(--radius-md);color:inherit;flex:1;min-width:140px;max-width:200px;text-decoration:none;display:flex}.country-spot-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.country-spot-wind{font-size:12px;font-family:var(--font-mono);color:var(--color-teal);flex-shrink:0;font-weight:600}.related-continents{gap:var(--space-2);flex-wrap:wrap;display:flex}.related-continent-card{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:all .2s;display:flex}.related-continent-card:hover{border-color:var(--color-teal)}.related-continent-emoji{font-size:18px}.related-continent-name{color:var(--text-primary);font-size:14px;font-weight:500}.related-countries{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.related-country-card{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:all .2s;display:flex}.related-country-card:hover{border-color:var(--color-teal)}.related-country-flag{flex-shrink:0;font-size:20px}.related-country-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.related-country-count{color:var(--text-tertiary);white-space:nowrap;font-size:11px}.back-to-continent{color:var(--text-secondary);font-size:14px;text-decoration:none;display:inline-block}.back-to-continent:hover{color:var(--color-teal)}.page-related{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.page-related-link{color:var(--color-teal);font-size:14px;font-weight:500;text-decoration:none}.page-related-hint{color:var(--text-tertiary);text-align:center;font-size:13px}.page-inline-link{color:var(--color-teal);text-decoration:none}.page-inline-link:hover{text-decoration:underline}.month-nav{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.month-nav-btn{align-items:center;gap:var(--space-1);color:var(--text-secondary);padding:var(--space-2)var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.month-nav-btn:hover{color:var(--color-teal);border-color:var(--color-teal)}.month-top-spot{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.month-temp{color:var(--text-secondary);margin-top:auto;padding-top:4px;font-size:11px;font-weight:500}.country-card-header{align-items:center;gap:var(--space-2);display:flex}.country-card-header .country-flag{font-size:var(--text-xl);line-height:1}.country-card-header .country-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.country-card-stats{gap:var(--space-4);display:flex}.country-stat{flex-direction:column;gap:0;display:flex}.country-stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.country-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.country-season{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.country-card-footer{align-items:center;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:auto;display:flex}.country-footer-icon{color:var(--text-tertiary);flex-shrink:0}.month-spot-count{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.explore-container{width:100%;max-width:var(--content-max-width);padding:0 var(--content-padding);margin:0 auto}.explore-hero{text-align:center;padding:var(--space-10)0 var(--space-6)}.explore-hero-icon{background:var(--accent-dim);width:56px;height:56px;color:var(--accent);margin-bottom:var(--space-4);border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.explore-hero-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2);line-height:var(--leading-tight)}.explore-hero-title .text-gradient{background:linear-gradient(135deg,var(--accent)0%,var(--color-blue)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.explore-hero-text{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-5);line-height:var(--leading-normal)}@media (min-width:640px){.explore-hero{padding:var(--space-12)0 var(--space-8)}.explore-hero-icon{border-radius:18px;width:64px;height:64px}.explore-hero-icon svg{width:32px;height:32px}.explore-hero-title{font-size:var(--text-4xl)}.explore-hero-text{font-size:var(--text-lg)}}.explore-stats{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-full);display:inline-flex}.explore-stat{align-items:center;gap:var(--space-1);color:var(--text-secondary);display:flex}.explore-stat svg{color:var(--accent);flex-shrink:0}.explore-stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);font-family:var(--font-mono)}.explore-stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.explore-stat-divider{background:var(--border-default);width:1px;height:16px}@media (max-width:400px){.explore-stats{justify-content:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);flex-wrap:wrap}.explore-stat-divider{display:none}}.explore-search-cta{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal)var(--ease-standard),border-color var(--duration-normal)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.explore-search-cta:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.explore-search-cta:active{transform:scale(.98)}.explore-search-cta-icon{background:var(--accent-dim);border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.explore-search-cta-content{flex:1;min-width:0}.explore-search-cta-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);display:block}.explore-search-cta-text{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px;display:block}.explore-search-cta-arrow{color:var(--text-tertiary);flex-shrink:0}@media (min-width:640px){.explore-search-cta{max-width:480px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-10)}}.explore-section{margin-bottom:var(--space-10)}.explore-section-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.explore-section-header-icon{background:var(--accent-dim);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.explore-section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.explore-section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1)0 0;line-height:var(--leading-normal)}@media (min-width:640px){.explore-section{margin-bottom:var(--space-12)}.explore-section-header{margin-bottom:var(--space-5)}.explore-section-header-icon{border-radius:var(--radius-md);width:36px;height:36px}.explore-section-title{font-size:var(--text-2xl)}.explore-section-subtitle{font-size:var(--text-base)}}.explore-see-all{align-items:center;gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent);border-radius:var(--radius-md);transition:background var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);text-decoration:none;display:inline-flex}.explore-see-all:hover{background:var(--accent-dim)}.explore-see-all:active{transform:scale(.97)}.top-spots-grid{gap:var(--space-2);flex-direction:column;display:flex}.top-spot-card{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.top-spot-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.top-spot-card:active{transform:scale(.99)}.top-spot-card-rank{width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono);background:var(--bg-surface-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-spot-card-rank[data-rank="1"]{background:var(--accent);color:#fff}.top-spot-card-rank[data-rank="2"],.top-spot-card-rank[data-rank="3"]{background:var(--accent-dim);color:var(--accent)}.top-spot-card-content{flex:1;min-width:0}.top-spot-card-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.top-spot-card-location{font-size:var(--text-sm);color:var(--text-secondary);margin-top:1px;display:block}.top-spot-card-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.top-spot-card-wind{align-items:baseline;gap:3px;display:flex}.top-spot-card-wind-value{font-size:var(--text-lg);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--accent);line-height:1}.top-spot-card-wind-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.top-spot-card-details{font-size:var(--text-xs);font-weight:var(--font-medium);align-items:center;gap:6px;display:flex}.top-spot-card-details>span{color:var(--text-primary)}.top-spot-card-dot{color:var(--text-tertiary);font-weight:var(--font-regular)}.top-spot-card-dir{color:var(--text-secondary);align-items:center;gap:2px;display:inline-flex}.top-spot-card-dir svg{color:var(--accent)}.top-spot-card-arrow{color:var(--text-quaternary);margin-left:var(--space-1);flex-shrink:0}@media (max-width:420px){.top-spot-card-details{display:none}.top-spot-card-name{font-size:var(--text-sm)}}@media (min-width:744px){.top-spots-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}}@media (min-width:950px){.top-spots-grid{grid-template-columns:repeat(3,1fr)}}.month-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.month-card{align-items:center;gap:var(--space-1);padding:var(--space-3)var(--space-2);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:88px;color:inherit;transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;position:relative}.month-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.month-card:active{transform:scale(.97)}.month-card-current{border-color:var(--accent);background:var(--accent-dim)}.month-card-current:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.month-card-header{justify-content:center;align-items:center;gap:var(--space-1);width:100%;display:flex}.month-card-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.month-card-badge{font-size:8px;font-weight:var(--font-bold);color:#fff;background:var(--accent);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:2px 5px;line-height:1}.month-card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);font-feature-settings:"tnum";line-height:1}.month-card-label{font-size:9px;font-weight:var(--font-medium);color:var(--text-tertiary);white-space:nowrap}.month-card-emoji{font-size:24px;line-height:1}.month-card-now{font-size:8px;font-weight:var(--font-bold);color:#fff;background:var(--accent);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:2px 5px;position:absolute;top:6px;right:6px}@media (min-width:480px){.month-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr)}.month-card{min-height:96px;padding:var(--space-3)}.month-card-name{font-size:var(--text-sm)}.month-card-value{font-size:var(--text-3xl)}.month-card-label{font-size:10px}.month-card-badge{padding:2px 6px;font-size:9px}.month-card-emoji{font-size:28px}}@media (min-width:640px){.month-grid{gap:var(--space-3);grid-template-columns:repeat(6,1fr)}.month-card{min-height:100px}.month-card-emoji{font-size:32px}}@media (min-width:744px){.month-grid{gap:var(--space-4)}.month-card{min-height:110px;padding:var(--space-4)var(--space-3)}.month-card-value{font-size:var(--text-4xl)}.month-card-label{font-size:var(--text-xs)}}.region-grid{gap:var(--space-2);flex-direction:column;display:flex}.region-card{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.region-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.region-card:active{transform:scale(.98)}.region-card-emoji{background:var(--bg-surface-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.region-card-content{flex:1;min-width:0}.region-card-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);display:block}.region-card-highlight{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.region-card-count{font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--accent);padding:var(--space-1)var(--space-2);background:var(--accent-dim);border-radius:var(--radius-sm);flex-shrink:0}.region-card-arrow{color:var(--text-tertiary);flex-shrink:0}@media (min-width:744px){.region-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.region-card-emoji{width:44px;height:44px;font-size:28px}}@media (min-width:950px){.region-grid{grid-template-columns:repeat(3,1fr)}}.country-grid{gap:var(--space-2);grid-template-columns:1fr;display:grid}.country-card{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);text-decoration:none;display:flex}.country-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.country-card:active{transform:scale(.98)}.country-card-flag{flex-shrink:0;font-size:24px}.country-card-content{flex:1;min-width:0}.country-card-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.country-card-meta{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;display:flex}.country-card-spots{font-weight:var(--font-medium)}.country-card-dot{color:var(--text-tertiary)}.country-card-wind{color:var(--accent);font-weight:var(--font-medium)}.country-card-arrow{color:var(--text-quaternary);flex-shrink:0}@media (min-width:480px){.country-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:744px){.country-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.country-card{padding:var(--space-4)}.country-card-flag{font-size:28px}.country-card-name{font-size:var(--text-base)}.country-card-meta{font-size:var(--text-sm)}}@media (min-width:950px){.country-grid{grid-template-columns:repeat(4,1fr)}}.text-gradient{background:linear-gradient(135deg,var(--accent)0%,var(--color-blue)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.windy-embed-container{aspect-ratio:16/10;background:var(--bg-surface-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);width:100%;min-height:320px;max-height:500px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}@media (min-width:744px){.windy-embed-container{aspect-ratio:16/9;min-height:400px}}.windy-iframe{width:100%;height:100%;transition:opacity var(--duration-slow)var(--ease-entrance);border:none;position:absolute;inset:0}.windy-skeleton{justify-content:center;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--bg-surface-secondary)0%,var(--bg-surface-tertiary)50%,var(--bg-surface-secondary)100%);background-size:200% 200%;flex-direction:column;animation:2s ease-in-out infinite windyShimmer;display:flex;position:absolute;inset:0}.windy-skeleton-icon{background:var(--bg-card);border-radius:var(--radius-full);width:64px;height:64px;color:var(--accent);justify-content:center;align-items:center;animation:1.5s ease-in-out infinite windyPulse;display:flex}.windy-skeleton span{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}@keyframes windyShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes windyPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.windy-expand-btn{top:var(--space-3);right:var(--space-3);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);box-shadow:var(--shadow-md);transition:all var(--duration-fast)var(--ease-standard);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.windy-expand-btn:hover{background:var(--bg-glass-elevated);transform:scale(1.05)}.windy-expand-btn:active{transform:scale(.95)}.windy-attribution{bottom:var(--space-3);left:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);background:var(--bg-glass);-webkit-backdrop-filter:blur(8px)saturate(150%);border-radius:var(--radius-sm);color:var(--text-tertiary);z-index:10;font-size:10px;display:flex;position:absolute}.windy-attribution a{color:var(--text-secondary);font-weight:var(--font-medium);transition:color var(--duration-fast)var(--ease-standard);text-decoration:none}.windy-attribution a:hover{color:var(--accent)}.windy-error{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);background:var(--bg-surface-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);text-align:center;flex-direction:column;display:flex}.windy-error svg{color:var(--text-tertiary)}.windy-error p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.windy-fallback-link{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--duration-fast)var(--ease-standard);text-decoration:none;display:inline-flex}.windy-fallback-link:active{background:var(--accent-active);transform:scale(.96)}.windy-modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--duration-normal)var(--ease-entrance);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.windy-modal{background:var(--bg-card);border-radius:var(--radius-2xl);width:100%;max-width:1200px;max-height:90vh;box-shadow:var(--shadow-xl);animation:modalSlideIn var(--duration-slow)var(--ease-entrance);flex-direction:column;display:flex;overflow:hidden}.windy-modal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;display:flex}.windy-modal-title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);display:flex}.windy-modal-title svg{color:var(--accent)}.windy-modal-close{background:var(--bg-surface-secondary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--duration-fast)var(--ease-standard);border:none;justify-content:center;align-items:center;display:flex}.windy-modal-close:hover{background:var(--bg-surface-tertiary);color:var(--text-primary)}.windy-modal-close:active{transform:scale(.9)}.windy-modal-body{flex:1;min-height:0}.windy-iframe-expanded{border:none;width:100%;height:70vh;min-height:400px;max-height:800px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.spot-windy-section{margin-top:var(--space-6)}.spot-windy-title{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2)0;display:flex}.spot-windy-title svg{color:var(--accent)}.spot-windy-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4)0}.spot-windy-note{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.spot-windy-note svg{color:var(--text-quaternary);flex-shrink:0}@media (max-width:640px){.windy-modal{border-radius:var(--radius-xl);max-height:95vh}.windy-modal-header{padding:var(--space-3)var(--space-4)}.windy-modal-title{font-size:var(--text-base)}.windy-iframe-expanded{height:60vh;min-height:300px}.windy-expand-btn{width:36px;height:36px}.windy-expand-btn svg{width:16px;height:16px}}@media (max-width:359px){.month-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}.month-card-stats{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.month-card-count{font-size:9px;font-weight:var(--font-medium);color:var(--text-tertiary);white-space:nowrap}.month-card-temp{font-size:9px;font-weight:var(--font-semibold);color:var(--color-orange);background:var(--color-orange-dim);border-radius:var(--radius-full);white-space:nowrap;padding:1px 5px}.month-card-top-spot{font-size:9px;font-weight:var(--font-medium);color:var(--text-secondary);text-align:center;margin-top:var(--space-1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;display:none;overflow:hidden}@media (min-width:640px){.month-card-top-spot{display:block}.month-card-stats{gap:var(--space-2)}.month-card-count{font-size:10px}.month-card-temp{padding:2px 6px;font-size:10px}}@media (min-width:744px){.month-card-top-spot{font-size:10px}}.region-card-best{font-size:var(--text-xs);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:none;overflow:hidden}.region-card-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.region-card-count{font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--accent);background:0 0;border-radius:0;padding:0;line-height:1}.region-card-countries{color:var(--text-tertiary);white-space:nowrap;font-size:9px}@media (min-width:640px){.region-card-best{display:block}}@media (min-width:744px){.region-card-count{font-size:var(--text-base)}.region-card-countries{font-size:10px}}@media (min-width:950px){.region-grid{max-width:var(--content-max-width);grid-template-columns:repeat(2,1fr)}}.country-card-season{font-size:9px;font-weight:var(--font-medium);color:var(--accent);margin-top:2px;display:block}@media (min-width:744px){.country-card-season{font-size:10px}}.monthly-chart-water-temp{font-size:10px;font-weight:var(--font-medium);color:var(--color-blue);justify-content:center;align-items:center;gap:2px;margin-top:2px;display:flex}.monthly-chart-water-temp svg{flex-shrink:0;width:10px;height:10px}.monthly-chart-spot-count{font-size:9px;font-weight:var(--font-medium);color:var(--text-tertiary);text-align:center;margin-top:2px}.best-time-recommendations{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);gap:var(--space-3);flex-direction:column;display:flex}.recommendation-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);display:flex}.recommendation-item strong{font-weight:var(--font-semibold);color:var(--text-primary)}.recommendation-icon{color:var(--accent);flex-shrink:0;width:14px;height:14px}.recommendation-avoid{color:var(--text-tertiary)}.recommendation-avoid .recommendation-icon{color:var(--color-orange)}.recommendation-avoid strong{color:var(--text-secondary)}@media (max-width:480px){.monthly-chart{padding:var(--space-3);padding-top:var(--space-5)}.monthly-chart-bars{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2);height:160px;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;overflow:auto hidden}.monthly-chart-bars::-webkit-scrollbar{display:none}.monthly-chart-bar-wrapper{flex:none;width:28px;min-width:28px}.monthly-chart-value{font-size:9px}.monthly-chart-bar-container{height:80px}.monthly-chart-bar{max-width:20px}.monthly-chart-label,.monthly-chart-temp{font-size:9px}.monthly-chart-water-temp,.monthly-chart-spot-count{display:none}.monthly-chart-legend{gap:var(--space-3);flex-wrap:wrap}.monthly-chart-legend-item{font-size:10px}}@media (min-width:481px) and (max-width:640px){.monthly-chart-spot-count{display:none}.monthly-chart-water-temp{font-size:9px}}.search-header{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3);background:#ffffffd9;position:sticky;top:0}[data-theme=dark] .search-header{background:#0a0a0ad9}.search-header-top{height:var(--header-height);max-width:var(--content-max-width);padding:0 var(--content-padding);justify-content:center;align-items:center;margin:0 auto;display:flex}@media (min-width:744px){.search-header-top{justify-content:space-between}}.search-logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;display:flex}.search-error{margin:0 var(--space-4)var(--space-2);padding:var(--space-2)var(--space-3);background:var(--feedback-error-bg);color:var(--feedback-error);font-size:var(--text-sm);border-radius:var(--radius-md);text-align:center}.search-pill-wrapper{max-width:var(--content-max-width);justify-content:center;align-items:center;gap:var(--space-3);padding:0 var(--content-padding)var(--space-3);margin:0 auto;display:flex}@media (max-width:640px){.search-pill-wrapper{padding:0 var(--space-4)var(--space-3)}}.search-pill{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-full);max-width:460px;height:56px;padding:0 var(--space-2)0 var(--space-4);box-shadow:var(--shadow-md);cursor:pointer;transition:box-shadow var(--duration-normal)var(--ease-standard),border-color var(--duration-fast)var(--ease-standard);flex:1;align-items:center;display:flex}.search-pill:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.search-pill:active{transform:scale(.99)}.search-pill-icon{color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-pill-content{margin-left:var(--space-3);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex;overflow:hidden}.search-pill-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.search-pill-sub{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.search-pill-filter{border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.search-pill-badge{background:var(--accent-primary);color:#fff;min-width:16px;height:16px;font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-2px;right:-2px}.search-pill-submit{color:#fff;border-radius:var(--radius-full);cursor:pointer;width:48px;height:48px;transition:background var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard);background:#00c7be;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #00c7be4d}.search-pill-submit:hover{background:#00c7be99;transform:translateY(-1px);box-shadow:0 6px 20px #00c7be66}.search-pill-submit:active{transform:scale(.95);box-shadow:0 2px 8px #00c7be33}.search-pill-submit:disabled{background:var(--bg-surface-tertiary);color:var(--text-tertiary);box-shadow:none;cursor:not-allowed}.combo-carousel{max-width:var(--content-max-width);gap:var(--space-1);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 var(--space-6);justify-content:flex-start;margin:0 auto;display:flex;overflow-x:auto}.combo-carousel::-webkit-scrollbar{display:none}@media (min-width:744px){.combo-carousel{justify-content:center}}.combo-pill{padding:var(--space-2)var(--space-4);cursor:pointer;opacity:.5;transition:opacity var(--duration-fast)var(--ease-standard),border-color var(--duration-fast)var(--ease-standard);background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.combo-pill:hover{opacity:.8}.combo-pill.active{opacity:1;border-bottom-color:var(--text-primary)}.combo-pill-emoji{font-size:20px;line-height:1}.combo-pill-name{font-size:11px;font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.search-main{padding-top:var(--space-4);padding-bottom:var(--space-8)}.active-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-pill{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap;display:inline-flex}.filter-pill svg{flex-shrink:0;width:14px;height:14px}.filter-pill-teal{color:#0d9488;background:#2dd4bf1a}.filter-pill-orange{color:#ea580c;background:#fb923c1a}.filter-pill-blue{color:#2563eb;background:#3b82f61a}.filter-pill-purple{color:#9333ea;background:#a855f71a}.filter-pill-cyan{color:#0891b2;background:#06b6d41a}.filter-pill-accent{background:var(--accent-primary-subtle);color:var(--accent-primary)}.filter-pill-removable{cursor:pointer;transition:filter var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);border:none}.filter-pill-removable:hover{filter:brightness(.92)}.filter-pill-removable:active{transform:scale(.95)}.filter-pill-x{margin-left:var(--space-1);opacity:.5;flex-shrink:0}.filter-pill-removable:hover .filter-pill-x{opacity:1}.results-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.results-count{font-size:var(--text-sm);color:var(--text-secondary)}.results-count strong{font-weight:var(--font-semibold);color:var(--text-primary);font-feature-settings:"tnum"}.results-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:744px){.results-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width:1200px){.results-grid{grid-template-columns:repeat(1,1fr)}}.results-grid>*{width:100%;min-width:0}.data-explainer{margin-bottom:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.data-explainer-toggle{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.data-explainer-toggle::-webkit-details-marker{display:none}.data-explainer-toggle:after{content:"+";font-size:var(--text-lg);color:var(--text-tertiary)}.data-explainer[open] .data-explainer-toggle:after{content:"−"}.data-explainer-content{padding:0 var(--space-4)var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.data-explainer-row{font-size:var(--text-xs);justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.data-explainer-row strong{color:var(--text-primary);font-weight:var(--font-semibold);flex-shrink:0}.data-explainer-row span{color:var(--text-tertiary);text-align:right}.empty-state{text-align:center;padding:var(--space-16)var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .empty-icon,.empty-state>svg:first-child{margin-bottom:var(--space-4);opacity:.3;color:var(--text-tertiary)}.empty-state .empty-title,.empty-state h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state .empty-text,.empty-state p{font-size:var(--text-sm);color:var(--text-secondary);max-width:280px;line-height:var(--leading-relaxed)}.search-empty-btn{margin-top:var(--space-4);padding:var(--space-3)var(--space-6);background:var(--accent-primary);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);border:none}.search-empty-btn:hover{background:var(--accent-primary-hover)}.search-empty-btn:active{transform:scale(.97)}.drawer-backdrop{z-index:var(--z-modal-backdrop);background:var(--bg-overlay);opacity:0;visibility:hidden;transition:opacity var(--duration-slow)var(--ease-standard),visibility var(--duration-slow)var(--ease-standard);position:fixed;inset:0}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer{z-index:var(--z-modal);background:var(--bg-base);width:100%;max-width:420px;transition:transform var(--duration-slow)var(--ease-entrance);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.drawer.open{transform:translate(0)}@media (max-width:768px){.drawer{border-radius:var(--radius-2xl)var(--radius-2xl)0 0;max-width:100%;height:90vh;max-height:90vh;top:auto;bottom:0;transform:translateY(100%)}.drawer.open{transform:translateY(0)}}.drawer-header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center;flex:1;margin:0}.drawer-close{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.drawer-close:hover{background:var(--state-hover);color:var(--text-primary)}.drawer-close:active{transform:scale(.95)}.drawer-body{padding:var(--space-4);gap:var(--space-6);-webkit-overflow-scrolling:touch;isolation:auto;flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer-section{gap:var(--space-3);flex-direction:column;display:flex}.drawer-section-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:flex}.drawer-section-title svg{color:var(--text-tertiary);flex-shrink:0}.drawer-dates{align-items:center;gap:var(--space-2);display:flex}.drawer-dates-sep{color:var(--text-tertiary);flex-shrink:0}.drawer-wind{align-items:center;gap:var(--space-3);display:flex}.drawer-wind-input{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex:1;display:flex}.drawer-wind-input input{width:100%;min-width:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.drawer-wind-input span,.drawer-wind-sep{color:var(--text-tertiary);font-size:var(--text-sm);flex-shrink:0}.drawer-temp-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.drawer-temp-field{gap:var(--space-2);flex-direction:column;display:flex}.drawer-temp-field label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.drawer-temp-input{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.drawer-temp-input input{width:100%;min-width:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.drawer-temp-input input::placeholder{color:var(--text-tertiary)}.drawer-temp-input span{color:var(--text-tertiary);font-size:var(--text-sm);flex-shrink:0}.drawer-location-grid{gap:var(--space-3);flex-direction:column;display:flex}.drawer-toggle{padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.drawer-toggle>span:first-of-type{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.drawer-toggle input{opacity:0;pointer-events:none;position:absolute}.drawer-toggle-track{background:var(--border-default);border-radius:var(--radius-full);width:44px;height:24px;transition:background var(--duration-fast)var(--ease-standard);flex-shrink:0;position:relative}.drawer-toggle input:checked+.drawer-toggle-track{background:var(--accent-primary)}.drawer-toggle-thumb{border-radius:var(--radius-full);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast)var(--ease-standard);background:#fff;position:absolute;top:2px;left:2px}.drawer-toggle input:checked+.drawer-toggle-track .drawer-toggle-thumb{transform:translate(20px)}.drawer-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:var(--bg-base);flex-shrink:0;display:flex}.drawer-reset{align-items:center;gap:var(--space-2);padding:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;background:0 0;border:none;text-decoration:underline;display:flex}.drawer-reset:hover{color:var(--text-secondary)}.drawer-submit{justify-content:center;align-items:center;gap:var(--space-2);height:52px;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--bg-base);cursor:pointer;transition:opacity var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);background:#00c7be;border:none;flex:1;display:flex}.drawer-submit:hover{opacity:.9}.drawer-submit:active{transform:scale(.98)}.drawer-submit:disabled{opacity:.5;cursor:not-allowed}.drawer-country-grid{gap:var(--space-2);-webkit-overflow-scrolling:touch;flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.drawer-country-btn{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);border:1px solid #0000;display:flex}.drawer-country-btn:hover{background:var(--bg-surface-tertiary)}.drawer-country-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.drawer-country-flag{font-size:var(--text-lg);line-height:1}.drawer-country-name{flex:1}.drawer-country-count{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-regular)}.drawer-chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.drawer-chip{padding:var(--space-2)var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);border:1px solid #0000}.drawer-chip:hover{background:var(--bg-surface-tertiary);color:var(--text-primary)}.drawer-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.search-result-card{touch-action:manipulation;width:100%;min-width:0}.search-result-card .search-result-enhanced{cursor:grab}.search-result-card .search-result-enhanced:active{cursor:grabbing}.legal-page{max-width:720px;padding:var(--space-8)0 var(--space-16);margin:0 auto}.legal-back{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-6);transition:color var(--duration-fast)var(--ease-out);text-decoration:none;display:inline-flex}.legal-back:hover{color:var(--text-primary)}.legal-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}.legal-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8)}.legal-content{color:var(--text-primary);line-height:var(--leading-relaxed)}.legal-section{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle)}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.legal-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3)}.legal-section p{margin-bottom:var(--space-4);color:var(--text-secondary)}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin:var(--space-4)0;padding-left:var(--space-6)}.legal-section li{margin-bottom:var(--space-2);color:var(--text-secondary)}.legal-section li:last-child{margin-bottom:0}.legal-section a{color:var(--accent);transition:opacity var(--duration-fast)var(--ease-out);text-decoration:none}.legal-section a:hover{opacity:.8;text-decoration:underline}.legal-section strong{color:var(--text-primary);font-weight:var(--font-semibold)}.legal-address{font-style:normal;line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.legal-updated{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-tertiary)}@media (max-width:743px){.legal-page{padding:var(--space-6)0 var(--space-12)}.legal-title{font-size:var(--text-3xl)}.legal-subtitle{font-size:var(--text-base)}.legal-section h2{font-size:var(--text-lg)}.legal-section h3{font-size:var(--text-base)}}@supports (height:100dvh){.select-modal{max-height:70dvh}.select-modal-searchable{max-height:80dvh}}@supports (-webkit-touch-callout:none){.select-modal{transform:translateZ(0)}.select-search-input{touch-action:manipulation;font-size:16px}}.select-modal.keyboard-open{transition:bottom .25s ease-out,max-height .25s ease-out}.select-modal.keyboard-open .select-search{z-index:2;background:var(--bg-card);position:sticky;top:0}.spot-breadcrumbs{top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:10;position:absolute}.spot-breadcrumbs-list{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);padding:0;padding:var(--space-1);background:#00000073;align-items:center;gap:0;max-width:100%;margin:0;list-style:none;display:flex;overflow:hidden}.spot-breadcrumbs-item{align-items:center;min-width:0;display:flex}.spot-breadcrumbs-item[data-type=continent]{display:none}.spot-breadcrumbs-link{color:#ffffffe6;min-width:28px;min-height:28px;font-size:12px;font-weight:var(--font-medium);border-radius:var(--radius-xs);transition:background var(--duration-fast)var(--ease-standard);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;max-width:90px;padding:6px 8px;text-decoration:none;display:flex;overflow:hidden}.spot-breadcrumbs-link:hover{background:#ffffff26}.spot-breadcrumbs-link:active{background:#fff3;transform:scale(.95)}.spot-breadcrumbs-link[data-home=true]{max-width:none;padding:6px}.spot-breadcrumbs-link svg{opacity:.9;flex-shrink:0}.spot-breadcrumbs-separator{color:#fff6;flex-shrink:0;width:12px;height:12px;margin:0 2px}.spot-breadcrumbs-current{color:#fff;font-size:12px;font-weight:var(--font-semibold);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;max-width:100px;padding:6px 8px;overflow:hidden}@media (min-width:375px){.spot-breadcrumbs{left:var(--space-4);right:var(--space-4)}.spot-breadcrumbs-list{padding:6px 8px}.spot-breadcrumbs-link{max-width:110px;padding:6px 10px;font-size:13px}.spot-breadcrumbs-current{max-width:120px;font-size:13px}}@media (min-width:480px){.spot-breadcrumbs-item[data-type=continent]{display:flex}.spot-breadcrumbs-link{max-width:120px}.spot-breadcrumbs-current{max-width:140px}}@media (min-width:744px){.spot-breadcrumbs{left:var(--space-6);right:auto}.spot-breadcrumbs-list{padding:8px 12px;overflow:visible}.spot-breadcrumbs-link{max-width:none;min-height:32px;padding:8px 12px;font-size:14px}.spot-breadcrumbs-separator{width:14px;height:14px;margin:0 4px}.spot-breadcrumbs-current{flex:none;max-width:none;padding:8px 12px;font-size:14px}}@media (min-width:950px){.spot-breadcrumbs{left:var(--space-8)}.spot-breadcrumbs-list{-webkit-backdrop-filter:blur(12px);background:#00000080}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spot-card-tag-beginner{color:#2dd4bf;background:#2dd4bf26}[data-theme=dark] .spot-card-tag-beginner{color:#5eead4;background:#2dd4bf33}.spot-overview-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:480px){.spot-overview-grid{grid-template-columns:repeat(3,1fr)}}.spot-overview-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex}.spot-overview-icon{border-radius:var(--radius-md);background:var(--bg-surface-secondary);width:44px;height:44px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.spot-overview-emoji{font-size:22px;line-height:1}.spot-overview-content{flex-direction:column;gap:2px;min-width:0;display:flex}.spot-overview-value{font-size:var(--text-base);color:var(--text-primary);align-items:baseline;gap:var(--space-2);font-weight:600;display:flex}.spot-overview-degrees{font-size:var(--text-xs);font-weight:500;font-family:var(--font-mono);color:var(--text-tertiary)}.spot-overview-label{font-size:var(--text-sm);color:var(--text-secondary)}.spot-overview-description{margin-top:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.spot-overview-icon.difficulty-beginner{background:var(--color-green-dim);color:var(--color-green)}.spot-overview-icon.difficulty-intermediate{background:var(--accent-dim);color:var(--accent)}.spot-overview-icon.difficulty-advanced{background:var(--color-orange-dim);color:var(--color-orange)}.spot-overview-icon.difficulty-expert{background:var(--color-red-dim);color:var(--color-red)}.spot-overview-icon-wind{background:var(--color-teal-dim);color:var(--color-teal)}.spot-section-title-warning svg{color:var(--color-red)}.hazards-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hazards-list li{align-items:flex-start;gap:var(--space-2);color:var(--text-primary);font-size:14px;line-height:1.5;display:flex}.hazards-list li:before{content:"⚠️";flex-shrink:0;margin-top:2px;font-size:12px}@media (max-width:374px){.spot-overview-card{padding:var(--space-3);gap:var(--space-2)}.spot-overview-icon{width:40px;height:40px}.spot-overview-emoji{font-size:20px}.spot-overview-value{font-size:var(--text-sm)}.spot-overview-label{font-size:var(--text-xs)}.spot-overview-description{padding:var(--space-3);font-size:var(--text-xs)}}@media (min-width:1128px){.spot-breadcrumbs{left:max(var(--space-8),calc((100vw - 1200px)/2 + 40px));right:auto}}@media (min-width:1440px){.spot-breadcrumbs{left:max(var(--space-8),calc((100vw - 1344px)/2 + 48px))}}