:root{--ink:#0d1519;--deep:#102129;--teal:#24b9c1;--pink:#f94b81;--coral:#ff6673;--paper:#f3eee3;--muted:#aeb9bb;--line:rgba(255,255,255,.18);font-family:'Schibsted Grotesk',sans-serif;color:#f6f0e7;background:#071418}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 4%,#1d4b58,#071418 45%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:2px}img{max-width:100%}
#app{min-height:100dvh}.shell{position:relative;max-width:430px;min-height:100dvh;margin:auto;background:var(--ink);box-shadow:0 0 50px #0008;overflow:hidden}.shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;z-index:20;background-image:url('/assets/skate/grain.svg');mix-blend-mode:screen}.screen{min-height:100dvh;padding:0 16px calc(98px + env(safe-area-inset-bottom));overflow:hidden}.screen.paper{background:var(--paper);color:#141514}.screen.map-screen{padding:0 0 calc(84px + env(safe-area-inset-bottom))}.screen.form-screen{background:radial-gradient(circle at 50% -5%,#263d47,#0c1114 43%);padding-top:calc(12px + env(safe-area-inset-top))}.screen.crew-screen{padding-top:calc(22px + env(safe-area-inset-top))}
.topbar{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:calc(8px + env(safe-area-inset-top)) 0 5px;position:relative;z-index:2}.topbar .back,.topbar .icon-btn{width:40px;height:40px;border:0;border-radius:12px;background:#ffffff19;color:inherit;display:grid;place-items:center}.topbar .back svg,.topbar .icon-btn svg{width:22px}.eyebrow{font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:.07em;text-transform:uppercase}.small{font-size:12px;color:var(--muted)}.small.dark{color:#5d6462}.tiny{font-size:11px;color:#aab4b4}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font:42px/1 'Anton',sans-serif;letter-spacing:.01em}h2{font:700 23px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}h3{font:700 18px/1.05 'Barlow Condensed',sans-serif}.scribble{font-family:'Caveat',cursive}.brand{font:46px/1 'Kaushan Script',cursive;color:var(--pink);letter-spacing:-.06em;transform:rotate(-6deg);display:inline-block;text-shadow:0 2px 1px #0005}.brand small{display:block;font:700 17px 'Barlow Condensed',sans-serif;color:white;letter-spacing:.12em;margin-left:20px;transform:rotate(1deg)}.brand.mini{font-size:31px}.brand.mini small{font-size:12px}
.hero{height:305px;margin:0 -16px;position:relative;background:#193340 url('/assets/home-kite.jpg') center 59%/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06151fb8 0%,transparent 48%,#0d1519 100%)}.hero-inner{position:absolute;inset:0;z-index:1;padding:calc(18px + env(safe-area-inset-top)) 18px 14px;display:flex;flex-direction:column;justify-content:space-between}.hero-top{display:flex;justify-content:space-between;align-items:flex-start}.hero-title{font:700 22px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:210px;letter-spacing:.02em}.hero-title em{font:700 30px/1 'Caveat',cursive;color:var(--pink);text-transform:none}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom .place{font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:.06em}.hero-bottom .tag{transform:rotate(-6deg)}
.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #fff5;background:#ffffff18;border-radius:40px;padding:8px 13px;color:inherit;font:700 13px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em}.pill.active{background:var(--pink);border-color:var(--pink);color:#121212}.pill.teal{background:var(--teal);border-color:var(--teal);color:#071519}.pill.paper{background:var(--paper);color:#161616;border-color:var(--paper)}.pill-group{display:flex;gap:7px;flex-wrap:wrap}.paint{background:var(--pink);color:#101013;padding:6px 15px;clip-path:polygon(3% 8%,97% 0,100% 85%,1% 100%);font:700 17px 'Barlow Condensed',sans-serif;text-transform:uppercase}.paint.blue{background:var(--teal)}
.section{margin-top:22px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.section-heading h2{margin:0}.section-heading a,.text-link{font:600 13px 'Barlow Condensed',sans-serif;color:#e9e4da}.panel{background:linear-gradient(145deg,#1d2e33,#11191c);border:1px solid #ffffff25;border-radius:14px}.spot-card{display:grid;grid-template-columns:93px 1fr;gap:12px;padding:8px;margin:8px 0;min-height:100px;position:relative}.spot-art{height:84px;border-radius:9px;background:#274e59 url('/assets/home-kite.jpg') center/cover}.spot-art.snow{background:linear-gradient(155deg,#86b5c2 0%,#e6e5dd 48%,#657b8b 49%,#d0d9d8 76%,#718c92 77%)}.spot-card h3{margin:4px 0 5px}.spot-card .meta{display:flex;gap:10px;align-items:center;color:#dce2e0;font-size:12px}.spot-card .wind-num{font:25px/1 'Anton',sans-serif;color:white}.spot-card .wind-num small{font:600 12px 'Barlow Condensed',sans-serif}.spot-card .forecast-label{color:var(--teal);font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase}.spot-card .arrow{position:absolute;right:12px;bottom:14px;font-size:22px;color:var(--pink)}.empty{border:1px dashed #ffffff40;border-radius:12px;padding:15px;color:#c6cdcc;font-size:13px;line-height:1.5}.notice{border-left:3px solid var(--teal);padding:10px 12px;background:#ffffff0c;border-radius:0 8px 8px 0;font-size:12px;color:#d6dedb;line-height:1.5}.notice.paper-note{background:#ddd8cc;color:#313633;border-color:#148f98}.session-row{display:grid;grid-template-columns:56px 1fr auto;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.session-row:last-child{border-bottom:0}.session-date{border:1px solid #ffffff45;border-radius:9px;text-align:center;padding:7px 3px;font:700 15px 'Barlow Condensed',sans-serif;color:var(--pink)}.session-row strong{display:block;font-size:14px}.session-row span{font-size:12px;color:#adb7b6}.session-row .chev{font-size:21px;color:var(--pink)}
.bottom-nav{height:calc(73px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100%);z-index:15;background:#091113ed;border-top:1px solid #ffffff25;border-radius:23px 23px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:start;padding:8px 5px env(safe-area-inset-bottom);backdrop-filter:blur(14px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#dce3e0;font:700 13px 'Barlow Condensed',sans-serif;text-transform:uppercase}.bottom-nav a.active{color:var(--pink)}.bottom-nav svg{width:24px;height:24px;stroke-width:1.7}.bottom-nav .plus{width:52px;height:52px;border-radius:50%;background:var(--pink);color:#121212;display:grid;place-items:center;margin-top:-16px;box-shadow:0 4px 0 #080e10;border:3px solid #0c1619}.bottom-nav .plus svg{width:27px;height:27px;stroke-width:2.5}
.search-wrap{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#0d242d;position:relative;z-index:3}.search{width:100%;border-radius:12px;border:0;background:#f6f1e7;padding:14px 15px;color:#161616;font-size:13px}.search::placeholder{color:#65706d}.map-filters{display:flex;gap:8px;margin-top:10px}.map-filters button{border:0;border-radius:20px;padding:7px 17px;background:#152f36;color:white;font:700 13px 'Barlow Condensed',sans-serif}.map-filters button.active{background:var(--pink);color:#111}.map-canvas{height:calc(100dvh - 227px - env(safe-area-inset-bottom));min-height:390px;background:#6f9db0}.leaflet-container{font-family:'Schibsted Grotesk',sans-serif}.leaflet-control-attribution{font-size:9px!important}.kite-pin{height:46px;width:38px;position:relative;filter:drop-shadow(1px 3px 1px #1118)}.kite-pin:before{content:'🪁';font-size:27px}.kite-pin span{position:absolute;bottom:0;right:-6px;border-radius:20px;background:#fff;color:#101010;padding:2px 5px;white-space:nowrap;font:700 11px 'Barlow Condensed',sans-serif}.kite-pin.snow:before{content:'❄️'}.map-fallback{padding:20px;background:#11303a}.map-selection{position:absolute;left:10px;right:10px;bottom:calc(85px + env(safe-area-inset-bottom));z-index:10;background:var(--paper);color:#171717;border-radius:17px;padding:12px;display:grid;grid-template-columns:72px 1fr 22px;gap:11px;align-items:center;box-shadow:0 8px 25px #0005}.map-selection .spot-art{height:68px}.map-selection strong{display:block;font:700 17px 'Barlow Condensed',sans-serif}.map-selection span{display:block;font-size:12px;margin-top:3px}.map-selection .arrow{font-size:24px}.map-list{padding:12px 16px;background:#102129;max-height:40vh;overflow:auto}.map-list a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff25;font-size:14px}
.detail-photo{height:258px;margin:0 -16px;background:#aac5c6 url('/assets/home-kite.jpg') center 55%/cover;position:relative}.detail-photo.snow{background:linear-gradient(165deg,#668eaa 0%,#c2d8de 36%,#f0eeee 37%,#aabfc6 50%,#d6dee0 51%,#f5f4f0 75%,#93aabb 76%)}.detail-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 40%,#0004)}.detail-photo .topbar{position:absolute;top:0;left:16px;right:16px;color:white;z-index:1}.detail-photo .photo-note{position:absolute;bottom:9px;right:13px;color:white;background:#0007;padding:3px 7px;border-radius:5px;font-size:10px;z-index:1}.detail-body{padding-top:17px}.detail-body h1{font-size:48px;margin-bottom:4px}.detail-body .lead{font-size:14px;color:#555d5b;line-height:1.45;margin:5px 0 15px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{padding:6px 10px;border-radius:7px;background:#ded9ce;font:700 12px 'Barlow Condensed',sans-serif}.tags span:first-child{background:var(--teal);color:#082024}.detail-wind{display:flex;align-items:center;gap:14px;padding:18px 0 10px;border-bottom:1px solid #d1ccc1}.detail-wind .wind-arrow{font-size:42px;color:var(--pink);transform:rotate(-35deg)}.detail-wind strong{font:37px/1 'Anton',sans-serif}.detail-wind strong small{font:700 15px 'Barlow Condensed',sans-serif}.detail-wind .desc{font-size:12px;color:#555}.forecast-title{display:flex;justify-content:space-between;margin:12px 0 6px;font-size:11px;font-weight:700;text-transform:uppercase}.forecast-bars{height:90px;display:flex;align-items:end;gap:4px}.forecast-bar{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;font:10px 'Barlow Condensed',sans-serif}.forecast-bar .bar{width:100%;min-height:4px;background:linear-gradient(0deg,#1b9fa9,#8fd8d3);border-radius:3px 3px 0 0}.forecast-bar:nth-child(4n) .bar{background:linear-gradient(0deg,#ff6578,#ffba77)}.forecast-bar .hour{margin-top:3px;color:#626866}.detail-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #cfc9bf;margin-top:14px}.detail-tabs button{border:0;background:none;padding:11px 6px;color:#343c3b;font:700 13px 'Barlow Condensed',sans-serif;text-transform:uppercase}.detail-tabs button.active{border-bottom:3px solid var(--pink)}.detail-panel{padding:16px 0 6px;font-size:13px;line-height:1.5}.detail-panel dl{display:grid;grid-template-columns:110px 1fr;gap:8px;margin:0}.detail-panel dt{color:#666}.detail-panel dd{margin:0;border-bottom:1px solid #ddd7ca;padding-bottom:7px}.detail-panel .notice{margin:12px 0}.detail-panel .report{border-bottom:1px solid #d4cdc0;padding:10px 0}.detail-panel .report strong{font-size:13px}.detail-panel .report time{font-size:11px;color:#666;margin-left:5px}.actions{display:flex;gap:9px;margin-top:15px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:47px;border-radius:11px;padding:10px 16px;border:0;font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:.02em}.primary{background:linear-gradient(110deg,#ff6771,#f74480);color:#101113}.secondary{background:transparent;color:inherit;border:1px solid currentColor}.actions>*{flex:1}.full{width:100%}.source-link{font-size:12px;text-decoration:underline;text-underline-offset:2px;color:#185f68}
.form-title{display:flex;align-items:center;justify-content:space-between;margin:14px 0 18px}.form-title h1{margin:0;font:700 42px 'Caveat',cursive;transform:rotate(-4deg)}.form-title .kite-doodle{font-size:51px;transform:rotate(-15deg)}.field{display:block;margin-bottom:14px}.field>span{display:block;margin-bottom:7px;font:700 15px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em}.field select,.field input,.field textarea{display:block;width:100%;background:#ffffff12;border:1px solid #ffffff30;border-radius:9px;padding:13px;color:white;outline:none;appearance:none}.field select option{color:#101010}.field textarea{min-height:88px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#acb8b9}.form-group{margin-bottom:23px}.form-group h2{font-size:17px;margin-bottom:9px}.segments{display:flex;gap:6px}.segments button{flex:1;border:1px solid #ffffff30;border-radius:9px;background:#ffffff09;color:#f3f1ec;padding:9px 4px;font:700 13px 'Barlow Condensed',sans-serif}.segments button.active{background:var(--pink);border-color:var(--pink);color:#111}.choice-list{border:1px solid #ffffff28;border-radius:11px;overflow:hidden}.choice-list label{display:flex;align-items:center;gap:11px;padding:11px;border-bottom:1px solid #ffffff16;font-size:13px}.choice-list label:last-child{border-bottom:0}.choice-list input{accent-color:var(--pink);width:16px;height:16px}.choice-list .emoji{font-size:19px}.form-screen .primary{margin:12px 0}.form-screen .help{font-size:12px;color:#b5c2c2;line-height:1.5}
.wind-screen .wind-hero{background:linear-gradient(180deg,#1e4b58,#10191d);margin:0 -16px;padding:15px 16px 25px}.wind-screen h1{margin:18px 0 3px}.wind-reading{display:flex;align-items:end;gap:12px}.wind-reading strong{font:58px/.95 'Anton',sans-serif}.wind-reading .unit{font:700 19px 'Barlow Condensed',sans-serif;margin-bottom:8px}.wind-reading .direction{font:700 23px 'Barlow Condensed',sans-serif;color:var(--teal);margin-bottom:7px}.wind-chart{display:flex;align-items:end;gap:5px;height:170px;border-bottom:1px solid #ffffff60;margin:20px 0 8px}.wind-chart .forecast-bar .bar{background:linear-gradient(0deg,#096c7a,#21bdbe)}.wind-chart .forecast-bar:nth-child(4n) .bar{background:linear-gradient(0deg,#ed4475,#ff8c72)}.wind-chart .forecast-bar .hour{color:#d0dada}.wind-chart .forecast-bar{font-size:11px}.wind-info{padding-top:18px}.wind-info .row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ffffff22;font-size:13px}
.crew-screen h1{margin:13px 0 22px}.person-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff20}.avatar{height:39px;width:39px;border-radius:50%;display:grid;place-items:center;font:700 18px 'Barlow Condensed',sans-serif;background:#315362;color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.person-row strong{font-size:14px}.person-row .small{display:block;margin-top:3px}.crew-screen .section{margin-top:25px}.crew-pill{display:inline-block;padding:9px 13px;margin:0 6px 7px 0;border:1px solid #ffffff38;border-radius:9px;font-size:13px}
.session-detail{padding-top:calc(20px + env(safe-area-inset-top))}.session-detail .ticket{margin-top:18px;border:1px solid #ffffff40;border-radius:17px;overflow:hidden}.ticket-photo{height:180px;background:#345c6b url('/assets/home-kite.jpg') center/cover}.ticket-photo.snow{background:linear-gradient(160deg,#879fab,#e9eeee 48%,#8ca5ac 49%,#e4e8e7 76%)}.ticket-body{padding:19px}.ticket-body h1{font-size:42px;margin-bottom:4px}.ticket-body .when{font:700 20px 'Barlow Condensed',sans-serif;color:var(--pink)}.ticket-body .line{border-top:1px dashed #ffffff3b;margin:15px 0}.ticket-body .details{font-size:13px;line-height:1.5;color:#d1dddd}.ticket-body .people{font-size:12px;color:#b5c3c3}.auth-screen .brand{margin:28px 0 55px}.auth-screen h1{margin-bottom:8px}.auth-screen .field{margin:17px 0}.auth-screen .fine{color:#aab8b8;font-size:12px;line-height:1.5}.auth-screen .linkish{background:none;border:none;color:var(--teal);margin:15px 0;font-weight:700}.error{background:#5b2534;border:1px solid var(--pink);border-radius:10px;padding:11px;color:#ffe1e8;margin:12px 0;font-size:13px}.loading{padding:30px 16px;color:#cfd5d2}.home-tabs{margin:14px 0 3px}.home-tabs button{font-size:13px}.mini-count{background:#fff2;border-radius:20px;padding:2px 7px}
.social-actions{display:grid;gap:8px;margin:25px 0 18px}.social-actions .secondary{background:#f2eee4;color:#15191a;border-color:#f2eee4}.paper .session-row span{color:#575f5e}.paper .session-row{border-color:#cfc8bd}.paper .session-date{border-color:#a8aaa5;color:#c52761}
.spot-art.snow{background:#9fb2bd url('/assets/kite/snowkite.png') 56% 67%/cover no-repeat}.detail-photo.snow{background:#9fb2bd url('/assets/kite/snowkite.png') center 55%/cover no-repeat}.ticket-photo.snow{background:#9fb2bd url('/assets/kite/snowkite.png') center 60%/cover no-repeat}
.hero.snow{background-image:url('/assets/kite/snowkite.png');background-position:center 62%}
@media(min-width:700px){.shell{margin:26px auto;border-radius:30px;min-height:820px;border:1px solid #ffffff2e}.screen{min-height:820px}.bottom-nav{bottom:0}.map-canvas{height:650px}}

.hero,.hero.snow{background:#193340}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 59%}.hero.snow .hero-photo{object-position:center 62%}
.spot-art,.detail-photo,.ticket-photo{background-image:url('/assets/kite/water-hero.jpg?v=20261010-kite4-onboarding')}
.spot-art.snow,.detail-photo.snow,.ticket-photo.snow{background-image:url('/assets/kite/snowkite.png')}
.top-actions{display:flex;align-items:center;gap:6px}.header-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#091b29a6;color:white;border:1px solid #ffffff42;position:relative;flex-shrink:0}.header-icon svg{width:20px;height:20px;stroke-width:1.7}.profile-icon{overflow:hidden;border:2px solid var(--paper);font:700 18px 'Barlow Condensed',sans-serif}.profile-icon img{width:100%;height:100%;object-fit:cover}.unread-count{position:absolute;right:-5px;top:-5px;border-radius:20px;background:var(--pink);color:#111;font:700 11px 'Barlow Condensed',sans-serif;min-width:16px;padding:1px 4px;text-align:center}.topbar .eyebrow{margin:0 8px}.hero-top .brand{font-size:44px}
.spot-counts{display:flex;align-items:center;gap:5px;font:600 12px 'Barlow Condensed',sans-serif;color:#e4e8e4;margin-top:7px}.spot-counts svg{width:15px;height:15px;stroke-width:1.8;color:var(--pink)}.spot-card{min-height:120px}.spot-card .spot-art{height:100%;min-height:100px}.spot-card .arrow{bottom:10px;right:10px}
.kite-rating{display:table;margin-top:6px;border-radius:20px;padding:3px 8px;font:700 11px/1.2 'Barlow Condensed',sans-serif;color:#102015;background:#82e0a1}.kite-rating.light,.kite-pin.light span{background:#b8c4c6;color:#11191c}.kite-rating.marginal,.kite-pin.marginal span{background:#f6d46a;color:#251d05}.kite-rating.good,.kite-pin.good span{background:#82e0a1;color:#102015}.kite-rating.strong,.kite-pin.strong span{background:#ffad68;color:#301605}.kite-rating.too-much,.kite-pin.too-much span{background:#ff777b;color:#310b0d}.kite-rating.unknown,.kite-pin.unknown span{background:#d7dcdb;color:#182022}.kite-direction{display:block;margin-top:3px;font-size:10px;line-height:1.2;color:#c1ceca}.kite-direction.good{color:#91e2aa}.kite-direction.check{color:#f4d27b}.spot-area{display:block;margin-top:4px}.kite-legend{margin:9px 2px 0;color:#aeb9bb;font-size:10px;line-height:1.45}
.map-legend{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:8px;color:#c9d2d0;font-size:10px}.map-legend span{display:inline-flex;align-items:center;gap:4px}.map-legend i{width:8px;height:8px;border-radius:50%;background:#82e0a1}.map-legend i.marginal{background:#f6d46a}.map-legend i.light{background:#b8c4c6}.map-legend i.strong{background:#ffad68}.map-legend i.too-much{background:#ff777b}
#map-search-form{margin:0}.map-search-row{display:flex;gap:7px;margin-top:4px}.map-search-row .search{flex:1;min-width:0;width:0}.map-search-row button{border:0;border-radius:12px;padding:0 12px;background:var(--teal);color:#102129;font-weight:700}.map-search-row button:disabled{opacity:.55}.map-search-panels{position:absolute;top:100%;left:16px;right:16px;z-index:6}.map-search-panels .map-list{position:static;max-height:32vh;margin:6px 0 0}.map-place-results:empty{display:none}.map-place-results{margin-top:6px;padding:10px 12px;border-radius:10px;background:#102129;box-shadow:0 4px 16px #0005}.map-place-note{margin:0;font-size:12px;line-height:1.4}.map-place-note.failed{color:#ff9eac}.map-place-source{display:block;margin-top:5px;font-size:10px;color:#aeb9bb}.map-place-source a{text-decoration:underline}
.map-screen{position:relative}.map-canvas{position:relative;z-index:0;isolation:isolate}.map-selection{z-index:5}.map-locate{position:absolute;top:calc(137px + env(safe-area-inset-top));right:14px;z-index:4;background:#0a191fe8;border:1px solid #ffffff77;border-radius:50%;width:46px;height:46px;color:white;display:grid;place-items:center;box-shadow:0 3px 10px #0004}.map-locate svg{width:25px;height:25px;stroke-width:1.8}.map-locate.busy{opacity:.6}.map-message{position:absolute;top:calc(184px + env(safe-area-inset-top));right:14px;left:14px;z-index:4;border-radius:10px;background:#0d2029ed;color:white;padding:12px;font-size:12px;box-shadow:0 3px 10px #0004}.map-list{position:absolute;top:calc(125px + env(safe-area-inset-top));left:10px;right:10px;z-index:6;border-radius:12px;box-shadow:0 5px 20px #0007}.map-selection .spot-art{background-size:cover;background-position:center}
.spot-presence{margin:20px 0 12px;padding:16px 0 4px;border-top:1px solid #d1ccc1;border-bottom:1px solid #d1ccc1}.presence-counts{display:flex;gap:28px;margin-bottom:14px;font-size:13px;color:#555d5b}.presence-counts strong{font:29px 'Anton',sans-serif;color:#171717;display:inline-block;margin-right:3px}.spot-presence button{width:100%}.spot-presence .small{margin:8px 0;text-align:center;font-size:11px}
.account-screen{padding-top:calc(12px + env(safe-area-inset-top))}.account-screen h1{font-size:34px;margin-top:24px}.account-screen>.empty{margin-top:20px}.profile-heading{display:flex;align-items:center;gap:14px;margin:22px 0}.profile-heading h1{margin:0;font-size:30px}.profile-heading p{margin:6px 0 0}.profile-avatar{width:62px;height:62px;flex-shrink:0;font-size:28px;border:2px solid var(--paper)}.profile-links{margin:25px 0;border-top:1px solid var(--line)}.profile-links a{display:grid;grid-template-columns:24px 1fr 20px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.profile-links svg{width:23px;height:23px;stroke-width:1.8;color:var(--pink)}
.notification-list{margin-top:18px}.notification{width:100%;background:#16272d;border:1px solid #ffffff25;border-radius:12px;color:#f6f0e7;display:grid;grid-template-columns:7px 1fr 14px;gap:11px;text-align:left;padding:14px 12px;margin-bottom:8px}.notification strong{font-size:14px}.notification p{margin:6px 0;font-size:12px;line-height:1.45}.notification time{display:block;font-size:10px;color:#aeb9bb;margin-top:7px}.notification-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);margin-top:5px}.notification.read{background:#101b20}.notification.read .notification-dot{background:transparent}
.message-thread{display:grid;gap:8px;margin:14px 0;max-height:400px;overflow:auto}.message{padding:12px;background:#1a3038;border-radius:12px;font-size:13px}.message.mine{background:#263d45}.message strong{font-size:12px}.message time{font-size:10px;margin-left:8px;color:#aeb9bb}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;line-height:1.5}.message img{display:block;border-radius:8px;max-height:250px;margin-top:8px}.message-composer{display:flex;gap:8px}.message-composer input{min-width:0;flex:1;padding:12px;border:1px solid #ffffff40;border-radius:10px;background:#ffffff12;color:white}.message-composer .primary{padding:10px 14px}

.intro-screen{display:flex;flex-direction:column;min-height:100svh;padding:calc(24px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 80% 0%,#234d59,#102129 48%,#0d1519);overflow:visible}
.intro-header{display:flex;justify-content:space-between;align-items:center;min-height:62px;gap:16px}
.intro-header .brand{font-size:44px}.intro-header .brand small{font-size:16px}
.intro-count{color:var(--muted);font:700 16px 'Barlow Condensed',sans-serif;letter-spacing:.1em}.intro-count i{color:var(--teal);font-style:normal;padding:0 5px}
.intro-progress{display:flex;gap:5px;margin:20px 0 23px}.intro-progress span{flex:1;height:3px;background:#ffffff1a;transform:skewX(-25deg)}.intro-progress span.active{background:var(--teal)}
.intro-kicker{color:var(--teal);font-size:13px;margin-bottom:13px;letter-spacing:.12em}
.intro-screen h1{font-size:clamp(37px,10.4vw,47px);line-height:1.14;margin-bottom:12px;letter-spacing:0}.intro-screen h1:focus{outline:none}.intro-screen h1 em{font:700 1.18em/.8 'Caveat',cursive;color:var(--pink);white-space:normal}
.intro-lead{margin-bottom:14px;color:#e6ece8;font-size:14px;line-height:1.65;max-width:380px}.intro-detail{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:20px}.intro-success{color:#89ddd3}
.intro-visual{height:clamp(160px,47vw,205px);flex-shrink:0;position:relative;margin:0 0 24px;border-radius:15px;overflow:hidden;background:#193a45;border:1px solid #ffffff22}
.intro-hero{margin:0 -22px 24px;border-radius:0;border:0;height:clamp(195px,57vw,245px)}.intro-hero img{height:100%;width:100%;object-fit:cover;object-position:center 56%}.intro-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1519cc,transparent 80%)}.intro-hero .paint{position:absolute;z-index:1;right:17px;top:17px;transform:rotate(5deg);font-size:14px}.intro-hero .scribble{position:absolute;z-index:1;bottom:15px;left:22px;margin:0;color:var(--paper);font-size:27px;font-weight:700;line-height:1;transform:rotate(-5deg);text-shadow:0 1px 5px #000a}
.intro-home{display:flex;align-items:center;justify-content:center;gap:26px;background:linear-gradient(140deg,#326275,#153b48)}.intro-app-icon{display:grid;justify-items:center;gap:10px;z-index:1}.intro-app-icon img{width:85px;height:85px;border-radius:19px;box-shadow:0 6px 16px #0005;border:1px solid #ffffff55;transform:rotate(-5deg)}.intro-app-icon span{font-size:11px;color:#edf1ec}.intro-home>.scribble{font-size:31px;font-weight:700;line-height:.9;transform:rotate(-7deg);color:var(--paper);z-index:1}.intro-home>svg{position:absolute;right:-18px;bottom:-12px;width:140px;height:140px;color:#64c6ce;opacity:.22;stroke-width:1}
.intro-guide{list-style:none;counter-reset:install;display:grid;gap:8px;padding:12px 14px;margin:0 0 20px;background:#ffffff08;border:1px solid #ffffff1f;border-radius:11px;font-size:12px;line-height:1.6;color:#c8d2d1}.intro-guide li{counter-increment:install;position:relative;padding-left:25px}.intro-guide li:before{content:counter(install);position:absolute;left:0;top:0;font:700 17px 'Barlow Condensed',sans-serif;color:var(--teal)}.intro-guide strong{color:var(--paper)}.intro-guide svg{width:14px;height:16px;vertical-align:middle;stroke-width:1.6}
.intro-map{background-color:#dce3dc;background-image:repeating-linear-gradient(115deg,transparent 0 45px,#bbcfc8 46px 47px,transparent 48px 90px),repeating-linear-gradient(22deg,transparent 0 59px,#eef1e9 60px 65px,transparent 66px 100px);color:var(--ink)}.intro-map:before{content:'';position:absolute;width:45%;height:150%;right:-16%;top:-25%;background:#6ab7c5;border-left:8px solid #c9e1d8;transform:rotate(20deg)}.intro-map-pin{position:absolute;left:40%;top:24%;display:grid;place-items:center;width:68px;height:68px;background:var(--teal);border:3px solid var(--paper);border-radius:50%;box-shadow:0 4px 13px #23495030;transform:rotate(-9deg)}.intro-map-pin svg{width:32px;height:32px;stroke-width:1.5}.intro-map>.scribble{position:absolute;left:24px;bottom:20px;font-size:28px;font-weight:700;transform:rotate(-7deg)}.intro-map-label{position:absolute;left:13px;top:13px;padding:4px 8px;background:var(--paper);font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.05em}.intro-map-spot{position:absolute;right:35px;bottom:22px;font-size:35px;transform:rotate(12deg)}
.intro-notification{background:linear-gradient(130deg,#224653,#16303b);display:flex;align-items:center;justify-content:center;padding:16px}.intro-notification>.paint{position:absolute;left:14px;top:11px;transform:rotate(-4deg);font-size:13px}.intro-notification-card{width:100%;display:flex;align-items:center;gap:11px;padding:15px 12px;background:var(--paper);color:var(--ink);border-radius:11px;transform:rotate(-3deg);box-shadow:4px 5px 0 #0d15194d}.intro-notification-icon{width:36px;height:36px;flex-shrink:0;background:var(--pink);display:grid;place-items:center;border-radius:9px}.intro-notification-icon svg{width:22px;height:22px;stroke-width:1.8}.intro-notification-card strong{font-size:12px}.intro-notification-card p{font-size:11px;margin:4px 0 0;color:#4b5658}.intro-notification>.scribble{position:absolute;bottom:7px;right:19px;font-size:23px;line-height:.8;font-weight:700;color:var(--teal);transform:rotate(4deg)}
.intro-crew{display:flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(140deg,#315466,#16303b);padding-bottom:25px}.intro-crew-circle{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:2px solid var(--paper);background:#244c5a;color:var(--pink);transform:rotate(-8deg);box-shadow:4px 4px 0 #24b9c1}.intro-crew-circle svg{width:43px;height:43px;stroke-width:1.3}.intro-crew-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.intro-crew>.scribble{font-size:29px;line-height:.9;font-weight:700;transform:rotate(-5deg);max-width:125px}.intro-crew>.paint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%) rotate(2deg);font-size:12px;white-space:nowrap}
.intro-footer{margin-top:auto;padding-top:12px;display:grid;gap:7px}.intro-cta{gap:12px;min-height:54px;flex-shrink:0;font-size:18px;text-transform:uppercase;border-radius:8px;clip-path:polygon(0 4%,35% 1%,65% 3%,100% 0,99% 96%,57% 100%,30% 98%,1% 100%)}.intro-cta svg{width:22px;height:22px;stroke-width:1.8}.intro-cta:disabled{opacity:.55;cursor:wait}.intro-skip{display:block;width:100%;min-height:45px;padding:10px;border:0;background:none;color:#b7c7c9;font-size:12px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b7c7c955}.intro-skip:hover{color:var(--paper)}
.profile-setup{margin:26px 0}.profile-setup button,.profile-setup a{display:grid;grid-template-columns:24px 1fr 18px;gap:12px;align-items:center;width:100%;text-align:left;padding:15px 0;color:inherit;background:none;border:0;border-bottom:1px solid var(--line)}.profile-setup svg{width:23px;height:23px;stroke-width:1.7;color:var(--teal)}.profile-setup svg:last-child{width:18px;height:18px}.profile-setup strong{display:block;font-size:13px;font-weight:600}.profile-setup small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.profile-setup button:disabled{opacity:.55;cursor:wait}
@media(max-height:740px){.intro-screen{padding-top:calc(16px + env(safe-area-inset-top))}.intro-progress{margin:14px 0 16px}.intro-visual{height:148px;margin-bottom:18px}.intro-hero{height:180px}.intro-screen h1{font-size:38px}.intro-lead{font-size:13px}.intro-guide{font-size:11px}}
@media(max-width:360px){.intro-screen{padding-left:18px;padding-right:18px}.intro-hero{margin-left:-18px;margin-right:-18px}.intro-screen h1{font-size:35px}.intro-home{gap:18px}.intro-notification-card{gap:8px;padding:13px 9px}.intro-cta{font-size:16px}}
@media(min-width:700px){.intro-screen{min-height:820px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.map-selection{display:block;padding:0}.map-selection-link{display:grid;grid-template-columns:72px minmax(0,1fr) 22px;gap:11px;align-items:center;padding:12px;border-radius:inherit}.map-selection .arrow{align-self:end;line-height:1;margin-bottom:4px}.map-preview-close{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:8px;border:0;border-radius:50%;background:#1717170d;color:#171717}.map-preview-close svg{width:24px;height:24px;stroke-width:1.7}

/* Keep the map in the remaining viewport as the legends wrap on small screens. */
.screen.map-screen{height:100dvh;min-height:0;display:flex;flex-direction:column}
.map-screen .search-wrap{flex:none}
.map-screen .map-canvas{flex:1;min-height:0;height:auto}
.map-screen .map-locate{top:auto;bottom:calc(220px + env(safe-area-inset-bottom))}
.map-screen .map-selection [hidden]{display:none}
.kite-rating.not-kiteable{background:#ff777b;color:#310b0d}.kite-direction.unsuitable{color:#ff9eac}.map-legend i.not-kiteable{background:#ff777b}.wind-assessment{margin-top:7px}.wind-direction-note{margin:7px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}.wind-direction-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.screen.paper .kite-direction,.map-selection .kite-direction{color:#525e59}.screen.paper .kite-direction.good,.map-selection .kite-direction.good{color:#246739}.screen.paper .kite-direction.unsuitable,.map-selection .kite-direction.unsuitable{color:#a62d3f}.screen.paper .wind-direction-note{color:#525e59}.map-selection .kite-rating{display:table;font-size:11px;line-height:1.3}.map-selection .kite-direction{font-size:11px;line-height:1.3}.detail-body>.wind-assessment{margin:10px 0}
.map-screen .presence-detail.not-kiteable{background:#ff777b;color:#310b0d}

/* Community spots use the same photo in cards, spot details and sessions. */
.kite-directions-link{display:inline-flex;align-items:center;gap:7px;margin:8px 0 14px}.kite-directions-link svg{width:17px;height:17px}
.kite-save-spot{display:block;margin:14px 0;padding:10px 14px;border:1px solid #c7d6d1;border-radius:10px;background:#f7f8f2;color:#16434a;font:600 15px 'Barlow Condensed',sans-serif}.kite-save-spot.saved{background:#d9efeb;border-color:#67a99f}.kite-community-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.kite-upload-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:9px;background:#e1efeb;color:#16434a;font:600 14px 'Barlow Condensed',sans-serif;cursor:pointer}.kite-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kite-photo-grid a{overflow:hidden;border-radius:10px;background:#e5ebe5;color:var(--ink);text-decoration:none}.kite-photo-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.kite-photo-grid small{display:block;padding:6px 8px}.kite-spot-chat{display:grid;gap:10px;max-height:360px;overflow:auto}.kite-spot-chat article{padding:10px 12px;border-radius:10px;background:#edf2ed}.kite-spot-chat time{float:right;color:#657b79;font-size:11px}.kite-spot-chat p{margin:5px 0 0;white-space:pre-wrap}.kite-spot-chat-form{display:flex;gap:8px;margin-top:12px}.kite-spot-chat-form input{flex:1;min-width:0;border:1px solid #ccd8d2;border-radius:9px;padding:10px}.kite-spot-chat-form button{padding:9px 14px}.kite-saved-spots{margin:22px 0}.kite-saved-spots>a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #dce5de;color:var(--ink);text-decoration:none}.kite-saved-spots>a small{margin-left:auto;color:#627a79}
.spot-art{overflow:hidden}.spot-art img{width:100%;height:100%;object-fit:cover;display:block}
.kite-detail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kite-community-label{display:inline-block;margin-bottom:10px;color:#185f68;font:700 12px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em}
.kite-add-entry{gap:8px;margin-top:12px}.kite-add-entry svg{width:20px;height:20px;stroke-width:1.8}
.map-filters .kite-map-add{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;padding:7px 10px;border:1px solid #24b9c180;border-radius:20px;font:700 13px 'Barlow Condensed',sans-serif;white-space:nowrap;color:var(--teal)}
.kite-map-add svg{width:17px;height:17px;stroke-width:2}
.screen.kite-add-spot{padding-bottom:calc(25px + env(safe-area-inset-bottom));padding-top:calc(17px + env(safe-area-inset-top))}
.kite-add-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 16px 'Barlow Condensed',sans-serif;color:var(--muted)}
.kite-add-header button{display:grid;place-items:center;width:38px;height:38px;background:#ffffff0b;border:0;border-radius:50%;color:var(--paper)}
.kite-add-header svg{width:23px;height:23px;stroke-width:1.8}
.kite-add-progress{height:6px;margin:18px 0 23px;border-radius:20px;background:#ffffff15;overflow:hidden}.kite-add-progress span{display:block;height:100%;background:var(--pink);border-radius:inherit}
.kite-add-spot h1{font:700 34px/1.1 'Barlow Condensed',sans-serif;margin-bottom:20px;letter-spacing:0}
.kite-add-fields{display:grid;gap:17px;min-inline-size:0;border:0;margin:0;padding:0}
.kite-add-fields .field{margin:0}.kite-add-fields .help{margin:0;line-height:1.5}.kite-add-fields .notice{margin:0}
.kite-add-fields>fieldset{border:0;margin:0;padding:0;min-inline-size:0}.kite-add-fields legend{padding:0;margin-bottom:8px;font:700 15px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em}
.kite-add-photo{position:relative;display:grid;place-items:center;min-height:190px;overflow:hidden;border:1px solid #ffffff30;border-radius:14px;background:radial-gradient(ellipse at top,#264b56,#0d1d22);cursor:pointer}
.kite-add-photo>span{display:grid;justify-items:center;gap:10px;margin-bottom:24px;font:500 16px 'Barlow Condensed',sans-serif;color:var(--muted)}
.kite-add-photo>span svg{width:36px;height:36px;stroke-width:1.4;color:var(--teal)}
.kite-add-photo img{display:block;width:100%;height:215px;object-fit:cover}.kite-add-photo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.kite-add-photo:focus-within{outline:3px solid var(--teal);outline-offset:3px}
.kite-add-photo b{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 15px;border-radius:9px;background:var(--paper);color:var(--ink);pointer-events:none;font:700 16px 'Barlow Condensed',sans-serif}
.kite-add-photo b svg{width:20px;height:20px;stroke-width:1.8}.kite-photo-remove{justify-self:end;padding:0;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.kite-spot-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kite-spot-kind .kite-spot-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.kite-spot-options label{position:relative}.kite-spot-options input{position:absolute;opacity:0;width:1px;height:1px}.kite-spot-options span{display:grid;place-items:center;padding:11px 4px;border:1px solid #ffffff35;border-radius:9px;font:600 17px 'Barlow Condensed',sans-serif;background:#ffffff08;cursor:pointer}
.kite-spot-options input:checked+span{background:var(--paper);border-color:var(--paper);color:var(--ink)}.kite-spot-options input:focus-visible+span{outline:3px solid var(--teal);outline-offset:3px}
.kite-wind-directions .help{margin-bottom:12px}.kite-add-fields .field>.kite-location-search{display:flex;gap:7px;margin:0;text-transform:none}.kite-location-search input{min-width:0}.kite-location-search button{min-height:43px;padding:8px 13px;flex-shrink:0;border-color:#ffffff40}
.kite-spot-picker{height:290px;min-width:0;background:#24464f;border:1px solid #ffffff30;border-radius:12px;overflow:hidden}
.kite-spot-picker .leaflet-control-attribution{line-height:1.5}.kite-add-fields>.secondary{gap:8px;min-height:43px}.kite-add-fields>.secondary svg{width:18px;height:18px;stroke-width:1.8}
.kite-spot-coordinates{font-size:12px;color:var(--muted);text-align:center;margin-top:-7px}
.kite-new-marker{filter:drop-shadow(0 3px 3px #0007)}.kite-new-marker span{display:block;width:30px;height:30px;background:var(--pink);border:3px solid var(--paper);border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin:3px 2px}.kite-new-marker span:after{content:'';position:absolute;width:8px;height:8px;left:8px;top:8px;border-radius:50%;background:var(--ink)}
.kite-spot-manual{font-size:12px;color:var(--muted)}.kite-spot-manual summary{cursor:pointer;padding:6px 0}.kite-spot-manual>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}.kite-spot-manual .field>span{font-size:13px}.kite-spot-manual input{font-size:12px;padding:10px;appearance:auto}
.kite-add-preview{display:flex;gap:12px;padding:12px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff05}.kite-add-preview img{width:90px;height:110px;object-fit:cover;border-radius:8px}.kite-add-preview>div{min-width:0}.kite-add-preview h2{font-size:23px;text-transform:none;margin:2px 0 5px}.kite-add-preview p{font-size:12px;line-height:1.4;color:var(--muted);margin-bottom:7px;overflow-wrap:anywhere}
.kite-add-spot .kite-add-next{min-height:51px;margin-top:22px;font-size:19px}.kite-add-spot button:disabled,.kite-add-fields:disabled{opacity:.6}.kite-add-fields:disabled{pointer-events:none}
@media(max-width:360px){.map-filters{gap:6px}.map-filters button{padding:7px 13px}.map-filters .kite-map-add{padding:7px 8px}.kite-add-spot h1{font-size:31px}.kite-spot-picker{height:260px}}