:root{--coral:#FF5757;--coral-deep:#F03E3E;--yellow:#FFC42E;--yellow-deep:#F6A91C;--purple:#7B5BD6;--purple-deep:#6A45CB;--blue:#3E9DF0;--blue-deep:#2C82DC;--mint:#2FD3A0;--mint-deep:#1FBE8C;--navy:#20234E;--ink:#3A3D63;--ink-soft:#6E719A;--coral-soft:#FFE6E2;--yellow-soft:#FFF1CC;--purple-soft:#ECE5FB;--blue-soft:#E0F0FE;--mint-soft:#D5F7EC;--cream:#FFF8F0;--bg:#FFF8F0;--card:#FFFFFF;--r-xl:34px;--r-lg:28px;--r-md:22px;--r-sm:15px;--pill:999px;--shadow-sm:0 6px 16px -8px rgba(32,35,78,.3);--shadow:0 18px 38px -20px rgba(32,35,78,.4);--shadow-lg:0 34px 70px -34px rgba(32,35,78,.46);--ring:0 0 0 3px #fff, 0 14px 28px -14px rgba(32,35,78,.4);--maxw:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,system-ui,sans-serif;color:var(--navy);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}html[lang=th] body{font-family:Mali,Nunito,system-ui,sans-serif;line-height:1.7}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] h4,html[lang=th] .btn,html[lang=th] .brand,html[lang=th] .form-h,html[lang=th] .eyebrow,html[lang=th] .cd-pill .t,html[lang=th] .big{font-family:Mali,"Baloo 2",cursive;font-weight:700}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(255,196,46,.18),transparent 24%),radial-gradient(circle at 88% 8%,rgba(62,157,240,.16),transparent 26%),radial-gradient(circle at 92% 70%,rgba(47,211,160,.14),transparent 28%),radial-gradient(circle at 6% 78%,rgba(123,91,214,.13),transparent 26%),var(--bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(32,35,78,.045) 1.5px,transparent 1.6px);background-size:26px 26px}h1,h2,h3,h4,.display{font-family:"Baloo 2",cursive;font-weight:700;letter-spacing:-.01em;line-height:1.1}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}section{position:relative}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:"Baloo 2";font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-deep)}.eyebrow:before{content:"";width:22px;height:4px;border-radius:9px;background:var(--purple)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:"Baloo 2";font-weight:700;font-size:1rem;padding:14px 24px;border-radius:var(--pill);transition:transform .16s cubic-bezier(.3,1.4,.5,1),box-shadow .16s,background .16s;white-space:nowrap}.btn svg{width:19px;height:19px}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 12px 22px -10px #f03e3ebf,inset 0 -3px #0000001a}.btn-coral:hover{transform:translateY(-3px) rotate(-1deg)}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 12px 22px -12px #20234ecc}.btn-navy:hover{transform:translateY(-3px)}.btn-ghost{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm);border:2px solid #fff}.btn-ghost:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.btn-lg{padding:17px 30px;font-size:1.12rem}.btn:disabled{opacity:.5;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.85rem;padding:8px 14px;border-radius:var(--pill);background:#fff;color:var(--navy);box-shadow:var(--shadow-sm);border:2px solid #fff}.chip-mint{background:var(--mint-soft);color:var(--mint-deep)}.chip-yellow{background:var(--yellow-soft);color:var(--yellow-deep)}.chip-coral{background:var(--coral-soft);color:var(--coral-deep)}.chip-purple{background:var(--purple-soft);color:var(--purple-deep)}.chip-blue{background:var(--blue-soft);color:var(--blue-deep)}.live-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--mint)}.live-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--mint);animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}header{position:sticky;top:0;z-index:60;padding:14px 0}.nav{position:relative;display:flex;align-items:center;gap:14px;background:#fff8f0d1;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:2px solid #fff;border-radius:var(--pill);padding:9px 9px 9px 18px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:9px;font-family:"Baloo 2";font-weight:800;font-size:1.4rem;flex:0 0 auto}.brand img{width:52px;height:52px;object-fit:contain;flex:0 0 auto}.brand .wordmark{width:auto;height:25px}.nav-links{display:flex;align-items:center;gap:2px;margin-left:4px}.nav-links a{font-weight:700;font-size:.94rem;color:var(--ink);padding:9px 11px;border-radius:var(--pill);transition:.15s;white-space:nowrap}.nav-links a:hover{color:var(--navy);background:#fff}.nav-right{margin-left:auto;display:flex;align-items:center;gap:9px}.lang-toggle{display:inline-flex;background:#fff;border-radius:var(--pill);padding:3px;box-shadow:var(--shadow-sm);gap:2px}.lang-toggle button{font-family:"Baloo 2";font-weight:700;font-size:.8rem;padding:7px 11px;border-radius:var(--pill);color:var(--ink-soft);transition:.15s}.lang-toggle button.on{background:var(--navy);color:#fff}.login{font-family:"Baloo 2";font-weight:700;color:var(--navy);padding:11px 15px;border-radius:var(--pill);white-space:nowrap}.login:hover{background:#fff}.user-wrap{position:relative}.avatar-btn{display:flex;align-items:center;gap:9px;background:#fff;border-radius:var(--pill);padding:5px 14px 5px 5px;box-shadow:var(--shadow-sm)}.avatar-btn .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-family:"Baloo 2"}.avatar-btn .nm{font-family:"Baloo 2";font-weight:700;font-size:.9rem;line-height:1}.user-menu{position:absolute;right:0;top:calc(100% + 12px);background:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-lg);border:2px solid #fff;width:256px;padding:8px;display:none;z-index:80}.user-menu.show{display:block;animation:pop .2s cubic-bezier(.3,1.4,.5,1)}.user-head{display:flex;align-items:center;gap:11px;padding:12px;background:var(--cream);border-radius:var(--r-sm);margin-bottom:6px}.user-head .av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-family:"Baloo 2";font-size:1.2rem}.user-head .vf{font-size:.74rem;font-weight:800;color:var(--mint-deep);display:flex;align-items:center;gap:4px}.user-menu .mi{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;font-weight:700;font-size:.92rem;width:100%;text-align:left;color:var(--navy)}.user-menu .mi:hover{background:var(--cream)}.user-menu .mi .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.user-menu .mi .badge{margin-left:auto;background:var(--coral);color:#fff;font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:var(--pill)}.user-menu .sep{height:2px;background:#f0f0f4;margin:6px 8px;border-radius:2px}.hamburger{display:none;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);align-items:center;justify-content:center}.hamburger span,.hamburger span:before,.hamburger span:after{display:block;width:18px;height:2.5px;border-radius:3px;background:var(--navy);position:relative}.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0}.hamburger span:before{top:-6px}.hamburger span:after{top:6px}.ic-mint{background:var(--mint-soft);color:var(--mint-deep)}.ic-blue{background:var(--blue-soft);color:var(--blue-deep)}.ic-coral{background:var(--coral-soft);color:var(--coral-deep)}.ic-purple{background:var(--purple-soft);color:var(--purple-deep)}.ic-yellow{background:var(--yellow-soft);color:var(--yellow-deep)}.ic-navy{background:#e7e8f2;color:var(--navy)}.hero{padding:38px 0 26px}.hero-wordmark{height:78px;width:auto;margin:0 0 14px -6px;filter:drop-shadow(0 4px 6px rgba(32,35,78,.12))}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:46px;align-items:center}.hero h1{font-size:clamp(2.5rem,4.6vw,3.8rem);font-weight:800;margin-top:12px}.hero h1 .hl{position:relative;color:var(--coral)}.hero h1 .hl svg{position:absolute;left:-2%;bottom:-12px;width:104%;height:16px}.hero p.sub{font-size:1.14rem;color:var(--ink-soft);margin:20px 0 24px;max-width:32em;font-weight:500}.hero-cta{display:flex;gap:13px;flex-wrap:wrap}.trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.mock{position:relative}.nearby-map{position:relative;border-radius:var(--r-lg);overflow:hidden;border:5px solid #fff;box-shadow:var(--shadow-lg);background:linear-gradient(180deg,#eaf6ff,#e6f8f0)}.nearby-map .mapbox{position:relative;z-index:1;height:clamp(340px,46vh,520px);width:100%;background:transparent}.nearby-map .maplibregl-canvas{background:transparent}.nearby-map .map-underlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 47px,rgba(32,35,78,.06) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(32,35,78,.06) 47px 48px),linear-gradient(160deg,#dce9e1,#d6e7f3)}.nearby-map .map-underlay .mu-road{position:absolute;background:#fff;opacity:1;border-radius:40px;box-shadow:0 0 0 1px #20234e14}.nearby-map .map-underlay .mu-block{position:absolute;border-radius:16px;background:#7b5bd62b}.nearby-map .map-underlay .mu-water{position:absolute;border-radius:46% 54% 50% 50%/52% 48%;background:#3e9df052}.nearby-map .map-underlay .mu-park{position:absolute;border-radius:50%;background:#2fd3a04d}.nearby-map .map-note{position:absolute;z-index:5;left:50%;top:14px;transform:translate(-50%);max-width:90%;text-align:center;background:#fff;color:var(--ink-soft);font-weight:700;font-size:.82rem;padding:8px 15px;border-radius:var(--pill);box-shadow:var(--shadow-sm)}.nearby-map .maplibregl-ctrl-attrib{font-family:Nunito,system-ui,sans-serif;border-radius:var(--pill) 0 0 0}.nearby-map .maplibregl-ctrl-group{border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-sm);border:2px solid #fff}.mappin{background:none;border:none;padding:0;line-height:0;cursor:pointer;filter:drop-shadow(0 6px 6px rgba(32,35,78,.28));transition:transform .14s cubic-bezier(.3,1.4,.5,1)}.mappin:hover{transform:translateY(-3px) scale(1.08)}.mapyou{font-size:24px;line-height:1;cursor:default;filter:drop-shadow(0 4px 5px rgba(32,35,78,.3))}.map-card{position:relative;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(180deg,#eaf6ff,#e6f8f0);border:5px solid #fff;box-shadow:var(--shadow-lg);aspect-ratio:1/1.02}.map-card .road{position:absolute;background:#fff;opacity:.92;border-radius:40px}.map-card .blockA{position:absolute;border-radius:18px;background:#7b5bd612}.map-card .water{position:absolute;border-radius:50%;background:#3e9df029}.radius-ring{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:60%;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(62,157,240,.55);background:#3e9df012}.radius-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(62,157,240,.5);animation:radar 2.6s ease-out infinite}@keyframes radar{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.25);opacity:0}}.you{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:var(--ring);display:grid;place-items:center;z-index:4;font-size:1.4rem}.route{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.pin{position:absolute;z-index:3;transform:translate(-50%,-100%);filter:drop-shadow(0 8px 8px rgba(32,35,78,.22));animation:bob 3s ease-in-out infinite}.pin svg{width:38px;height:46px}.pin.b2{animation-delay:.5s}.pin.b3{animation-delay:1s}@keyframes bob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,-114%)}}.map-pop{position:absolute;z-index:6;background:#fff;border-radius:var(--r-md);padding:13px 14px;box-shadow:var(--shadow-lg);border:3px solid #fff;width:194px;right:6%;bottom:6%}.map-pop .ttl{font-family:"Baloo 2";font-weight:700;font-size:1.02rem;display:flex;align-items:center;gap:7px}html[lang=th] .map-pop .ttl{font-family:Mali}.map-pop .meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.map-pop .meta span{font-size:.72rem;font-weight:800;padding:4px 9px;border-radius:var(--pill);white-space:nowrap}.countdown-bubble{position:absolute;z-index:6;background:var(--yellow);color:var(--navy);font-family:"Baloo 2";font-weight:700;font-size:.92rem;padding:9px 14px;border-radius:var(--pill);box-shadow:0 12px 20px -10px #f6a91ce6,0 0 0 3px #fff;display:flex;align-items:center;gap:7px;left:8%;bottom:30%}.spark{position:absolute;z-index:7;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-12px) rotate(var(--rot,0deg))}}.filterbar{margin:-6px auto 0;max-width:1060px;background:#fff;border:3px solid #fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:16px}.search-row{display:flex;gap:12px;align-items:center}.search-input{flex:1;display:flex;align-items:center;gap:11px;background:var(--cream);border-radius:var(--pill);padding:13px 18px;border:2px solid transparent;transition:.15s}.search-input:focus-within{border-color:var(--purple);background:#fff}.search-input input{flex:1;border:none;background:none;outline:none;font-size:1rem;font-weight:600;color:var(--navy)}.search-input input::placeholder{color:var(--ink-soft)}.pill-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;align-items:center}.fpill{font-weight:800;font-size:.86rem;color:var(--ink);background:var(--cream);padding:9px 15px;border-radius:var(--pill);border:2px solid transparent;transition:transform .14s,background .14s,color .14s;display:inline-flex;align-items:center;gap:7px}.fpill:hover{transform:translateY(-2px)}.fpill.active{background:var(--navy);color:#fff}.divider-v{width:2px;height:24px;background:#eee;border-radius:2px;margin:0 3px}.tpill{font-weight:800;font-size:.84rem;padding:9px 14px;border-radius:var(--pill);border:2px solid #ECECF4;color:var(--ink);background:#fff;display:inline-flex;align-items:center;gap:8px;transition:.14s}.tpill .sw{width:30px;height:18px;border-radius:var(--pill);background:#e4e4ee;position:relative;transition:.18s}.tpill .sw:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 2px 4px #0003}.tpill.on.t-mint{background:var(--mint-soft);border-color:var(--mint);color:var(--mint-deep)}.tpill.on.t-mint .sw{background:var(--mint)}.tpill.on.t-amber{background:var(--yellow-soft);border-color:var(--yellow);color:var(--yellow-deep)}.tpill.on.t-amber .sw{background:var(--yellow-deep)}.tpill.on.t-coral{background:var(--coral-soft);border-color:var(--coral);color:var(--coral-deep)}.tpill.on.t-coral .sw{background:var(--coral)}.tpill.on .sw:after{left:14px}.sec{padding-top:60px;padding-bottom:60px}.sec-head{margin-bottom:30px;max-width:660px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head h2{font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:800;margin-top:12px}.sec-head p{color:var(--ink-soft);font-size:1.1rem;margin-top:10px;font-weight:500}.sec-head .row-between{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.board-empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:var(--ink-soft);font-weight:600}.board-empty .em{font-size:3rem;margin-bottom:10px}.acard{position:relative;background:#fff;border-radius:var(--r-lg);border:3px solid #fff;box-shadow:var(--shadow);overflow:hidden;transition:transform .2s cubic-bezier(.3,1.3,.5,1),box-shadow .2s;display:flex;flex-direction:column;cursor:pointer}.acard:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:var(--shadow-lg)}.acard .top{padding:15px 18px 16px;position:relative;overflow:hidden}.acard .top.t-coral{background:linear-gradient(160deg,var(--coral-soft),#fff)}.acard .top.t-blue{background:linear-gradient(160deg,var(--blue-soft),#fff)}.acard .top.t-mint{background:linear-gradient(160deg,var(--mint-soft),#fff)}.acard .top.t-yellow{background:linear-gradient(160deg,var(--yellow-soft),#fff)}.acard .top.t-purple{background:linear-gradient(160deg,var(--purple-soft),#fff)}.cat{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.76rem;padding:6px 11px;border-radius:var(--pill);background:#fff;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.04em}.state{position:absolute;top:15px;right:15px;font-weight:800;font-size:.72rem;padding:5px 11px;border-radius:var(--pill);display:inline-flex;align-items:center;gap:6px}.state.s-live{background:var(--mint);color:#fff}.state.s-ending_soon{background:var(--yellow);color:var(--navy)}.state.s-open{background:var(--blue);color:#fff}.state.s-full{background:var(--coral);color:#fff}.state.s-expired{background:#e7e8f2;color:var(--ink-soft)}.acard h3{font-size:1.16rem;font-weight:700;margin:10px 0 0;line-height:1.25}.acard .body{padding:13px 18px 18px;display:flex;flex-direction:column;flex:1}.acard .where{display:flex;align-items:center;gap:14px;color:var(--ink-soft);font-weight:700;font-size:.86rem;margin-bottom:13px}.acard .where span{display:inline-flex;align-items:center;gap:5px}.cd-pill{display:inline-flex;align-items:center;gap:8px;background:var(--cream);color:var(--navy);font-weight:800;font-size:.9rem;padding:9px 14px;border-radius:var(--pill);align-self:flex-start;margin-bottom:14px}.cd-pill.warn{background:var(--yellow-soft);color:var(--yellow-deep)}.cd-pill svg{width:16px;height:16px}.cd-pill .t{font-family:"Baloo 2";font-variant-numeric:tabular-nums}.acard .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.avatars{display:flex}.avatars i{width:30px;height:30px;border-radius:50%;border:2.5px solid #fff;margin-left:-9px;font-style:normal;display:grid;place-items:center;font-weight:800;font-size:.8rem;color:#fff}.avatars i:first-child{margin-left:0}.slots{font-weight:800;font-size:.82rem;color:var(--ink-soft)}.req-btn{width:100%;margin-top:14px;background:var(--navy);color:#fff;font-family:"Baloo 2";font-weight:700;padding:13px;border-radius:var(--pill);transition:.16s;display:flex;align-items:center;justify-content:center;gap:8px}html[lang=th] .req-btn,html[lang=th] .launch{font-family:Mali}.req-btn:hover{background:var(--coral);transform:translateY(-2px)}.req-btn.requested,.req-btn[disabled]{background:var(--mint-soft);color:var(--mint-deep);pointer-events:none;transform:none}.req-btn.mine{background:var(--purple-soft);color:var(--purple-deep);pointer-events:none}.req-btn.full{background:#e7e8f2;color:var(--ink-soft);pointer-events:none}.verified{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:.76rem;color:var(--mint-deep)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative;background:#fff;border:3px solid #fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:30px 26px;overflow:hidden}.step .num{position:absolute;top:20px;right:24px;font-family:"Baloo 2";font-weight:800;font-size:3.4rem;color:#20234e0f}.step .ic{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;margin-bottom:18px;box-shadow:var(--shadow-sm)}.step .ic svg{width:38px;height:38px}.step.s1 .ic{background:var(--coral-soft)}.step.s2 .ic{background:var(--mint-soft)}.step.s3 .ic{background:var(--yellow-soft)}.step h3{font-size:1.36rem;margin-bottom:10px}.step p{color:var(--ink-soft);font-weight:500;font-size:1rem}.step .bar{position:absolute;left:26px;right:26px;bottom:20px;height:6px;border-radius:9px}.step.s1 .bar{background:var(--coral)}.step.s2 .bar{background:var(--mint)}.step.s3 .bar{background:var(--yellow)}.safety{background:var(--cream);border-radius:40px;padding:50px 40px;border:3px solid #fff}.safe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.safe{background:#fff;border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm);border:3px solid #fff;transition:transform .18s}.safe:hover{transform:translateY(-5px)}.safe .ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:14px}.safe .ic svg{width:28px;height:28px}.safe h4{font-size:1.18rem;margin-bottom:6px}.safe p{color:var(--ink-soft);font-weight:500;font-size:.94rem}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat-tile{position:relative;border-radius:var(--r-lg);padding:24px 22px;color:#fff;overflow:hidden;box-shadow:var(--shadow);min-height:172px;display:flex;flex-direction:column;transition:transform .18s cubic-bezier(.3,1.3,.5,1);text-align:left}.cat-tile:hover{transform:translateY(-6px) rotate(-1deg)}.cat-tile .ic{width:50px;height:50px;border-radius:16px;background:#ffffff40;display:grid;place-items:center;margin-bottom:14px;font-size:1.5rem}.cat-tile h4{font-size:1.24rem;margin-bottom:6px}.cat-tile p{font-weight:600;font-size:.9rem;opacity:.95;flex:1}.cat-tile .cue{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.76rem;background:#ffffff38;padding:6px 11px;border-radius:var(--pill);align-self:flex-start}.cat-tile .blob{position:absolute;right:-26px;bottom:-26px;width:120px;height:120px;border-radius:50%;background:#ffffff21}.bg-coral{background:linear-gradient(150deg,var(--coral),var(--coral-deep))}.bg-blue{background:linear-gradient(150deg,var(--blue),var(--blue-deep))}.bg-mint{background:linear-gradient(150deg,var(--mint),var(--mint-deep))}.bg-purple{background:linear-gradient(150deg,var(--purple),var(--purple-deep))}.bg-yellow{background:linear-gradient(150deg,var(--yellow),var(--yellow-deep));color:var(--navy)}.bg-yellow .cue,.bg-yellow .ic{background:#20234e1f}.final{position:relative;text-align:center;background:linear-gradient(160deg,#fff,var(--cream));border-radius:44px;padding:64px 30px;border:4px solid #fff;box-shadow:var(--shadow-lg);overflow:hidden}.final h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.final p{color:var(--ink-soft);font-size:1.18rem;max-width:34em;margin:16px auto 28px;font-weight:500}.final .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.final .deco{position:absolute;animation:float 5s ease-in-out infinite}footer.wrap{padding-top:46px;padding-bottom:54px}.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}.foot-links{display:flex;gap:50px;flex-wrap:wrap}.foot-col h5{font-family:"Baloo 2";font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:12px}.foot-col a{display:block;font-weight:700;color:var(--navy);margin-bottom:8px;font-size:.95rem}.foot-col a:hover{color:var(--coral)}.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:2px solid rgba(32,35,78,.08);color:var(--ink-soft);font-weight:700;font-size:.88rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#20234e73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}.overlay.show{display:flex;animation:fade .2s}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--cream);border-radius:32px;border:4px solid #fff;box-shadow:var(--shadow-lg);width:420px;max-width:100%;max-height:92vh;overflow:auto;animation:pop .3s cubic-bezier(.3,1.4,.5,1)}@keyframes pop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:none;opacity:1}}.modal-top{padding:18px 20px 6px;display:flex;align-items:center;justify-content:space-between}.modal-pad{padding:6px 20px 22px}.form-h{display:flex;align-items:center;gap:9px;font-family:"Baloo 2";font-weight:700;font-size:1.18rem}.x{width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);display:grid;place-items:center;flex:0 0 auto}.field{margin-bottom:12px}.field label{display:block;font-weight:800;font-size:.74rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;margin-left:4px}.input{background:#fff;border-radius:var(--r-sm);padding:12px 14px;font-weight:700;font-size:.94rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:9px}.input .ic{color:var(--purple)}.input input,.input textarea{flex:1;border:none;outline:none;background:none;font-weight:700;font-size:.94rem;color:var(--navy);width:100%}.input textarea{resize:vertical;min-height:54px;line-height:1.5}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg .o{font-weight:800;font-size:.8rem;padding:8px 12px;border-radius:var(--pill);background:#fff;box-shadow:var(--shadow-sm);color:var(--ink);transition:.14s}.seg .o.sel{background:var(--purple);color:#fff}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stepper{display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--r-sm);padding:8px 12px;box-shadow:var(--shadow-sm);justify-content:space-between}.stepper button{width:32px;height:32px;border-radius:50%;background:var(--cream);font-weight:800;font-size:1.2rem;color:var(--navy);display:grid;place-items:center}.stepper .v{font-family:"Baloo 2";font-weight:800;font-size:1.1rem}.cd-preview{background:var(--navy);color:#fff;border-radius:var(--r-md);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;margin:14px 0 12px}.cd-preview .big{font-family:"Baloo 2";font-weight:800;font-size:1.5rem;font-variant-numeric:tabular-nums}.cd-preview small{font-weight:700;opacity:.8;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.launch{width:100%;background:var(--coral);color:#fff;font-family:"Baloo 2";font-weight:700;font-size:1.05rem;padding:14px;border-radius:var(--pill);box-shadow:0 12px 20px -10px #f03e3ecc;display:flex;align-items:center;justify-content:center;gap:8px}.launch:disabled{opacity:.5;pointer-events:none;box-shadow:none}.help{text-align:center;font-size:.78rem;color:var(--ink-soft);font-weight:600;margin-top:10px}.det-hero{height:120px;border-radius:var(--r-md);position:relative;display:flex;align-items:flex-end;padding:14px;margin-bottom:14px}.det-hero .cat{position:absolute;top:14px;left:14px}.det-hero .state{top:14px;right:14px}.det-title{font-family:"Baloo 2";font-weight:800;font-size:1.3rem;margin-bottom:10px}html[lang=th] .det-title{font-family:Mali}.det-stats{display:flex;gap:8px;margin-bottom:12px}.det-stats .s{flex:1;background:#fff;border-radius:14px;padding:10px;text-align:center;box-shadow:var(--shadow-sm)}.det-stats .s b{font-family:"Baloo 2";display:block;font-size:1.05rem}.det-stats .s span{font-size:.66rem;color:var(--ink-soft);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.det-host{display:flex;align-items:center;gap:11px;padding:12px;background:#fff;border-radius:var(--r-sm);box-shadow:var(--shadow-sm);margin-bottom:12px}.det-host .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-style:normal;font-family:"Baloo 2"}.det-desc{background:#fff;border-radius:var(--r-sm);padding:14px;box-shadow:var(--shadow-sm);margin-bottom:12px;font-weight:500;color:var(--ink);line-height:1.6;font-size:.95rem}.det-participants{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.safe-note{margin:10px 0 0;font-size:.78rem;color:var(--ink-soft);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.det-actions{display:flex;gap:10px}.det-actions .launch{flex:1}.report-btn{background:#fff;color:var(--coral-deep);box-shadow:var(--shadow-sm);border-radius:var(--pill);padding:0 18px;font-weight:800;font-size:.9rem;display:flex;align-items:center;gap:6px;flex:0 0 auto}.modal.login-modal{width:780px}.login-grid{display:grid;grid-template-columns:1fr 1fr}.login-side{background:linear-gradient(165deg,var(--purple),var(--blue-deep));color:#fff;padding:30px 28px;border-radius:28px 0 0 28px}.login-side img{width:84px;margin-bottom:14px}.login-side h3{font-size:1.5rem;margin-bottom:18px;color:#fff}.login-side .bl{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;font-weight:700;font-size:.96rem}.login-side .bl .c{width:26px;height:26px;border-radius:50%;background:#ffffff38;display:grid;place-items:center;flex:0 0 auto;margin-top:1px}.login-form{padding:26px 28px;display:flex;flex-direction:column}.login-form .lh{font-size:1.5rem;font-weight:800;margin-bottom:4px}.login-form .ls{color:var(--ink-soft);font-weight:600;margin-bottom:18px;font-size:.94rem}.agree-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.agree-item{display:flex;gap:12px;align-items:center;background:#fff;border:2px solid #ECECF4;border-radius:var(--r-md);padding:13px 15px;font-weight:700;font-size:.92rem;color:var(--navy);transition:.15s;width:100%;text-align:left}.agree-item:hover{border-color:var(--mint)}.agree-item .box{width:26px;height:26px;border-radius:9px;border:2.5px solid #D8D8E4;flex:0 0 auto;display:grid;place-items:center;transition:.15s}.agree-item .box svg{opacity:0;transition:.15s}.agree-item.checked{border-color:var(--mint);background:var(--mint-soft)}.agree-item.checked .box{background:var(--mint);border-color:var(--mint)}.agree-item.checked .box svg{opacity:1}.lo-note{font-size:.78rem;color:var(--ink-soft);font-weight:600;text-align:center;margin-top:12px}.line-btn{background:#06c755;box-shadow:0 12px 20px -10px #06c755cc;color:#fff}.line-btn:hover{background:#05b54d}.loc-picker{display:flex;flex-direction:column;gap:8px}.loc-map{height:200px;border-radius:var(--r-md,16px);overflow:hidden;border:2px solid #fff;box-shadow:var(--shadow-sm)}.loc-note{height:200px;display:grid;place-items:center;text-align:center;padding:0 16px;border-radius:var(--r-md,16px);background:var(--cream,#f6f3fb);color:var(--ink-soft);font-weight:700;font-size:.84rem}.loc-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.loc-btn{font-weight:800;font-size:.84rem;color:var(--purple,#7B5BD6);background:var(--cream,#f6f3fb);border:2px solid transparent;padding:8px 14px;border-radius:var(--pill);cursor:pointer}.loc-btn:hover{border-color:var(--purple,#7B5BD6)}.loc-coords{font-size:.74rem;color:var(--ink-soft);font-weight:600;font-variant-numeric:tabular-nums}.sh-line{padding:12px 4px 14px;border-bottom:1px solid var(--line,#eadff2);margin-bottom:10px}.sh-line label{display:block;font-weight:800;font-size:.74rem;color:var(--ink-soft);margin-bottom:6px}.sh-line-row{display:flex;gap:8px}.sh-line-row input{flex:1;border:2px solid #ECECF4;border-radius:12px;padding:9px 12px;font:inherit;font-weight:600;outline:none}.sh-line-row input:focus{border-color:#06c755}.sh-line-row button{background:#06c755;color:#fff;font-weight:800;border-radius:12px;padding:0 16px;font-size:.86rem}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:#20234e73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:#fff;padding:28px 36px;border-radius:22px;box-shadow:var(--shadow-lg);font-weight:800;color:var(--navy)}.auth-spinner{width:34px;height:34px;border-radius:50%;border:4px solid #EEE9F7;border-top-color:#06c755;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.chat-line{display:flex;align-items:center;gap:8px;margin:0 14px 4px;padding:9px 12px;border-radius:12px;background:#06c7551a;color:#05923f;font-weight:800;font-size:.84rem}.chat-line:hover{background:#06c75529}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;background:#20234e73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none}.sheet-overlay.show{display:block;animation:fade .2s}.sheet{position:fixed;top:0;right:0;height:100%;width:440px;max-width:94vw;background:var(--cream);box-shadow:var(--shadow-lg);z-index:181;transform:translate(100%);transition:transform .3s cubic-bezier(.3,1,.4,1);overflow:auto;border-left:3px solid #fff}.sheet.show{transform:none}.sheet-head{position:sticky;top:0;z-index:2;background:#fff8f0f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(32,35,78,.06)}.sheet-head .t{font-family:"Baloo 2";font-weight:800;font-size:1.3rem;display:flex;align-items:center;gap:8px}html[lang=th] .sheet-head .t,html[lang=th] .det-host .nm,html[lang=th] .mypop .tx h5,html[lang=th] .req-item .tx h5{font-family:Mali}.sheet-tabs{display:flex;gap:6px;padding:14px 20px 0}.sheet-tab{flex:1;font-family:"Baloo 2";font-weight:700;font-size:.86rem;padding:10px;border-radius:var(--pill);background:#fff;box-shadow:var(--shadow-sm);color:var(--ink-soft);position:relative}html[lang=th] .sheet-tab{font-family:Mali}.sheet-tab.on{background:var(--navy);color:#fff}.sheet-tab .badge{position:absolute;top:-4px;right:6px;background:var(--coral);color:#fff;font-size:.66rem;font-weight:800;padding:1px 7px;border-radius:var(--pill)}.sheet-body{padding:18px 20px 30px}.sh-sec{margin-bottom:24px}.sh-sec>.h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sh-sec>.h h4{font-family:"Baloo 2";font-size:1.04rem}html[lang=th] .sh-sec>.h h4{font-family:Mali}.mypop{background:#fff;border-radius:var(--r-md);padding:14px;box-shadow:var(--shadow-sm);margin-bottom:10px;display:flex;gap:12px;align-items:center;cursor:pointer}.mypop .em{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;font-size:1.2rem}.mypop .tx{flex:1;min-width:0}.mypop .tx h5{font-family:"Baloo 2";font-size:.98rem;margin-bottom:3px}.mypop .tx .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mypop .tx small{font-weight:800;font-size:.72rem;color:var(--ink-soft)}.empty-mini{color:var(--ink-soft);font-weight:600;font-size:.9rem;padding:10px 2px}.req-item{display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--r-sm);padding:11px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.req-item.accepted{border:2px solid var(--mint)}.req-item i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-style:normal;flex:0 0 auto}.req-item .tx{flex:1;min-width:0}.req-item .tx h5{font-family:"Baloo 2";font-size:.92rem}.req-item .tx p{font-size:.72rem;color:var(--ink-soft);font-weight:700}.req-item .acts{display:flex;gap:6px;align-items:center}.req-item .acts button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.req-item .acts .ok{background:var(--mint);color:#fff}.req-item .acts .no{background:#eee;color:var(--ink-soft)}.status-chip{font-weight:800;font-size:.72rem;padding:5px 11px;border-radius:var(--pill)}.status-pending{background:var(--yellow-soft);color:var(--yellow-deep)}.status-accepted{background:var(--mint-soft);color:var(--mint-deep)}.status-rejected{background:#eee;color:var(--ink-soft)}.chat-pill{display:inline-flex;align-items:center;gap:6px;background:var(--mint);color:#fff;font-family:"Baloo 2";font-weight:700;font-size:.78rem;padding:8px 13px;border-radius:var(--pill);white-space:nowrap;flex:0 0 auto}html[lang=th] .chat-pill{font-family:Mali}.chat-pill:hover{background:var(--mint-deep)}.modal.chat-modal{width:400px;background:#fff;overflow:hidden;display:flex;flex-direction:column;max-height:88vh;padding:0}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:2px solid var(--cream)}.chat-who{display:flex;align-items:center;gap:11px}.chat-who i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-style:normal;background:var(--purple);font-family:"Baloo 2"}.chat-name{font-family:"Baloo 2";font-weight:700;font-size:1.05rem}html[lang=th] .chat-name{font-family:Mali}.chat-sub{font-size:.74rem;color:var(--ink-soft);font-weight:700}.chat-cd{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--yellow-soft);color:var(--yellow-deep);font-weight:800;font-size:.78rem;padding:9px 12px;text-align:center}.chat-cd.closed{background:#eee;color:var(--ink-soft)}.chat-body{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:10px;background:var(--cream);min-height:220px}.msg{max-width:78%;padding:10px 14px;border-radius:18px;font-weight:600;font-size:.92rem;line-height:1.4;word-break:break-word}.msg.them{background:#fff;color:var(--navy);align-self:flex-start;border-bottom-left-radius:6px;box-shadow:var(--shadow-sm)}.msg.me{background:var(--coral);color:#fff;align-self:flex-end;border-bottom-right-radius:6px}.msg.sys{align-self:center;background:transparent;color:var(--ink-soft);font-size:.78rem;font-weight:700}.chat-input{display:flex;gap:9px;padding:12px 14px;border-top:2px solid var(--cream)}.chat-input input{flex:1;border:none;outline:none;background:var(--cream);border-radius:var(--pill);padding:12px 16px;font-weight:600;font-size:.94rem;color:var(--navy)}.chat-input input:disabled{opacity:.6}.chat-send{width:44px;height:44px;border-radius:50%;background:var(--coral);display:grid;place-items:center;flex:0 0 auto}.chat-send:hover{background:var(--coral-deep)}.chat-send:disabled{opacity:.4;pointer-events:none}.reason{display:flex;gap:12px;align-items:center;background:#fff;border:2px solid #ECECF4;border-radius:var(--r-sm);padding:13px 15px;font-weight:700;font-size:.92rem;color:var(--navy);width:100%;text-align:left;margin-bottom:8px;transition:.14s}.reason:hover{border-color:var(--coral)}.reason.sel{border-color:var(--coral);background:var(--coral-soft)}.reason .rd{width:20px;height:20px;border-radius:50%;border:2.5px solid #D8D8E4;flex:0 0 auto}.reason.sel .rd{border-color:var(--coral);background:var(--coral);box-shadow:inset 0 0 0 3px #fff}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%) translateY(120px);background:var(--navy);color:#fff;font-family:"Baloo 2";font-weight:700;padding:14px 22px;border-radius:var(--pill);box-shadow:var(--shadow-lg);z-index:300;display:flex;align-items:center;gap:10px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);max-width:90vw}html[lang=th] .toast{font-family:Mali}.toast.show{transform:translate(-50%) translateY(0)}.toast .em{width:26px;height:26px;border-radius:50%;background:var(--mint);display:grid;place-items:center;flex:0 0 auto}@media (max-width:1140px){.nav-links{display:none}.hamburger{display:flex}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:calc(100% + 12px);left:0;right:0;margin:0;background:#fff;border:2px solid #fff;border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:10px;z-index:90;animation:pop .2s cubic-bezier(.3,1.4,.5,1)}.nav-links.open a{padding:13px 15px;border-radius:14px;font-size:1rem}.nav-links.open a:hover{background:var(--cream)}}@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:30px}.mock{max-width:460px;margin:0 auto}.board,.steps,.safe-grid,.cats{grid-template-columns:repeat(2,1fr)}.login-grid{grid-template-columns:1fr}.modal.login-modal{width:440px}.login-side{border-radius:28px 28px 0 0}}@media (max-width:620px){.wrap{padding:0 16px}.sec{padding-top:44px;padding-bottom:44px}.board,.steps,.safe-grid,.cats{grid-template-columns:1fr}.pill-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.pill-row::-webkit-scrollbar{display:none}.fpill,.tpill{flex:0 0 auto}.divider-v{display:none}.safety{padding:24px 16px}.row2{grid-template-columns:1fr}.foot-links{gap:30px}.hero h1{font-size:2.4rem}.avatar-btn .nm{display:none}.hero-wordmark{height:56px}.nav-right .btn-coral span{display:none}}