@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream: #fff4e4;--night: #15131f;--fox: #f2662b;--no: #ff4a3d;--ease-out: cubic-bezier(.2, .9, .25, 1);font-family:Bricolage Grotesque Variable,ui-sans-serif,system-ui,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#0d0c14;color:var(--cream)}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--cream);outline-offset:3px}h1,h2,p{margin:0}.app-shell{height:100%;display:grid;place-items:center}.phone{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);transition:background-color .5s ease;isolation:isolate}@media (min-width: 600px) and (min-height: 700px){.app-shell{padding:24px;background:radial-gradient(ellipse at 50% 30%,#2a2566,#0d0c14 70%)}.phone{width:400px;height:min(860px,calc(100dvh - 48px));border-radius:44px;box-shadow:0 0 0 10px #000,0 40px 120px #000a}}.phone.on-photo{color:var(--cream)}.phone.on-dark{color:var(--cream);--chrome-bg: #15131f}.chrome{position:absolute;inset:0 0 auto;z-index:20;padding:max(10px,env(safe-area-inset-top)) 14px 8px;background:linear-gradient(var(--chrome-bg, var(--bg)) 72%,transparent)}.phone.on-photo .chrome{background:none}.bars{display:flex;gap:4px}.bar{flex:1;height:3px;border-radius:3px;background:color-mix(in srgb,currentColor 25%,transparent);overflow:hidden}.bar>span{display:block;height:100%;background:currentColor;transform-origin:left;transition:transform .45s var(--ease-out)}.chrome-row{display:flex;align-items:center;justify-content:space-between;height:44px;margin-top:4px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;margin-left:-10px}.back-glyph{width:26px;height:26px;transform:rotate(-135deg)}.back-glyph .g-launch{animation:none}.chapter-name{font-size:14px;font-weight:600;opacity:.8}.skip{height:44px;padding:0 4px 0 12px;font-size:15px;font-weight:500;opacity:.7}.skip-space{width:44px}.stage{position:absolute;top:0;right:0;bottom:0;left:0;animation:stage-in .42s var(--ease-out)}@keyframes stage-in{0%{opacity:0;transform:translate(18px)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.screen.field{padding:calc(max(10px,env(safe-area-inset-top)) + 72px) 22px 0;overflow-y:auto;scrollbar-width:none}.prompt{font-size:clamp(34px,10vw,42px);line-height:.98;font-weight:700;font-stretch:85%;letter-spacing:-.025em;text-wrap:balance}.hint,.sub{margin-top:10px;font-size:17px;line-height:1.35;opacity:.78;max-width:32ch}.dock{position:sticky;bottom:0;margin:auto -22px 0;flex:none;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 22px calc(env(safe-area-inset-bottom) + 20px);background:linear-gradient(to top,var(--bg) 60%,transparent)}.count{font-size:15px;font-weight:600;opacity:.75}.cta{min-height:56px;padding:0 30px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:18px;font-weight:700;transition:transform .15s,opacity .2s}.cta:active{transform:scale(.96)}.cta:disabled{opacity:.25}.quiet{min-height:48px;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;opacity:.8}.quiet.on{opacity:1;color:var(--accent)}.welcome{justify-content:flex-end;background:var(--night)}.welcome-photos img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:crossfade 12s infinite}.welcome-photos img:first-child{opacity:1}@keyframes crossfade{0%{opacity:0;transform:scale(1.08)}8%,33%{opacity:1}41%,to{opacity:0;transform:scale(1)}}.welcome:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#15131f 18%,#15131fcc 42%,transparent 72%)}.welcome-copy{position:relative;z-index:2;padding:0 24px calc(env(safe-area-inset-bottom) + 28px)}.brand{display:block}.brand svg{display:block;width:100%;height:auto}.welcome-logo{width:104px;color:var(--fox);margin-bottom:22px}.welcome h1{font-size:clamp(46px,13.5vw,58px);line-height:.92;font-weight:800;font-stretch:80%;letter-spacing:-.035em}.welcome .sub{margin:16px 0 26px}.welcome .cta{width:100%;background:var(--fox);color:var(--night)}.list-options{display:flex;flex-direction:column;margin-top:26px;border-top:2px solid color-mix(in srgb,var(--ink) 18%,transparent)}.list-option{text-align:left;min-height:60px;font-size:21px;font-weight:600;border-bottom:2px solid color-mix(in srgb,var(--ink) 18%,transparent);transition:padding .2s var(--ease-out),background-color .2s}.list-option.on{padding-left:16px;background:var(--ink);color:var(--bg)}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.tile{position:relative;aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;background:var(--tile, #000);color:var(--cream);display:flex;align-items:flex-end;text-align:left;transition:transform .2s var(--ease-out)}.tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;transform:scale(1.35)}.tile.photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#000d,#0000 60%)}.tile-label{position:relative;z-index:2;padding:8px;font-size:13.5px;font-weight:700;line-height:1.05}.tile.type{align-items:flex-start}.tile.type .tile-label{font-size:30px;line-height:.92;font-weight:800;font-stretch:75%;letter-spacing:-.02em;padding:10px}.tile.on{transform:scale(.93);box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--ink)}.tile.on:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:color-mix(in srgb,var(--bg) 38%,transparent)}.tile-check{position:absolute;top:7px;right:7px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-size:17px;font-weight:800;animation:pop .3s var(--ease-out)}@keyframes pop{0%{transform:scale(0)}}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.chip{padding:14px 18px;border-radius:999px;border:2.5px solid var(--ink);font-size:18px;font-weight:600;text-align:left;transform:rotate(var(--r));transition:background-color .18s,color .18s,transform .25s var(--ease-out)}.chip.on{background:var(--ink);color:var(--bg);transform:rotate(0) scale(1.04)}.glyph-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.glyph-tiles.n3{grid-template-columns:1fr}.glyph-tile{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;min-height:150px;padding:16px;border-radius:22px;background:color-mix(in srgb,var(--ink) 10%,transparent);text-align:left;font-size:19px;font-weight:700;line-height:1.1;transition:background-color .2s,color .2s,transform .2s var(--ease-out)}.glyph-tiles.n3 .glyph-tile{min-height:0;flex-direction:row;align-items:center;padding:14px 18px}.glyph-tile .glyph{width:40px;height:40px;flex:none}.glyph-tile.on{background:var(--ink);color:var(--bg);transform:scale(1.03)}.cinematic{background:var(--night);color:var(--cream)}.bleed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:drift 9s ease-out both}@keyframes drift{0%{transform:scale(1.1)}to{transform:scale(1.02)}}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0b0a12ee 0%,#0b0a1288 20%,transparent 38%),linear-gradient(to top,#0b0a12c0 0%,#0b0a1250 22%,transparent 42%),linear-gradient(to right,#0b0a12a0 0%,#0b0a1240 45%,transparent 68%)}.cine-top{position:relative;z-index:2;padding:calc(max(10px,env(safe-area-inset-top)) + 74px) 22px 0}.cine-top .prompt{font-size:clamp(38px,11vw,48px);text-shadow:0 2px 30px #0008}.cine-options{position:relative;z-index:2;margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 18px calc(env(safe-area-inset-bottom) + 22px)}.cine-options .glass{width:min(64%,250px)}.glass{min-height:48px;padding:8px 16px;border-radius:16px;text-align:left;font-size:17px;font-weight:600;background:#ffffff1f;border:1.5px solid #ffffff38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .18s,color .18s,transform .18s}.glass:active{transform:scale(.98)}.glass.on{background:var(--cream);color:var(--night);border-color:var(--cream)}.quickfire{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}.deck-lead{font-size:20px;font-weight:700;font-stretch:85%}.deck{position:relative;flex:1;margin-top:18px;min-height:420px}.card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:22px;border-radius:30px;background:var(--cream);color:var(--night);box-shadow:0 18px 40px #0003;transition:transform .38s var(--ease-out),opacity .3s}.card.depth-1{transform:translateY(14px) scale(.95) rotate(2deg);opacity:.9}.card.depth-2{transform:translateY(28px) scale(.9) rotate(-3deg);opacity:.6}.card.depth-1 *,.card.depth-2 *{visibility:hidden}.card.depth-0{animation:card-up .38s var(--ease-out)}.card.leave-left{transform:translate(-130%) rotate(-14deg);opacity:0}.card.leave-right{transform:translate(130%) rotate(14deg);opacity:0}@keyframes card-up{0%{transform:translateY(14px) scale(.95) rotate(2deg)}}.card-head{flex:1;min-height:0;display:grid;place-items:center;color:var(--bg)}.card-head .glyph{width:84px;height:84px}.card-count{position:absolute;top:20px;right:22px;font-size:14px;font-weight:700;color:var(--night);opacity:.5}.card h2{font-size:40px;line-height:1;font-weight:700;font-stretch:85%;letter-spacing:-.02em;text-wrap:balance}.card-options{display:flex;flex-direction:column;gap:7px;margin-top:18px}.card-options button{min-height:50px;padding:0 18px;border-radius:14px;text-align:left;font-size:17px;font-weight:600;background:color-mix(in srgb,var(--night) 7%,transparent);transition:background-color .15s,color .15s}.card-options button.on{background:var(--night);color:var(--cream)}.phone[style*="#B8A6F2"] .card-head,.phone[style*="#F5B440"] .card-head,.phone[style*="#F08FA8"] .card-head{color:var(--accent)}.no-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.no-tile{position:relative;min-height:66px;padding:12px 14px;display:flex;align-items:center;border-radius:14px;border:2px solid #fff4e433;text-align:left;font-size:16px;font-weight:600;line-height:1.15;overflow:hidden;transition:border-color .15s,background-color .15s}.no-tile.on{border-color:var(--no);background:#ff4a3d1f}.no-tile.on>span:first-child{text-decoration:line-through;text-decoration-thickness:2px;opacity:.7;padding-right:30px}.stamp{position:absolute;right:6px;top:5px;padding:0 5px;font-size:15px!important;border-width:2.5px!important;border:3px solid var(--no);border-radius:6px;color:var(--no);font-size:22px;font-weight:800;transform:rotate(var(--r));animation:stamp .28s cubic-bezier(.3,1.6,.5,1)}@keyframes stamp{0%{transform:rotate(var(--r)) scale(2.4);opacity:0}}.bands{display:flex;flex-direction:column;gap:10px;margin-top:22px}.band{display:flex;flex-direction:column;align-items:flex-start;padding:16px 20px 18px;border-radius:24px;border:2.5px solid #fff4e440;text-align:left;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--ease-out)}.band-word{font-size:56px;line-height:.95;font-weight:800;font-stretch:75%;letter-spacing:-.03em}.band-rest{margin-top:6px;font-size:16px;opacity:.8}.band.on{transform:scale(1.02);border-color:transparent;color:var(--night)}.band.b0.on{background:#f5b440}.band.b1.on{background:#f2662b}.band.b2.on{background:#b8a6f2}.priority-list{display:flex;flex-direction:column;gap:8px;margin-top:22px}.pri{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:58px;padding:10px 16px;border-radius:18px;background:color-mix(in srgb,var(--ink) 10%,transparent);text-align:left;font-size:19px;font-weight:650;transition:background-color .2s,color .2s,opacity .2s}.pri .rank{width:30px;height:30px;flex:none;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font-size:15px;font-weight:800}.pri.on{background:var(--ink);color:var(--bg)}.pri.dim{opacity:.35}.pri.crown{background:var(--fox);color:var(--night)}.crown-tag{font-size:13px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--cream);color:var(--night)}.reveal{justify-content:center;background:var(--night);color:var(--cream);isolation:isolate;overflow:hidden}.reveal:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(circle at 30% 35%,var(--bg) 0%,transparent 45%),radial-gradient(circle at 80% 75%,var(--accent) 0%,transparent 40%);opacity:.55;animation:glow 3s var(--ease-out) both}@keyframes glow{0%{opacity:0;transform:scale(.7)}}.unlock{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;animation:rise .5s var(--ease-out) both}.unlock .fox-mark{width:26px;color:var(--fox)}.reveal-title{margin-top:8px;font-size:clamp(50px,15vw,64px);line-height:.9;font-weight:800;font-stretch:75%;letter-spacing:-.035em;animation:rise .6s .08s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.stickers{display:flex;flex-wrap:wrap;gap:10px 8px;margin-top:30px}.sticker{padding:10px 16px;border-radius:999px;background:var(--cream);color:var(--night);font-size:19px;font-weight:700;transform:rotate(var(--r));box-shadow:0 6px #0004;animation:slap .42s cubic-bezier(.3,1.5,.5,1) both}.sticker:nth-child(3n+2){background:var(--fox);color:var(--night)}.sticker:nth-child(4n+3){background:#f5b440}@keyframes slap{0%{opacity:0;transform:rotate(calc(var(--r) * 3)) scale(1.8)}}.reveal-empty{margin-top:24px;font-size:21px;max-width:26ch;opacity:.85}.reveal .dock{background:none}.reveal .cta{background:var(--cream);color:var(--night);margin-left:auto}.finale{background:var(--night);color:var(--cream);padding-bottom:calc(env(safe-area-inset-bottom) + 32px)}.finale-mark{width:44px;color:var(--fox);margin-bottom:16px}.finale-block{margin-top:28px}.finale-block h2{font-size:15px;font-weight:700;opacity:.7;margin-bottom:10px}.stickers.small{margin-top:0;gap:8px 6px}.stickers.small .sticker{font-size:15px;padding:7px 12px;box-shadow:none;animation:none}.sticker.no{background:none;color:var(--no);border:2px solid var(--no);text-decoration:line-through}.finale-top{margin:0;padding:0;list-style:none;counter-reset:r;display:flex;flex-direction:column;gap:8px}.finale-top li{counter-increment:r;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:24px;font-weight:700;font-stretch:85%}.finale-top li:before{content:counter(r);width:30px;height:30px;border-radius:50%;background:var(--fox);color:var(--night);display:grid;place-items:center;font-size:15px}.finale-next{margin-top:32px;font-size:16px;opacity:.7;max-width:30ch}.finale-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.finale .cta{background:var(--cream);color:var(--night)}.glyph{display:block;overflow:visible}.g-pulse{animation:g-pulse 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.g-twinkle>*,.g-twinkle{animation:g-twinkle 2s ease-in-out infinite}.g-bob{animation:g-bob 3s ease-in-out infinite}.g-slide{animation:g-slide 1.8s ease-in-out infinite}.g-rain path{stroke-dasharray:8 8;animation:g-rain .7s linear infinite}.g-wave{animation:g-twinkle 1.4s ease-in-out infinite}.g-wave.w2{animation-delay:.15s}.g-wave.w3{animation-delay:.3s}.g-rise{animation:g-rise 3s ease-in-out infinite}.g-hand{animation:g-spin 4s linear infinite;transform-origin:52px 62px}.g-tilt{animation:g-tilt 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.g-tilt.b{animation-direction:reverse}.g-spin{animation:g-spin 6s linear infinite;transform-origin:60px 60px}.g-spin-slow{animation:g-spin 10s linear infinite;transform-origin:60px 60px}.g-climb{animation:g-climb 2.4s ease-in-out infinite}.g-launch{animation:g-launch 1.8s ease-in-out infinite}.g-draw{stroke-dasharray:200;animation:g-draw 2.6s ease-in-out infinite}.g-flip{animation:g-flip 3.2s ease-in-out infinite;transform-origin:60px 60px}.g-door{animation:g-twinkle 2.4s ease-in-out infinite}@keyframes g-pulse{50%{transform:scale(1.12)}}@keyframes g-twinkle{50%{opacity:.35}}@keyframes g-bob{50%{transform:translateY(-6px)}}@keyframes g-slide{50%{transform:translate(8px)}}@keyframes g-rain{to{stroke-dashoffset:-16}}@keyframes g-rise{50%{transform:translateY(-8px)}}@keyframes g-spin{to{transform:rotate(360deg)}}@keyframes g-tilt{50%{transform:rotate(8deg) translateY(-4px)}}@keyframes g-climb{0%,10%{transform:translate(0)}33%{transform:translate(24px,-24px)}66%{transform:translate(48px,-48px)}90%,to{transform:translate(72px,-72px);opacity:0}}@keyframes g-launch{50%{transform:translate(5px,-5px)}}@keyframes g-draw{0%{stroke-dashoffset:200}50%,to{stroke-dashoffset:0}}@keyframes g-flip{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.welcome-photos img:first-child{opacity:1}}.debug-panel{position:absolute;inset:auto 0 0;z-index:50;max-height:70%;overflow:auto;padding:20px;border-radius:24px 24px 0 0;background:var(--cream);color:var(--night);font-size:14px}.debug-panel button{padding:8px 14px;border-radius:999px;background:var(--night);color:var(--cream);font-weight:600;margin-right:6px}.debug-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.debug-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.debug-grid div{display:flex;flex-direction:column}.debug-grid strong{font-size:20px}.event-row{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid #0001}.event-row p{opacity:.7}.list-screen,.tiles-screen{padding-bottom:calc(env(safe-area-inset-bottom) + 32px)!important}.reveal .dock{position:absolute;inset:auto 0 0;margin:0}.step-tag{font-size:15px;font-weight:700;opacity:.7;margin-bottom:8px}.hardest-list{display:flex;flex-direction:column;gap:10px;margin-top:24px}.hardest-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 20px;border-radius:22px;background:var(--ink);color:var(--bg);text-align:left;font-size:28px;font-weight:700;font-stretch:85%;line-height:1;transition:background-color .2s,color .2s,transform .2s var(--ease-out)}.hardest-card.on{background:var(--fox);color:var(--night);transform:scale(1.02)}