@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#1e3557;--secondary:#f75687;--accent:#f49899;--accent-dark:#c14570;--light-pink:#faeaf2;--white:#fff;--background:#fcfcfc;--brand-gradient:linear-gradient(135deg, #f49899 0%, #f75687 50%, #c14570 100%);--pink:var(--secondary);--pink-dark:var(--accent-dark);--pink-soft:#f756871f;--pink-wash:#f7568714;--navy:var(--primary);--text:var(--primary);--muted:#475569;--line:#eadfe6;--grey:var(--light-pink);--shadow:0 12px 40px #1e355714;--shadow-soft:0 8px 24px #1e35570f;--radius:20px;--radius-sm:14px;--header-h:56px;--tab-h:72px;color:var(--text);background:var(--background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}html{scroll-behavior:smooth}body{background:var(--light-pink);min-width:320px;margin:0}button,a,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f7568773}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-in{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}#root{height:100%;min-height:100%}.app-stage{background:radial-gradient(80% 50% at 50% 0%, #f4989947, transparent 70%), var(--light-pink);place-items:stretch stretch;height:100%;min-height:100%;display:grid}.app-phone{background:var(--background);flex-direction:column;width:100%;height:100%;min-height:100%;display:flex;position:relative;overflow:hidden}@media (width>=560px){.app-stage{place-items:center;padding:16px}.app-phone{border:1px solid var(--line);border-radius:32px;width:min(100%,430px);height:min(900px,100svh - 32px);min-height:0;box-shadow:0 30px 70px #1e355724}.join-card{border-radius:24px;margin:0 12px 12px;padding-bottom:18px}.tabbar{border-radius:0 0 32px 32px}}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--secondary);color:var(--white);box-shadow:0 10px 24px #f7568747}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-secondary{background:var(--white);color:var(--primary);border:1px solid var(--primary)}.btn-ghost{color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffffb3}.lang-switch{border:1px solid var(--line);background:var(--grey);border-radius:999px;padding:3px;display:inline-flex}.lang-switch button{min-width:42px;height:30px;color:var(--muted);border-radius:999px;padding:0 10px;font-size:.75rem;font-weight:700}.lang-switch button.active{background:var(--brand-gradient);color:var(--white)}.lang-switch.is-on-dark{background:#ffffff1f;border-color:#ffffff47}.lang-switch.is-on-dark button{color:#ffffffc7}.eyebrow{color:var(--pink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:700}.mock-chip{background:var(--pink-soft);color:var(--accent-dark);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.join{min-height:0;color:var(--white);isolation:isolate;flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.join-media,.join-wash{position:absolute;inset:0}.join-media{z-index:-2}.join-media img{object-fit:cover;object-position:center 28%;width:100%;height:100%}.join-wash{z-index:-1;background:linear-gradient(#11111138 0%,#1111112e 28%,#1111118c 58%,#1e3557eb 100%)}.join-top{padding:calc(14px + env(safe-area-inset-top,0px)) 18px 0;justify-content:space-between;align-items:center;display:flex}.join-brand img{width:auto;height:56px}.join-copy{padding:28px 22px 16px;animation:.7s both fade-up}.join-copy h1{letter-spacing:-.04em;margin:6px 0 12px;font-size:clamp(2.1rem,9vw,2.8rem);font-weight:800;line-height:1.05}.join-copy p{color:#ffffffdb;max-width:32ch;margin:0;font-size:.95rem;line-height:1.55}.join-card{padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px));background:var(--white);color:var(--text);border-radius:28px 28px 0 0;margin-top:auto;animation:.42s both float-in;box-shadow:0 -16px 40px #1e35571f}.join-card label{gap:6px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:grid}.join-card input,.join-card select{border:1px solid var(--line);background:var(--background);width:100%;min-height:48px;color:var(--text);letter-spacing:.08em;border-radius:14px;padding:10px 14px;font-weight:600}.join-card input:focus,.join-card select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--pink-soft);outline:none}.join-hint{color:var(--muted);margin:-4px 0 12px;font-size:.8rem;font-weight:500}.join-error{color:var(--accent-dark);margin:0 0 10px;font-size:.88rem;font-weight:700}.join-actions{gap:8px;display:grid}.join-actions .btn{width:100%}.shell{background:var(--background);flex-direction:column;flex:1;min-height:0;display:flex}.shell-header{min-height:var(--header-h);padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fcfcfceb;justify-content:space-between;align-items:center;gap:10px;display:flex}.shell-brand{align-items:center;gap:8px;display:inline-flex}.shell-brand img{width:auto;height:36px}.shell-title{letter-spacing:-.03em;font-size:.92rem;font-weight:800}.screen{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:18px 16px 24px;overflow:auto}.tabbar{padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fcfcfcf5;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.tab{min-height:52px;color:var(--muted);border-radius:16px;justify-items:center;gap:4px;padding:6px 4px;font-size:.72rem;font-weight:700;display:grid}.tab svg{width:22px;height:22px}.tab.is-active{color:var(--pink);background:var(--pink-soft)}.tab-badge{position:relative}.tab-badge em{background:var(--pink);min-width:16px;height:16px;color:var(--white);text-align:center;border-radius:999px;padding:0 4px;font-size:.62rem;font-style:normal;line-height:16px;position:absolute;top:-4px;right:-8px}.poster{border-radius:var(--radius);min-height:168px;color:var(--white);box-shadow:var(--shadow);margin-bottom:16px;position:relative;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.poster-wash{background:linear-gradient(#11111114 0%,#1e3557c7 100%);position:absolute;inset:0}.poster-body{gap:6px;padding:72px 16px 16px;display:grid;position:relative}.poster-body strong{letter-spacing:-.03em;font-size:1.35rem}.poster-body span,.poster-body small{color:#ffffffe0;font-size:.85rem;font-weight:600}.badge-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-soft);grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:16px 18px;display:grid}.badge-card p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.badge-number{letter-spacing:-.04em;font-size:2.4rem;font-weight:800;line-height:1}.status-pill{background:var(--pink-soft);color:var(--accent-dark);text-align:center;border-radius:999px;max-width:11rem;padding:6px 10px;font-size:.72rem;font-weight:700;line-height:1.3;display:inline-flex}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.stat{border-radius:var(--radius-sm);background:var(--grey);padding:14px 16px}.stat span{color:var(--muted);margin-bottom:4px;font-size:.78rem;font-weight:600;display:block}.stat strong{letter-spacing:-.03em;font-size:1.35rem}.how-mini h2{letter-spacing:-.02em;margin:0 0 10px;font-size:1.05rem}.how-mini ol{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.how-mini li{background:var(--white);border:1px solid var(--line);border-radius:16px;grid-template-columns:28px 1fr;gap:10px;padding:12px 14px;display:grid}.how-mini b{background:var(--pink-soft);width:28px;height:28px;color:var(--pink);border-radius:9px;place-items:center;font-size:.75rem;display:grid}.how-mini strong{font-size:.9rem;display:block}.how-mini small{color:var(--muted);font-size:.8rem}.screen .btn{width:100%}.leave-btn{width:100%;min-height:40px;color:var(--muted);margin-top:10px;font-size:.85rem;font-weight:600}.picks-head h1{letter-spacing:-.03em;margin:0 0 8px;font-size:1.55rem;line-height:1.2}.picks-head p{color:var(--muted);margin:0 0 14px;font-size:.92rem;line-height:1.5}.filters{gap:8px;margin-bottom:14px;display:flex}.filters button{background:var(--grey);min-height:36px;color:var(--muted);border-radius:999px;padding:0 14px;font-size:.82rem;font-weight:700}.filters button.is-on{background:var(--brand-gradient);color:var(--white)}.people-list{gap:10px;padding-bottom:88px;display:grid}.person-card{background:var(--white);border:1px solid var(--line);text-align:left;box-shadow:var(--shadow-soft);border-radius:18px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:12px;transition:border-color .16s,box-shadow .16s;display:grid}.person-card>button{background:0 0;border:0;padding:0}.person-card>button:first-child{width:56px;height:56px}.person-card.is-liked{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-soft)}.avatar{width:56px;height:56px;color:var(--white);letter-spacing:-.03em;border-radius:18px;place-items:center;font-weight:800;display:grid}.person-meta{min-width:0}.person-meta strong{letter-spacing:-.02em;font-size:1rem;display:block}.person-meta small{color:var(--muted);font-size:.78rem;font-weight:600;display:block}.person-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.person-tags span{background:var(--light-pink);color:var(--accent-dark);border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:700}.like-btn{background:var(--grey);width:48px;height:48px;color:var(--pink);border-radius:50%;place-items:center;display:grid}.like-btn.is-on{background:var(--brand-gradient);color:var(--white);animation:.28s pop}.like-btn svg{width:22px;height:22px}.empty-note,.lock-note{text-align:center;color:var(--muted);margin:18px 8px;font-size:.92rem}.submit-bar{background:linear-gradient(180deg, transparent, var(--background) 28%);margin:0 -16px -24px;padding:12px 16px 16px;position:sticky;bottom:0}.submit-bar .btn{width:100%}.match-hero{text-align:center;padding:8px 8px 18px}.match-mark{background:var(--pink-soft);width:64px;height:64px;color:var(--pink);border-radius:50%;place-items:center;margin:0 auto 12px;animation:1.6s infinite pulse-heart;display:grid}.match-mark svg{width:30px;height:30px}.match-hero h1{letter-spacing:-.03em;margin:0 0 8px;font-size:1.7rem}.match-hero p{color:var(--muted);margin:0;line-height:1.55}.match-list{gap:12px;display:grid}.match-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:16px;animation:.4s both fade-up}.match-card header{grid-template-columns:56px 1fr;align-items:center;gap:12px;margin-bottom:12px;display:grid}.match-card h2{letter-spacing:-.02em;margin:0;font-size:1.1rem}.match-card .seat{color:var(--pink);letter-spacing:.04em;font-size:.78rem;font-weight:800}.contact-row{background:var(--grey);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.contact-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700;display:block}.contact-row strong{font-size:.95rem}.copy-btn{background:var(--white);min-height:36px;color:var(--pink);border:1px solid var(--line);border-radius:999px;padding:0 12px;font-size:.78rem;font-weight:700}.private-note{color:var(--muted);text-align:center;margin:16px 4px 0;font-size:.82rem;line-height:1.5}.need-submit{text-align:center;color:var(--muted);place-items:center;gap:14px;padding:48px 12px;display:grid}.overlay{z-index:20;background:#1e355761;align-items:flex-end;animation:.18s fade-in;display:flex;position:absolute;inset:0}.sheet{width:100%;max-height:86%;padding:12px 18px calc(18px + env(safe-area-inset-bottom,0px));background:var(--white);border-radius:24px 24px 0 0;animation:.28s both float-in;overflow:auto}.sheet-handle{background:var(--line);border-radius:999px;width:42px;height:4px;margin:4px auto 14px}.sheet header{grid-template-columns:64px 1fr;align-items:center;gap:14px;margin-bottom:16px;display:grid}.sheet h2{letter-spacing:-.03em;margin:0;font-size:1.3rem}.icebreaker{background:var(--grey);border-radius:16px;margin-bottom:14px;padding:14px 16px}.icebreaker span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.icebreaker p{margin:0;font-weight:700;line-height:1.45}.matching{z-index:30;text-align:center;background:radial-gradient(500px 240px at 50% 30%, var(--pink-wash), transparent 70%), var(--white);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.matching h2{letter-spacing:-.03em;margin:8px 0;font-size:1.6rem}.matching p{color:var(--muted);margin:0}