@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:100svh;min-height:100svh}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--light-pink);min-width:320px;margin:0;overflow:hidden}button,a,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}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:100svh;min-height:100svh}.app-stage{background:radial-gradient(80% 50% at 50% 0%, #f4989947, transparent 70%), var(--light-pink);place-items:stretch stretch;height:100svh;min-height:100svh;display:grid;overflow:hidden}.app-phone{background:var(--background);flex-direction:column;width:100%;height:100%;min-height:0;max-height:100svh;display:flex;position:relative;overflow:hidden}.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}@media (hover:hover){.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:38px;height:28px;color:var(--muted);border-radius:999px;padding:0 8px;font-size:.72rem;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);max-width:7.5rem;color:var(--accent-dark);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;padding:3px 8px;font-size:.62rem;font-weight:700;display:inline-flex;overflow:hidden}.admin-banner{color:#fff;background:#1e3557;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:.72rem;line-height:1.35;display:flex}.admin-banner span{flex:1;min-width:0}.admin-refresh-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.68rem;font-weight:700}.admin-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.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(10px + env(safe-area-inset-top,0px)) 16px 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.join-brand img{width:auto;height:40px}.join-copy{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:16px 18px 12px;animation:.7s both fade-up;display:flex}.join .eyebrow{color:#f49899}.join-copy h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:4px 0 8px;font-size:clamp(1.55rem,7vw,2.2rem);font-weight:800;line-height:1.12}.join-copy p{color:#ffffffdb;max-width:36ch;margin:0;font-size:.88rem;line-height:1.45}.join-card{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--white);color:var(--text);border-radius:22px 22px 0 0;flex-shrink:0;margin-top:auto;animation:.42s both float-in;box-shadow:0 -12px 32px #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);border-radius:14px;padding:10px 14px;font-size:16px;font-weight:600}.join-card input[inputmode=numeric]{text-align:center;letter-spacing:.35em;font-size:1.15rem}.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(6px + env(safe-area-inset-top,0px)) 12px 6px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fcfcfcf0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.shell-brand{align-items:center;gap:6px;min-width:0;display:inline-flex}.shell-brand img{flex-shrink:0;width:auto;height:28px}.shell-title{letter-spacing:-.03em;font-size:.88rem;font-weight:800;display:none}.screen{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:14px 14px 20px;overflow:hidden auto}.tabbar{padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fcfcfcf5;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.tab{min-width:0;min-height:48px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:14px;justify-items:center;gap:2px;padding:6px 2px;font-size:.64rem;font-weight:700;line-height:1.15;display:grid;overflow:hidden}.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{min-height:132px;color:var(--white);border-radius:16px;margin-bottom:10px;position:relative;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.poster-wash{background:linear-gradient(#11111114 0%,#1e3557d1 100%);position:absolute;inset:0}.poster-body{gap:4px;padding:48px 14px 14px;display:grid;position:relative}.poster-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.poster-body .eyebrow{color:#f49899;margin:0}.poster-seat{letter-spacing:.04em;background:#ffffff2e;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.78rem;font-weight:800}.poster-body strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:1.15rem}.poster-body span,.poster-body small{color:#ffffffe0;font-size:.8rem;font-weight:600;line-height:1.35}.status-line{color:var(--accent-dark);margin:0 0 14px;font-size:.82rem;font-weight:700;line-height:1.35}.how-mini h2{letter-spacing:-.02em;margin:0 0 8px;font-size:.95rem}.how-mini ol{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.how-mini li{grid-template-columns:24px 1fr;align-items:start;gap:8px;padding:8px 0;display:grid}.how-mini b{background:var(--pink-soft);width:24px;height:24px;color:var(--pink);border-radius:8px;place-items:center;font-size:.7rem;display:grid}.how-mini strong{font-size:.86rem;display:block}.how-mini small{color:var(--muted);font-size:.76rem;line-height:1.35;display:block}.me-card{background:var(--white);border:1px solid var(--line);text-align:left;border-radius:16px;grid-template-columns:48px 1fr;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:10px 12px;display:grid}.me-card p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-size:.72rem;font-weight:700}.me-card>div{min-width:0}.me-card strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;display:block;overflow:hidden}.me-card small{color:var(--pink);font-size:.8rem;font-weight:700}.profile-form{padding-bottom:24px;display:grid}.profile-form .eyebrow{margin-top:4px}.profile-form label{gap:6px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:grid}.profile-form input,.profile-form textarea{border:1px solid var(--line);background:var(--white);width:100%;min-height:48px;color:var(--text);border-radius:14px;padding:10px 14px;font-size:16px;font-weight:600}.profile-form textarea{resize:vertical;min-height:96px;line-height:1.45}.profile-form input:focus,.profile-form textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--pink-soft);outline:none}.profile-form input[readonly]{background:var(--grey);color:var(--muted)}.profile-form small{color:var(--muted);justify-self:end;font-size:.75rem;font-weight:600}.profile-form .filters{margin:2px 0 4px}.profile-contacts{border:1px solid var(--line);background:var(--white);border-radius:14px;min-width:0;margin:0 0 12px;padding:12px}.profile-contacts legend{padding:0 6px;font-size:.85rem;font-weight:700}.profile-contacts .join-hint{margin:0 0 10px}.profile-contacts label{margin-bottom:10px}.profile-photo{justify-items:center;gap:6px;margin-bottom:4px;display:grid}.profile-photo .avatar{border-radius:28px;width:96px;height:96px}.profile-id{color:var(--muted);margin:0;font-size:.82rem;font-weight:700}.profile-photo-btn{background:var(--pink-soft);min-height:36px;color:var(--accent-dark);border-radius:999px;padding:0 14px;font-size:.82rem;font-weight:700}.profile-saved{color:var(--accent-dark);text-align:center;margin:0 0 12px;font-size:.88rem;font-weight:700}.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 12px;font-size:1.28rem;line-height:1.25}.picks-head p{color:var(--muted);margin:0 0 12px;font-size:.86rem;line-height:1.45}.filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{background:var(--grey);min-height:36px;color:var(--muted);border-radius:999px;flex-shrink:0;padding:0 14px;font-size:.82rem;font-weight:700}.filters button.is-on{background:var(--brand-gradient);color:var(--white)}.people-list{gap:8px;padding-bottom:88px;display:grid}.person-card{background:var(--white);border:1px solid var(--line);text-align:left;border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.person-card>button{background:0 0;border:0;min-width:0;padding:0}.person-card>button:first-child{width:48px;height:48px}.person-card .avatar{border-radius:14px;width:48px;height:48px}.person-card.is-liked{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-soft)}.avatar{width:56px;height:56px;color:var(--white);letter-spacing:-.03em;border-radius:18px;flex-shrink:0;place-items:center;font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.person-meta{min-width:0}.person-meta strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;display:block;overflow:hidden}.person-meta small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;display:block;overflow:hidden}.person-tags{flex-wrap:nowrap;gap:4px;margin-top:4px;display:flex;overflow:hidden}.person-tags span{background:var(--light-pink);color:var(--accent-dark);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.66rem;font-weight:700}.like-btn{background:var(--grey);width:44px;height:44px;color:var(--pink);border-radius:50%;flex-shrink:0;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{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, transparent, var(--background) 28%);margin:0 -14px -20px;position:sticky;bottom:0}.submit-bar .btn{width:100%}.confirm-sheet{text-align:left;padding-top:8px}.confirm-sheet h2{letter-spacing:-.03em;margin:0 0 10px;font-size:1.35rem}.confirm-copy{color:var(--muted);margin:0 0 18px;font-size:.95rem;line-height:1.55}.confirm-sheet .btn,.confirm-sheet .leave-btn{width:100%}.match-hero{text-align:center;padding:4px 4px 14px}.match-mark{background:var(--pink-soft);width:52px;height:52px;color:var(--pink);border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.match-mark svg{width:26px;height:26px}.match-hero h1{letter-spacing:-.03em;margin:0 0 6px;font-size:1.35rem}.match-hero p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.match-list{gap:10px;display:grid}.match-card{background:var(--white);border:1px solid var(--line);border-radius:16px;min-width:0;padding:14px;animation:.4s both fade-up}.match-card header{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;display:grid}.match-card .avatar{border-radius:14px;width:48px;height:48px}.match-card h2{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.02rem;overflow:hidden}.match-card .seat{color:var(--pink);letter-spacing:.04em;font-size:.75rem;font-weight:800}.contact-row{background:var(--grey);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:grid}.sheet .contact-row+.contact-row,.match-card .contact-row+.contact-row{margin-top:8px}.contact-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700;display:block}.contact-row strong{overflow-wrap:anywhere;word-break:break-word;font-size:.9rem;display:block}.copy-btn{background:var(--white);min-height:36px;color:var(--pink);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:0 10px;font-size:.75rem;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:12px;padding:32px 8px;display:grid}.need-submit h1{color:var(--text);margin:0;font-size:1.2rem}.overlay{z-index:20;background:#1e355761;align-items:flex-end;animation:.18s fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:min(86dvh,86%);padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--white);border-radius:20px 20px 0 0;animation:.28s both float-in;overflow:auto}.sheet-handle{background:var(--line);border-radius:999px;width:42px;height:4px;margin:4px auto 12px}.sheet-photo{background:var(--grey);cursor:zoom-in;border:none;border-radius:18px;width:100%;max-width:280px;margin:0 auto 14px;padding:0;display:block;overflow:hidden}.sheet-photo img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.sheet-header-below-photo{text-align:center;grid-template-columns:minmax(0,1fr)!important}.sheet header{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;display:grid}.person-avatar-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.photo-lightbox{z-index:40;background:#0a101ceb;place-items:center;padding:16px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.photo-lightbox img{object-fit:contain;border-radius:12px;max-width:min(100%,520px);max-height:min(86dvh,86%)}.photo-lightbox-close{top:max(12px, env(safe-area-inset-top,0px));color:#fff;font:inherit;cursor:pointer;background:#ffffff24;border:none;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:700;position:absolute;right:12px}.sheet h2{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:1.15rem}.sheet-tags{flex-wrap:wrap;margin-bottom:12px}.sheet-note{margin-top:0;margin-bottom:14px}.icebreaker{background:var(--grey);border-radius:14px;margin-bottom:12px;padding:12px 14px}.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-content:center;place-items:center;padding:24px 20px;display:grid;position:absolute;inset:0}.matching h2{letter-spacing:-.03em;margin:8px 0;font-size:1.35rem}.matching p{color:var(--muted);margin:0}@media (width<=380px){.tab{font-size:.58rem}.mock-chip{max-width:5.6rem}}@media (height<=700px){.join-copy{padding-top:8px;padding-bottom:8px}.join-copy h1{font-size:1.45rem}.join-brand img{height:34px}.poster-body{padding-top:36px}}@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;max-height:none;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}.shell-title{display:inline}.shell-brand img{height:32px}.overlay{position:absolute}}