@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.woff2)format("woff2-variations");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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/public-sans-vietnamese-wght-normal.351w3rsy0o7m9.woff2)format("woff2-variations");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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/public-sans-latin-ext-wght-normal.3ft8rvcvbxo5j.woff2)format("woff2-variations");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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/public-sans-latin-wght-normal.297-5ju1rzndw.woff2)format("woff2-variations");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{--bg:#f3f6f4;--surface:#fff;--ink:#17241e;--muted:#56665e;--line:#d7e0db;--green:#2d5c4a;--green-deep:#1f4235;--on-green:#f3f7f5;--mint:#ddebe4;--coral:#f06b57;--on-coral:#22110d;--coral-soft:#fde3de;--ok:#2c7a55;--warn:#b8432f;--display:"Bricolage Grotesque Variable","Bricolage Grotesque","Avenir Next","Helvetica Neue",Arial,sans-serif;--body:"Public Sans Variable","Public Sans","Helvetica Neue",Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1915;--surface:#172520;--ink:#e8f0ec;--muted:#9db0a7;--line:#293a33;--green:#3a735d;--green-deep:#1a3329;--on-green:#f1f6f3;--mint:#1c2c25;--coral:#f27a66;--on-coral:#22110d;--coral-soft:#3a221d;--ok:#5dc08e;--warn:#f08a76;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1915;--surface:#172520;--ink:#e8f0ec;--muted:#9db0a7;--line:#293a33;--green:#3a735d;--green-deep:#1a3329;--on-green:#f1f6f3;--mint:#1c2c25;--coral:#f27a66;--on-coral:#22110d;--coral-soft:#3a221d;--ok:#5dc08e;--warn:#f08a76;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--green-deep);position:fixed;inset:0 0 auto}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{max-width:560px;min-height:100vh;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px));margin:0 auto}header.top{top:env(safe-area-inset-top,0px);z-index:5;background:var(--green-deep);color:var(--on-green);align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky}header.top .logo{width:auto;height:30px;display:block}header.top .grow{flex:1}.pts{color:var(--on-green);cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.pts i{background:var(--coral);border-radius:50%;width:10px;height:10px;display:block}.role{background:#ffffff1f;border-radius:999px;padding:3px;display:flex}.role button{color:var(--on-green);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.role button[aria-pressed=true]{background:var(--coral);color:var(--on-coral)}.proto{text-align:center;color:var(--muted);margin:0;padding:6px 16px 0;font-size:12px}main{padding:16px 18px 24px}h1{font:800 30px/1.1 var(--display);letter-spacing:-.02em;margin:8px 0 4px}h2{font:800 20px/1.2 var(--display);margin:26px 0 10px}h3{font:600 18px/1.3 var(--display);margin:0 0 4px}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:14px}.note{color:var(--muted);border-left:3px solid var(--coral);margin:14px 0;padding:4px 10px;font-size:14px}.next{background:var(--coral);color:var(--on-coral);border-radius:20px;margin:6px 0 14px;padding:20px;position:relative;overflow:hidden}.next .lbl{opacity:.85;font-size:14px;font-weight:700}.next h3{font:800 26px/1.15 var(--display);margin:6px 0}.next .btn{background:var(--green-deep);color:var(--on-green);margin-top:10px}.next .plate{border:14px solid #ffffff47;border-radius:50%;width:110px;height:110px;position:absolute;top:-26px;right:-26px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0 0 12px;padding:16px}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 6px;display:grid}.mini button{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;min-height:104px;padding:14px 10px;display:flex}.mini b{font:800 24px/1 var(--display)}.mini span{color:var(--muted);font-size:13px;line-height:1.3}.mini .hot b{color:var(--warn)}.btn{cursor:pointer;background:var(--green);color:var(--on-green);border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn.alt{background:var(--mint);color:var(--ink)}.btn.hot{background:var(--coral);color:var(--on-coral)}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.link{color:var(--green);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .link{color:var(--coral)}}.chips{gap:8px;margin:0 -18px 12px;padding:0 18px 6px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:7px 13px;font-size:14px}.chip[aria-pressed=true]{background:var(--green);color:var(--on-green);border-color:var(--green)}.tag{background:var(--mint);color:var(--ink);border-radius:999px;margin:2px 4px 2px 0;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.tag.c{background:var(--coral-soft)}.bar{background:var(--mint);border-radius:999px;height:10px;overflow:hidden}.bar i{background:var(--coral);border-radius:999px;height:100%;transition:width .5s;display:block}.streak{background:var(--coral-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:14px;font-weight:700;display:inline-flex}.mod{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;width:100%;margin:0 0 10px;padding:12px;display:flex}.thumb{background:var(--green);width:62px;height:62px;color:var(--on-green);font:800 13px var(--display);border-radius:14px;flex:none;place-items:center;display:grid;position:relative}.thumb:after{content:"";background:var(--coral);border-radius:50%;width:10px;height:10px;position:absolute;top:7px;right:7px}.mod .meta{color:var(--muted);font-size:13px}.mod .done{color:var(--ok);font-size:13px;font-weight:700}.story{z-index:30;background:var(--green-deep);color:var(--on-green);padding:calc(12px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;position:fixed;inset:0}.story .segs{gap:4px;width:100%;max-width:560px;margin:0 auto;display:flex}.story .segs span{background:#ffffff40;border-radius:2px;flex:1;height:4px;overflow:hidden}.story .segs span.on{background:var(--coral)}.story .head{justify-content:space-between;align-items:center;width:100%;max-width:560px;margin:12px auto 0;font-size:14px;display:flex}.story .head button{color:var(--on-green);cursor:pointer;background:#ffffff24;border:0;border-radius:999px;padding:7px 13px;font-weight:700}.story .body{flex-direction:column;flex:1;justify-content:center;gap:16px;width:100%;max-width:560px;margin:0 auto;display:flex;position:relative}.story .big{font:800 34px/1.12 var(--display);letter-spacing:-.01em}.story .sub{opacity:.85;font-size:19px;line-height:1.45}.story .vid{aspect-ratio:9/12;background:#ffffff1a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-height:42vh;font-size:14px;display:flex}.story .play{background:var(--coral);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.story .play:after{content:"";border-left:18px solid var(--on-coral);border-top:11px solid #0000;border-bottom:11px solid #0000;margin-left:5px}.story .tapzones{z-index:1;display:flex;position:absolute;inset:0}.story .tapzones button{cursor:pointer;background:0 0;border:0;flex:1}.story .tapzones button:last-child{flex:2}.story .foot{z-index:2;gap:10px;width:100%;max-width:560px;margin:0 auto;display:flex;position:relative}.story .foot .btn{flex:1}.story .hint{opacity:.6;text-align:center;margin-top:8px;font-size:13px}.opt{text-align:left;border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;width:100%;margin:0 0 9px;padding:14px;font-weight:600;display:block}.opt.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,var(--surface))}.opt.wrong{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--surface))}.steps{gap:5px;margin:6px 0 16px;display:flex}.steps span{background:var(--line);border-radius:3px;flex:1;height:6px}.steps span.on{background:var(--coral)}label.field{margin:0 0 14px;font-size:15px;font-weight:600;display:block}label.field input,label.field select,label.field textarea{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;margin-top:6px;padding:12px;font-size:16px;font-weight:400;display:block}.check{border-top:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:12px;padding:11px 0;display:flex}.check:first-child{border-top:0}.check input{width:22px;height:22px;accent-color:var(--green);flex:none;margin-top:1px}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.list li:first-child{border-top:0}.rank{font:800 18px/1 var(--display);width:26px;color:var(--muted)}.person{align-items:center;gap:12px;display:flex}.av{background:var(--mint);width:42px;height:42px;color:var(--ink);font:800 15px var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.ok{color:var(--ok);font-weight:700}.warn{color:var(--warn);font-weight:700}.wallet{background:var(--green-deep);color:var(--on-green);border-radius:20px;margin:6px 0 14px;padding:20px}.wallet .dollars{font:800 48px/1 var(--display);letter-spacing:-.02em}.wallet .bar{background:#ffffff2e;margin:14px 0 8px}.prize{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;margin:0 0 10px;padding:14px;display:flex}.prize .cost{background:var(--coral-soft);width:66px;height:66px;font:800 18px var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.prize .grow{flex:1}.earn{grid-template-columns:1fr auto;gap:8px 12px;font-size:15px;display:grid}.earn b{font-family:var(--display)}.badges{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.badge{text-align:center;width:92px;color:var(--muted);flex:none;font-size:12px}.badge .b{width:64px;height:64px;font:800 22px var(--display);background:var(--mint);color:var(--ink);border-radius:50%;place-items:center;margin:0 auto 6px;display:grid}.badge.got .b{background:var(--coral);color:var(--on-coral)}.shout{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0 0 10px;padding:14px}.shout p{margin:6px 0 0}.stat{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat .card{margin:0}.stat b{font:800 28px/1.1 var(--display);display:block}.search{border:1px solid var(--line);background:var(--surface);border-radius:14px;width:100%;margin:0 0 12px;padding:14px;font-size:16px}details.faq{border-top:1px solid var(--line);padding:13px 0}details.faq summary{cursor:pointer;font-weight:600}details.faq p{margin-top:8px}.tour{display:none}.back{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:6px;padding:0;font-weight:700}nav.tabs{z-index:6;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}nav.tabs .in{max-width:560px;margin:0 auto;display:flex}nav.tabs a{text-align:center;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 2px 10px;font-size:12px;font-weight:700;text-decoration:none;display:flex;position:relative}nav.tabs a svg{width:23px;height:23px}nav.tabs a[aria-current=page]{color:var(--ink)}nav.tabs a[aria-current=page]:before{content:"";background:var(--coral);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:28%;right:28%}nav.tabs .dot{background:var(--coral);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:calc(50% - 17px)}.toast{left:50%;bottom:calc(98px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;z-index:50;border-radius:12px;max-width:90vw;padding:12px 16px;font-size:15px;transition:all .25s;position:fixed;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.celebrate{z-index:40;background:#0f19158c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.celebrate .box{background:var(--surface);text-align:center;border-radius:24px;width:100%;max-width:360px;padding:28px 22px;animation:.35s ease-out pop}.celebrate .burst{font:800 54px/1 var(--display);color:var(--coral)}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}canvas#confetti{z-index:41;pointer-events:none;position:fixed;inset:0}@media (min-width:1000px){.app{max-width:none;padding-bottom:0}header.top{padding:14px 28px}header.top .logo{height:34px}nav.tabs{top:calc(62px + env(safe-area-inset-top,0px));border-top:0;border-right:1px solid var(--line);width:232px;padding:18px 12px;bottom:0;right:auto}nav.tabs .in{flex-direction:column;gap:4px;max-width:none}nav.tabs a{border-radius:12px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;padding:12px 14px;font-size:15px}nav.tabs a:hover,nav.tabs a[aria-current=page]{background:var(--mint)}nav.tabs a[aria-current=page]:before{border-radius:0 3px 3px 0;width:4px;height:auto;inset:10px auto 10px 0}nav.tabs .dot{top:10px;left:32px;right:auto}.proto,main{margin-left:232px}.proto{text-align:left;padding:10px 40px 0}main{max-width:1160px;padding:20px 40px 56px}h1{font-size:40px}.cols{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.cols>div>h2:first-child{margin-top:6px}.grid2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;display:grid}.grid2>*{margin:0}.next h3{font-size:32px}.story .body{max-width:640px}.story .big{font-size:48px}.story .sub{font-size:22px}.story .hint:after{content:" (or use the arrow keys)"}.toast{bottom:32px}.narrow{max-width:680px}.badges{flex-wrap:wrap;overflow:visible}.tour{background:var(--coral-soft);border-radius:14px;margin-top:22px;padding:16px 14px;display:block}.tour h3{margin-bottom:8px;font-size:16px}.tour ol{margin:0;padding-left:20px;font-size:14px}.tour li{margin:0 0 6px}.tour button{text-align:left;color:var(--ink);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline;display:inline}}
a{color:inherit}.app main a:not(.btn):not(.mod){color:var(--green);text-underline-offset:3px;font-weight:700}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .app main a:not(.btn):not(.mod){color:var(--coral)}}:root[data-theme=dark] .app main a:not(.btn):not(.mod),:root[data-theme=dark] .link{color:var(--coral)}.warn{overflow-wrap:anywhere}header.top .home-link{line-height:0;display:block}.me-btn{width:36px;height:36px;color:var(--on-green);font:800 14px var(--display);background:#ffffff24;border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.me-btn[aria-current=page]{background:var(--coral);color:var(--on-coral)}.viewas{appearance:none;color:var(--on-green);cursor:pointer;background-color:#ffffff24;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-repeat:no-repeat;background-size:5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;border-radius:999px;padding:7px 28px 7px 12px;font-size:13px;font-weight:700}.viewas option{color:#17241e;background:#fff}nav.tabs .side-only,nav.tabs .side-sep{display:none}.gate{background:var(--bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.gate-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;width:100%;max-width:420px;padding:28px 22px}.gate-logo{width:170px;height:auto;margin:0 auto 18px;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gate-logo{content:url(/brand/mise-logo-white.svg)}}:root[data-theme=dark] .gate-logo{content:url(/brand/mise-logo-white.svg)}.gate h1{font-size:28px}.gate form{margin-top:16px}.code-input{letter-spacing:.3em;text-align:center;font:800 24px var(--display)!important}.field-row{gap:0 12px;display:grid}@media (min-width:600px){.field-row{grid-template-columns:1fr 1fr}}fieldset.group{border:1px solid var(--line);border-radius:14px;margin:0 0 14px;padding:6px 14px 4px}fieldset.group legend{padding:0 6px;font-size:15px;font-weight:600}.subchecks{padding:0 0 4px 34px}.subchecks .check{border-top:0;padding:6px 0;font-size:15px}.subchecks .check input{width:18px;height:18px}.msg{border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:15px}.msg.ok{background:color-mix(in srgb,var(--ok) 14%,var(--surface))}.msg.warn{background:color-mix(in srgb,var(--warn) 12%,var(--surface))}.seg{background:var(--mint);border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px;font-weight:700}.seg button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 2px #0000001f}.list li .person{min-width:0}.list li .person span{overflow-wrap:anywhere;min-width:0}.pill{background:var(--mint);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.pill.c{background:var(--coral-soft)}.soon{background:var(--coral-soft);border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.soon-list{margin:8px 0 0;padding-left:20px}.soon-list li{margin:0 0 6px}@media (min-width:1000px){nav.tabs .side-sep{background:var(--line);height:1px;margin:10px 8px;display:block}nav.tabs .side-only{display:flex}.me-btn{width:38px;height:38px}}.celebrate .install-box{text-align:left;max-height:calc(100dvh - 48px);overflow-y:auto}.install-box h1{margin-top:10px;font-size:26px}.install-icon{border-radius:16px;width:64px;height:64px;display:block}.install-box .soon-list{margin:10px 0 6px}.install-box .soon-list li{margin-bottom:10px}.install-done{border-top:1px solid var(--line);margin-top:12px;padding:14px 0}