@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-vietnamese-800-normal-RJtJa6zl.woff2)format("woff2"),url(/assets/bricolage-grotesque-vietnamese-800-normal-DJ4hCX8l.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-ext-800-normal-BimIDUhy.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-ext-800-normal-CkoBqIJM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-next-latin-ext-400-normal-BalHKn7d.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-ext-400-normal-qxMiU51n.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-next-latin-400-normal-FfmJh7DR.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-400-normal-DPp7N0cD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-next-latin-ext-700-normal-CBw-mJf_.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-ext-700-normal-292QVhS1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-next-latin-700-normal-Dpiyiu63.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-700-normal-C2qZD_Q9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#111827;--paper:#fff;--green:#3ddc97;--yellow:#ffd23f;--blue:#6ec1ff;--pink:#ff8fb1;--lilac:#b8a4ff;--orange:#ff9f43;--radius:28px;--pill:999px;--target:56px;--heading:"Bricolage Grotesque", system-ui, sans-serif;--body:"Atkinson Hyperlegible Next", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;margin:0;font-size:18px;line-height:1.4}#app{max-width:760px;min-height:100dvh;padding:20px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);letter-spacing:-.02em;margin:0;font-weight:800}h1{font-size:34px;line-height:1.05}h2{margin:28px 0 14px;font-size:26px}button,a{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:4px solid var(--ink);outline-offset:3px}.top{align-items:center;gap:14px;min-height:60px;display:flex}.top h1{flex:1;font-size:28px}.count{white-space:nowrap;font-size:18px;font-weight:700}.round{width:var(--target);height:var(--target);background:var(--ink);color:var(--paper);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.places{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.places{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile{border-radius:var(--radius);height:172px;color:var(--ink);padding:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.tile .name{z-index:1;font-family:var(--heading);font-size:22px;font-weight:800;line-height:1.05;display:block;position:relative}.places.small .tile{height:112px}.drawing{position:absolute}.nav{bottom:calc(12px + env(safe-area-inset-bottom));background:var(--ink);border-radius:var(--pill);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin-top:auto;padding:8px;display:grid;position:sticky}.nav a{min-height:var(--target);border-radius:var(--pill);color:var(--paper);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.nav a[aria-current=page]{background:var(--yellow);color:var(--ink)}main+.nav,.list+.nav{margin-top:28px}.tabs{margin-top:16px}.card{border-radius:var(--radius);flex-direction:column;gap:14px;margin-top:20px;padding:24px 22px;display:flex}.fr{margin:0;font-size:34px;font-weight:700;line-height:1.2}.en{margin:0;font-size:22px;line-height:1.35}.like{margin:0;font-size:18px}.like b{font-weight:700}.waiting{margin:0;font-size:22px;font-weight:700}.pill{min-height:var(--target);border-radius:var(--pill);background:var(--ink);color:var(--paper);border:0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.pill.light{background:var(--paper);color:var(--ink)}.pill[disabled]{visibility:hidden}.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;padding-top:24px;display:grid}.hear-first{align-self:center;width:120px;height:120px}.slot{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.slot legend{margin-bottom:8px;padding:0;font-weight:700}.slot label{border-radius:var(--pill);background:var(--paper);cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:0 14px 0 8px;font-weight:700;display:inline-flex}.slot input{opacity:0;pointer-events:none;position:absolute}.slot-en{font-weight:400}.slot label:has(input:checked){background:var(--ink);color:var(--paper)}.slot label:has(input:focus-visible){outline:4px solid var(--ink);outline-offset:3px}.swatch{width:32px;height:32px;box-shadow:inset 0 0 0 3px var(--ink);border-radius:50%}.pocket .card{flex:1;justify-content:center;margin-top:16px}.pocket .fr{font-size:clamp(40px,9vw,72px);line-height:1.1}.pocket .en{font-size:clamp(22px,4vw,30px)}.tip{border-radius:var(--radius);background:var(--ink);color:var(--paper);margin-top:16px;padding:18px 20px}.tip p{margin:0}.tip strong{font-family:var(--heading);margin-bottom:4px;font-size:20px;font-weight:800;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{margin:0;font-size:18px;font-weight:700}.reply{background:var(--ink);color:var(--paper);border-radius:20px;padding:16px 18px}.reply .label,.reply-text{margin:0}.reply-text{margin-top:4px;font-size:22px;font-weight:700}.choices{gap:12px;display:grid}.choices .pill{min-height:64px;font-size:20px}.chat{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bubble{border-radius:24px;flex-direction:column;gap:8px;max-width:88%;padding:16px 18px;display:flex}.bubble.them{border-bottom-left-radius:8px;align-self:flex-start}.bubble.you{background:var(--ink);color:var(--paper);border-bottom-right-radius:8px;align-self:flex-end}.bubble p{margin:0}.bubble .speaker{font-size:18px;font-weight:700}.bubble .line{font-size:26px;font-weight:700;line-height:1.25}.bubble .stage{font-size:20px;font-style:italic}.bubble.you .pill{background:var(--paper);color:var(--ink)}.bubble .hear-first{align-self:flex-start;width:72px;height:72px}.bubble.you .round{background:var(--paper);color:var(--ink)}.pill.small{align-self:flex-start;min-height:48px;padding:0 16px;font-size:16px}.mic-box{flex-direction:column;gap:6px;display:flex}.pill.mic.on{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 4px var(--ink)}.mic-note{margin:0;font-size:18px}.mic-note:empty{display:none}.bubble .row{grid-template-columns:1fr}.pill svg{flex-shrink:0}.playit-title:first-letter{text-transform:uppercase}.pill.light{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink)}.tip .pill.light{box-shadow:none;margin-top:14px}.en-btn{min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;align-self:flex-start;align-items:center;gap:10px;padding:0;display:inline-flex}.en-btn svg{flex-shrink:0}.avatar{color:var(--ink);font-family:var(--heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.avatar.add{width:120px;height:120px;box-shadow:inset 0 0 0 4px var(--ink);background:var(--paper)}.avatar.add svg{width:44px;height:44px}.who-top{justify-content:space-between;align-items:center;min-height:56px;display:flex}.brand{font-family:var(--heading);font-size:28px;font-weight:800}.who h1{text-align:center;margin-top:40px}.lead{margin:10px 0 0;font-size:20px}.who .lead{text-align:center}.people{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:24px 16px;margin:36px 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.people{grid-template-columns:repeat(4,minmax(0,1fr))}}.person{color:var(--ink);border-radius:var(--radius);background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:6px;text-decoration:none;display:flex}.person-name{font-size:22px;font-weight:700}.learning{text-align:center;margin-top:auto;padding-top:32px;font-weight:700}.form{flex-direction:column;gap:22px;margin-top:20px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label,.choice legend{font-size:20px;font-weight:700}.field input{min-height:56px;font:inherit;color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 3px var(--ink);border:0;border-radius:16px;padding:0 18px;font-size:22px}.choice{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.choice legend{margin-bottom:10px;padding:0}.choice label{border-radius:var(--pill);background:var(--paper);min-height:52px;box-shadow:inset 0 0 0 3px var(--ink);cursor:pointer;align-items:center;gap:10px;padding:0 18px 0 12px;font-weight:700;display:inline-flex}.choice input{opacity:0;pointer-events:none;position:absolute}.choice label:has(input:checked){background:var(--ink);color:var(--paper)}.choice label:has(input:focus-visible){outline:4px solid var(--ink);outline-offset:3px}.choice label:has(input:checked):before{content:"✓"}.form-note{margin:0;font-size:20px;font-weight:700}.form-note:empty{display:none}.confirm{margin:0;font-size:20px;font-weight:700}.settings-people{flex-direction:column;gap:14px;margin:0 0 16px;padding:0;list-style:none;display:flex}.person-card{border-radius:var(--radius);box-shadow:inset 0 0 0 3px var(--ink);flex-direction:column;gap:16px;padding:18px;display:flex}.person-head{align-items:center;gap:14px;display:flex}.person-head h3{font-family:var(--heading);flex:1;margin:0;font-size:24px;font-weight:800}.person-card .choice{flex-direction:column;align-items:flex-start}.hello{align-items:center;gap:14px;min-height:60px;display:flex}.switch{border-radius:50%;text-decoration:none;display:inline-flex}.sticker-card{background:var(--ink);color:var(--paper);border-radius:var(--radius);align-items:center;gap:14px;margin-top:18px;padding:18px;text-decoration:none;display:flex}.sticker-pile{display:flex}.sticker-pile .sticker+.sticker{margin-left:-14px}.sticker-words{flex-direction:column;flex:1;gap:2px;display:flex}.sticker-words strong{font-family:var(--heading);font-size:22px;font-weight:800}.chip{z-index:1;border-radius:var(--pill);background:var(--paper);color:var(--ink);align-items:center;gap:6px;padding:4px 12px;font-size:16px;font-weight:700;display:inline-flex;position:absolute;bottom:14px;left:14px}.chip.done{background:var(--ink);color:var(--paper);padding-left:8px}.chip svg{width:16px;height:16px}.sticker{box-shadow:0 0 0 6px var(--paper), 0 4px 0 6px var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.sticker .drawing{position:static}.sticker.bonus .star svg{width:60%;height:60%}.sticker.bonus .star{width:100%;height:100%;color:var(--ink);justify-content:center;align-items:center;display:flex}.sticker.bonus .star svg{fill:var(--paper);stroke:var(--ink)}.sticker.empty{background:var(--paper);width:112px;height:112px;box-shadow:none;outline:4px dashed var(--ink);outline-offset:-4px}.book{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;margin:24px 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.book{grid-template-columns:repeat(3,minmax(0,1fr))}}.book-slot{text-align:center;color:var(--ink);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;padding:12px 6px;text-decoration:none;display:flex;position:relative}.book-name{font-family:var(--heading);font-size:20px;font-weight:800;line-height:1.1}.book-state{font-size:16px}.book-slot>.sticker.bonus{position:absolute;top:6px;right:12px}.earned-screen{text-align:center}.earned-art{margin:40px auto 28px;transform:rotate(-5deg)}.book-count{margin:12px 0 0;font-weight:700}.stack{flex-direction:column;gap:12px;margin-top:auto;padding-top:24px;display:flex}.pill.earned{background:var(--ink);color:var(--paper);align-self:stretch}.lost-link{justify-content:space-between;align-self:stretch;min-height:64px;margin-top:16px;font-size:20px}.plan{flex-direction:column;gap:8px;margin:16px 0 0;padding-left:28px;font-size:22px;font-weight:700;display:flex}.lost-card{gap:22px}.lost-line{flex-direction:column;gap:8px;display:flex}.lost-card .fr{font-size:clamp(34px,8vw,56px)}.phone{background:var(--ink);color:var(--paper);font-family:var(--heading);text-align:center;border-radius:20px;padding:14px 18px;font-size:clamp(30px,8vw,48px);font-weight:800;text-decoration:none;display:block}.phone-missing{background:var(--paper);border-radius:20px;margin:0;padding:14px 18px;font-weight:700}.ours-card{border-radius:var(--radius);box-shadow:inset 0 0 0 4px var(--ink);color:var(--ink);align-items:center;gap:14px;margin-top:12px;padding:18px 20px;text-decoration:none;display:flex}.ours{flex-direction:column;gap:14px;margin:16px 0 0;padding:0;list-style:none;display:flex}.our-card{border-radius:var(--radius);box-shadow:inset 0 0 0 4px var(--ink);flex-direction:column;gap:12px;padding:20px;display:flex}.our-card .fr{font-size:28px}.by{margin:0;font-size:16px}.ours-empty{margin:20px 0 0;font-size:20px}.our-pocket{box-shadow:inset 0 0 0 4px var(--ink)}.choice label{border-radius:26px;padding-top:10px;padding-bottom:10px;line-height:1.25}.settings-lost{flex-direction:column;gap:16px;margin-top:12px;display:flex}.settings-lost h2{margin-bottom:0}.settings-lost p{margin:0}