.nav[data-v-a245edaa]{max-width:560px;margin:0 auto;padding:10px 12px 0}.who[data-v-a245edaa]{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.links[data-v-a245edaa]{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.links[data-v-a245edaa]::-webkit-scrollbar{display:none}.links a[data-v-a245edaa]{flex:0 0 auto;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;font-size:.9rem;font-weight:600}.links a.router-link-active[data-v-a245edaa]{background:var(--accent);border-color:var(--accent);color:#fff}.wh[data-v-bb02b669]{margin-bottom:8px}.big-date[data-v-295e98b2]{margin:0;padding:10px 0;font-weight:700}.qty[data-v-295e98b2]{width:110px}.login[data-v-bfc36f76]{min-height:calc(100dvh - 40px);max-width:400px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:24px 4px}.brand[data-v-bfc36f76]{text-align:center;margin-bottom:24px}.logo[data-v-bfc36f76]{display:block;width:112px;height:112px;margin:0 auto 16px;border-radius:50%;background:#fff;border:1px solid var(--line);object-fit:cover;box-shadow:0 6px 20px #241f1b14}.brand h1[data-v-bfc36f76]{margin:0;font-size:1.6rem;letter-spacing:-.01em}.brand p[data-v-bfc36f76]{margin:2px 0 0;color:var(--muted);font-size:.95rem}.panel[data-v-bfc36f76]{background:var(--card);border-radius:18px;padding:24px 20px;box-shadow:0 1px 2px #241f1b0f,0 10px 30px #241f1b12}.panel h2[data-v-bfc36f76]{margin:0 0 18px;font-size:1.15rem;text-align:center}.line-btn[data-v-bfc36f76],.submit[data-v-bfc36f76]{width:100%;min-height:52px;border-radius:12px;font-size:1.02rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.line-btn[data-v-bfc36f76]{background:#06c755;color:#fff}.line-icon[data-v-bfc36f76]{width:22px;height:22px;flex:0 0 auto}.submit[data-v-bfc36f76]{margin-top:20px}.divider[data-v-bfc36f76]{display:flex;align-items:center;gap:12px;margin:24px 0 8px;color:var(--muted);font-size:.85rem}.divider[data-v-bfc36f76]:before,.divider[data-v-bfc36f76]:after{content:"";flex:1;height:1px;background:var(--line)}.field[data-v-bfc36f76]{margin-top:14px}.field label[data-v-bfc36f76]{margin:0 0 6px}.field input[data-v-bfc36f76]{min-height:48px}.pw[data-v-bfc36f76]{position:relative}.pw input[data-v-bfc36f76]{padding-right:72px}.toggle[data-v-bfc36f76]{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:36px;padding:0 12px;border-radius:8px;background:transparent;color:var(--accent-ink);font-size:.85rem;font-weight:600}.toggle[data-v-bfc36f76]:active{transform:translateY(-50%)}.msg[data-v-bfc36f76]{margin:10px 0 0;font-size:.88rem;line-height:1.5}.error-msg[data-v-bfc36f76]{color:var(--danger);background:var(--danger-soft);border-radius:10px;padding:10px 12px}.help[data-v-bfc36f76]{margin:20px 4px 0}.help ul[data-v-bfc36f76]{margin:6px 0 0;padding-left:20px}.help li+li[data-v-bfc36f76]{margin-top:6px}.inner[data-v-93686f37]{box-shadow:none;border:1px solid var(--line);margin-top:12px}.line[data-v-93686f37]{padding:8px 0;border-top:1px solid var(--line);align-items:center}.qty[data-v-93686f37]{width:100px}.files[data-v-2b82495f]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 4px}.slot[data-v-2b82495f]{border:1px dashed var(--line);border-radius:10px;padding:10px 12px}.slot.ok[data-v-2b82495f]{border-style:solid;border-color:#cfe0bb;background:var(--accent-soft)}.slot .k[data-v-2b82495f]{display:block;font-size:.75rem;color:var(--muted);font-weight:600}.slot .v[data-v-2b82495f]{display:block;font-size:.85rem;overflow-wrap:anywhere}:root{--bg: #f4f1ea;--card: #ffffff;--text: #241f1b;--muted: #8d8277;--line: #e7e0d5;--accent: #5c8a3c;--accent-soft: #eaf2e0;--accent-ink: #3d6127;--warn: #b8860b;--warn-soft: #fdf3dc;--danger: #b3261e;--danger-soft: #fdecea;--radius: 14px;font-family:Sarabun,Leelawadee UI,Noto Sans Thai,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);font-size:17px;line-height:1.55;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.page{max-width:560px;margin:0 auto;padding:12px 12px 28px}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #241f1b0f,0 8px 24px -16px #241f1b40}.card+.card{margin-top:10px}h1{font-size:1.15rem;font-weight:700;margin:0 0 14px;letter-spacing:-.01em}.muted{color:var(--muted)}.note{font-size:.85rem;line-height:1.5}.big{font-size:1.7rem;font-weight:700;letter-spacing:-.02em}.ok{color:var(--accent-ink)}.error h1,.error-text{color:var(--danger)}.error-text{font-size:.9rem}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.82rem;word-break:break-all}.spaced{margin-top:14px}hr{border:0;border-top:1px solid var(--line);margin:14px 0}.section{display:flex;align-items:center;gap:8px;margin:18px 0 8px;font-size:.78rem;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:.02em}.section:after{content:"";flex:1;height:1px;background:var(--line)}.help{margin:10px 0 0}.help summary{cursor:pointer;color:var(--accent-ink);font-size:.85rem;padding:6px 0;list-style:none;display:flex;align-items:center;gap:6px}.help summary::-webkit-details-marker{display:none}.help summary:before{content:"?";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:.75rem;font-weight:700}.help[open] summary:before{content:"×"}.help .note{color:var(--muted);padding:2px 0 6px}dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:.95rem}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:10px}.stat{background:#faf8f4;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.stat .k{display:block;font-size:.75rem;color:var(--muted)}.stat .v{display:block;font-size:1.15rem;font-weight:700;margin-top:2px}.stat.hero{background:var(--accent-soft);border-color:#cfe0bb}.stat.hero .v{color:var(--accent-ink)}.stat.bad .v{color:var(--danger)}label{display:block;margin:12px 0 5px;color:var(--muted);font-size:.85rem;font-weight:600}input,select,textarea{width:100%;padding:11px 12px;font:inherit;color:var(--text);border:1px solid #ddd5cb;border-radius:10px;background:#fff;-moz-appearance:none;appearance:none;-webkit-appearance:none}select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:right 16px center,right 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}input[type=checkbox]{-moz-appearance:auto;appearance:auto;-webkit-appearance:checkbox;width:22px;height:22px;min-width:22px;flex:0 0 auto;padding:0;border:0;border-radius:0;background:none;accent-color:var(--accent)}label.tick{display:inline-flex;align-items:center;gap:9px;margin:0;color:inherit;font-size:inherit;font-weight:inherit}button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;transform:none}button.ghost{background:#fff;color:var(--text);border:1px solid #ddd5cb;font-weight:600}button.link{background:none;color:var(--accent-ink);padding:4px 0;text-decoration:underline;font-weight:600}button.danger{background:var(--danger)}button.block{width:100%;margin-top:16px;padding:15px;font-size:1.05rem;border-radius:12px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1 1 0;min-width:0}.row>.fit{flex:0 0 auto}.row>button.fit{margin-bottom:1px}.tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 10px;padding:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;background:#fff;color:var(--muted);font-weight:600;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.88rem}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.item{border-top:1px solid var(--line);padding:12px 0}.item:first-of-type{border-top:0}.item-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.item-head strong{font-weight:700}.badge{flex:0 0 auto;font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:999px;background:#f0ebe2;color:var(--muted);white-space:nowrap}.badge.paid{background:var(--accent-soft);color:var(--accent-ink)}.need-photo,.slow-note,.banner{margin:14px 0 0;padding:11px 13px;border-radius:10px;font-size:.9rem;line-height:1.5}.need-photo{background:var(--warn-soft);border:1px solid #ecd9a5;color:#7a5b12;font-weight:600}.slow-note{margin:0 0 12px;background:#eef2fa;border:1px solid #ccd8ec;color:#33507f}.need-friend{margin-bottom:12px;padding:13px 15px;background:var(--warn-soft);border:1px solid #ecd9a5;color:#7a5b12}.need-friend .head{margin:0 0 4px;font-weight:700}.need-friend p{margin:0;font-size:.9rem;line-height:1.5}.add-friend{display:block;margin-top:11px;padding:12px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;text-align:center;text-decoration:none}.pick{margin-bottom:4px}.pick-list{margin-top:6px;max-height:48vh;min-height:0;overflow-y:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 20px -14px #241f1b66;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pick-item{display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%;text-align:left;background:#fff;color:var(--text);font-weight:500;border:0;border-bottom:1px solid #f3eee6;border-radius:0;padding:11px 12px}.pick-item:last-child{border-bottom:0}.pick-item.on{background:var(--accent-soft)}.pick-item.free{background:var(--warn-soft)}.pick-name{font-weight:600}.pick-empty{margin:0;padding:12px}.pick-chosen{margin:6px 0 0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid #cfe0bb;border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:600}.chip button.link{color:var(--accent-ink);text-decoration:none;opacity:.7}.loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.92rem;padding:6px 0}.spinner{width:16px;height:16px;border-radius:50%;flex:0 0 auto;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:12px;border-radius:6px;margin-top:10px;background:linear-gradient(90deg,#f0ece4 25%,#f7f4ee,#f0ece4 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton.w60{width:60%}.skeleton.w80{width:80%}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.spinner,.skeleton{animation:none}}.timing{margin-top:14px;font-size:.72rem;color:#b3a99d;text-align:right}.actionbar{position:sticky;bottom:0;margin:14px -16px -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -8px 20px -16px #241f1b80}.actionbar button.block{margin-top:0}.actionbar .sum{display:block;text-align:center;font-size:.82rem;color:var(--muted);margin-bottom:8px}.who{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;font-size:.78rem;color:var(--muted)}.who .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.rowfold{border:0}.rowfold>summary{cursor:pointer;list-style:none;padding:4px 0;color:var(--accent-ink);font-size:.85rem;font-weight:600}.rowfold>summary::-webkit-details-marker{display:none}.rowfold>summary:after{content:" ▾"}.rowfold[open]>summary:after{content:" ▴"}@media(prefers-color-scheme:dark){:root{--bg: #1b1815;--card: #262220;--text: #f1ece5;--muted: #a99f94;--line: #3a342f;--accent: #8cb96a;--accent-soft: #2f3a26;--accent-ink: #b9d89b;--warn-soft: #3a3020;--danger: #ff8a80;--danger-soft: #3a2422}.card{box-shadow:0 1px 2px #0006}input,select,textarea{background:#1f1c1a;border-color:#3f3934;color:var(--text)}button.ghost{background:#2e2926;color:var(--text);border-color:#433c36}.stat{background:#221f1d;border-color:var(--line)}.stat.hero{background:var(--accent-soft);border-color:#3f5230}.badge{background:#322d29}.tabs button{background:#262220;border-color:var(--line)}.pick-list,.pick-item{background:var(--card);color:var(--text)}.pick-item{border-bottom-color:#322d29}.pick-item.on{background:var(--accent-soft)}.pick-item.free{background:#3a3020}.need-photo,.need-friend{background:#3a3020;border-color:#5c4a22;color:#f0dfae}.add-friend{color:#1b1815}.slow-note{background:#22293a;border-color:#35405c;color:#c6d4f0}.chip{background:var(--accent-soft);border-color:#3f5230;color:var(--accent-ink)}.skeleton{background:linear-gradient(90deg,#2a2624 25%,#322d29,#2a2624 75%);background-size:200% 100%}.timing{color:#6f665e}}.badge.low{background:var(--danger-soft);color:var(--danger)}.filters{display:flex;gap:6px;margin:10px 0 4px}.filters button{background:#fff;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.filters button.on{background:var(--accent-soft);color:var(--accent-ink);border-color:#cfe0bb}@keyframes rise{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}.card{animation:rise .16s ease-out both}.pick-list{animation:rise .12s ease-out both}.chip,.stat{animation:rise .14s ease-out both}button{transition:transform 80ms ease,opacity .12s ease}@media(prefers-reduced-motion:reduce){.card,.pick-list,.chip,.stat{animation:none}button{transition:none}}.toast-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#14110e73;animation:fadein .12s ease-out both}.toast{width:100%;max-width:340px;background:var(--card);border-radius:16px;padding:22px 20px 18px;text-align:center;box-shadow:0 18px 40px -18px #0009;animation:pop .16s ease-out both}.toast-mark{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;font-weight:700}.toast.ok .toast-mark{background:var(--accent-soft);color:var(--accent-ink)}.toast.error .toast-mark{background:var(--danger-soft);color:var(--danger)}.toast-title{margin:0 0 6px;font-size:1.05rem;font-weight:700}.toast.ok .toast-title{color:var(--accent-ink)}.toast.error .toast-title{color:var(--danger)}.toast-text{margin:0;font-size:.92rem;line-height:1.5;color:var(--muted);white-space:pre-line}.toast button.block{margin-top:16px}.toast.error button.block{background:var(--danger)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96) translate3d(0,8px,0)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.toast-back,.toast{animation:none}}