@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.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:Mozai Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(./mozai-fredoka-600-BGsE0Wno.woff2)format("woff2")}@font-face{font-family:Mozai Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(./mozai-fredoka-700-CH6TPiAP.woff2)format("woff2")}:root{--bg:#fff6ec;--intro-bg:#000;--bg-deep:#ffecdb;--surface:#fff;--surface-soft:#fbf7fd;--ink:#3b2650;--ink-soft:#7a6890;--ink-faint:#b2a6c2;--line:#efe6f2;--pink:#ff6b8e;--on-color:#fff;--pink-edge:#e04e73;--pink-soft:#ffe1e9;--yellow:#ffc94d;--yellow-edge:#e3a62a;--yellow-soft:#fff1cc;--yellow-ink:#8a5a00;--mint:#5ed3b0;--mint-edge:#38b48f;--mint-soft:#d7f6ec;--sky:#6cb8ff;--sky-edge:#4a95df;--sky-soft:#dcefff;--lilac:#a98bff;--lilac-edge:#8768e6;--lilac-soft:#ece5ff;--danger:#f2557a;--frame:#ffe2c2;--frame-edge:#f4c99c;--tile-empty:#f2edf6;--tile-number:#a597b5;--board-paper:#fff;--well:#f4eff7;--well-strong:#e9e1ee;--knob:#fff;--surface-edge:#ebe1f0;--dashed:#e3d6ea;--dashed-ink:#d7c6e2;--sky-dashed:#d8e6f6;--ink-edge:#22142f;--pink-light:#ffc4d2;--pink-bright:#ff94ad;--mint-bright:#8de6cb;--yellow-btn-ink:#5b3a12;--mint-btn-ink:#0f4f3d;--danger-edge:#cc3a5d;--danger-soft:#fff0f4;--danger-soft-edge:#f8d3dd;--shadow-rgb:84, 40, 104;--dim-rgb:59, 38, 80;--glass-rgb:255, 255, 255;--radius-xl:32px;--radius-lg:26px;--radius:20px;--radius-sm:14px;--shadow-card:0 14px 34px -16px #54286852, 0 2px 6px #5428680f;--shadow-soft:0 6px 18px -8px #54286847;--shadow-float:0 18px 40px -14px #54286866;--font-display:"Mozai Fredoka", "Nunito Variable", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body:"Nunito Variable", "Nunito", ui-rounded, system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--banner-space:0px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}:root.has-banner{--banner-space:52px}:root[data-theme=dark]{--bg:#1c1726;--bg-deep:#15111d;--surface:#2a2337;--surface-soft:#322a41;--ink:#f4ecff;--ink-soft:#c5b8d8;--ink-faint:#8c7fa3;--line:#3e3452;--pink-soft:#4a2738;--yellow-soft:#45391c;--yellow-ink:#ffd98a;--mint-soft:#1d3d35;--sky-soft:#1d3350;--lilac-soft:#352b55;--frame:#5a4636;--frame-edge:#6e5642;--tile-empty:#3a3148;--tile-number:#9d8fb3;--board-paper:#2a2337;--well:#231d2f;--well-strong:#3a3149;--knob:#f4ecff;--surface-edge:#191422;--dashed:#4a3f5f;--dashed-ink:#5a4e70;--sky-dashed:#2f4766;--ink-edge:#bfb0d6;--pink-light:#6a3046;--danger-soft:#3d2030;--danger-soft-edge:#2a1520;--shadow-rgb:0, 0, 0;--dim-rgb:5, 3, 10;--glass-rgb:42, 35, 55}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-size:16px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.005em;margin:0;font-weight:600}p{margin:0}svg{display:block}#app{position:fixed;inset:0;overflow:hidden}.screen{padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px + var(--banner-space)) calc(var(--safe-left) + 16px);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen.is-entering{animation:screen-in .42s var(--ease-out) both}.screen.is-entering.is-back{animation-name:screen-in-back}.screen.is-leaving{pointer-events:none;animation:.26s ease-in both screen-out}@keyframes screen-in{0%{opacity:0;transform:translate(28px)scale(.985)}}@keyframes screen-in-back{0%{opacity:0;transform:translate(-28px)scale(.985)}}@keyframes screen-out{to{opacity:0;transform:scale(.97)}}.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;margin:0 -16px;padding:4px 16px 24px;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen>:not(.decor){z-index:1;position:relative}.btn{--btn-bg:var(--pink);--btn-edge:var(--pink-edge);--btn-fg:var(--on-color);--btn-glow:rgba(var(--shadow-rgb), .35);border-radius:var(--radius);background:var(--btn-bg);min-height:52px;color:var(--btn-fg);font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;box-shadow:0 5px 0 var(--btn-edge), 0 12px 18px -10px var(--btn-glow);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background .2s;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:18px;font-weight:600;display:inline-flex}.btn span{text-shadow:0 1.5px #0000001a}.btn:active{box-shadow:0 1px 0 var(--btn-edge), 0 4px 10px -6px var(--btn-glow);transform:translateY(4px)}.dialog-actions>.btn.btn--square,.btn--square{flex:none;width:56px;padding:0}.btn--big{border-radius:22px;min-height:62px;font-size:22px}.btn--pink{--btn-bg:var(--pink);--btn-edge:var(--pink-edge)}.btn--yellow{--btn-bg:var(--yellow);--btn-edge:var(--yellow-edge);--btn-fg:var(--yellow-btn-ink)}.btn--mint{--btn-bg:var(--mint);--btn-edge:var(--mint-edge);--btn-fg:var(--mint-btn-ink)}.btn--sky{--btn-bg:var(--sky);--btn-edge:var(--sky-edge)}.btn--lilac{--btn-bg:var(--lilac);--btn-edge:var(--lilac-edge)}.btn--white{--btn-bg:var(--surface);--btn-edge:var(--surface-edge);--btn-fg:var(--ink);--btn-glow:rgba(var(--shadow-rgb), .2)}.btn--white span,.btn--yellow span,.btn--mint span{text-shadow:none}.btn--danger{--btn-bg:var(--danger);--btn-edge:var(--danger-edge)}.btn--ghost{color:var(--ink-soft);box-shadow:none;background:0 0}.btn--ghost:active{box-shadow:none;transform:scale(.97)}.btn--ghost span{text-shadow:none}.btn--ghost-danger{--btn-bg:var(--danger-soft);--btn-edge:var(--danger-soft-edge);--btn-fg:var(--danger);--btn-glow:transparent;min-height:50px;font-size:17px}.btn--ghost-danger span{text-shadow:none}.icon-btn{background:var(--surface);width:48px;height:48px;color:var(--ink);box-shadow:0 4px 0 var(--surface-edge), 0 10px 16px -10px rgba(var(--shadow-rgb), .35);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), opacity .25s, scale .25s var(--ease-back);border-radius:16px;flex:none;place-items:center;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--surface-edge);transform:translateY(3px)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:900}.muted{color:var(--ink-soft);font-weight:600}.chip{border-radius:99px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:13px;font-weight:800;display:inline-flex}.chip--new{background:var(--lilac-soft);color:var(--lilac-edge)}.chip--done{background:var(--mint-soft);color:var(--mint-edge)}.chip--locked{background:var(--well);color:var(--ink-faint)}.badge{background:var(--pink);color:var(--on-color);font-family:var(--font-body);border:2.5px solid var(--surface);box-shadow:var(--shadow-soft);border-radius:99px;padding:2px 8px;font-size:12px;font-weight:900;position:absolute;top:-9px;right:-6px}.percent{text-align:right;min-width:38px;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.count-pill{background:var(--surface);white-space:nowrap;box-shadow:var(--shadow-soft);border-radius:99px;padding:7px 12px;font-size:13px;font-weight:800}.progress{background:var(--well);border-radius:99px;flex:1;height:10px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--pink), var(--pink-bright));transition:width .35s var(--ease-out);border-radius:99px;position:absolute;inset:0 auto 0 0}.progress-fill:after{content:"";background:rgba(var(--glass-rgb), .45);border-radius:99px;height:3px;position:absolute;inset:2px 6px auto}.progress--mint .progress-fill{background:linear-gradient(90deg, var(--mint), var(--mint-bright))}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:14px;display:grid}.topbar>:first-child{justify-self:start}.topbar-title{text-align:center;font-size:24px}.topbar-right{justify-self:end}.thumb{--pad:5px;--round:16px;border-radius:var(--round);background:var(--surface);width:64px;height:64px;box-shadow:inset 0 0 0 2px var(--line);flex:none;position:relative}.thumb-canvas,.art-canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.thumb>.thumb-canvas,.frame>.art-canvas,.art-frame>.art-canvas{top:var(--pad);left:var(--pad);width:calc(100% - var(--pad) * 2);height:calc(100% - var(--pad) * 2);position:absolute}.thumb>.thumb-canvas{border-radius:max(4px, calc(var(--round) - var(--pad)))}.decor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.decor-tile{width:var(--size);height:var(--size);opacity:.26;transform:rotate(var(--tilt));animation:drift var(--dur) ease-in-out var(--delay) infinite alternate;border-radius:30%;position:absolute}.decor-tile--pink{background:var(--pink)}.decor-tile--yellow{background:var(--yellow)}.decor-tile--mint{background:var(--mint)}.decor-tile--sky{background:var(--sky)}.decor-tile--lilac{background:var(--lilac)}@keyframes drift{0%{transform:translate(0, 0) rotate(var(--tilt))}to{transform:translate(6px, -14px) rotate(calc(var(--tilt) + 14deg))}}.logo{justify-content:center;gap:6px;display:flex}.logo-tile{--tile-bg:var(--pink);--tile-edge:var(--pink-edge);background:var(--tile-bg);width:56px;height:60px;color:var(--on-color);font-family:var(--font-display);text-shadow:0 2.5px 0 var(--tile-edge);box-shadow:0 5px 0 var(--tile-edge), 0 14px 22px -12px rgba(var(--shadow-rgb), .45), inset 0 3px 0 #ffffff47;transform:rotate(var(--tilt));animation:tile-drop .7s var(--ease-back) calc(var(--i) * 70ms) both, tile-bob 3.4s ease-in-out calc(.9s + var(--i) * .32s) infinite;border-radius:17px;place-items:center;font-size:36px;font-weight:700;line-height:1;display:grid}.logo-tile--yellow{--tile-bg:var(--yellow);--tile-edge:var(--yellow-edge)}.logo-tile--mint{--tile-bg:var(--mint);--tile-edge:var(--mint-edge)}.logo-tile--sky{--tile-bg:var(--sky);--tile-edge:var(--sky-edge)}.logo-tile--lilac{--tile-bg:var(--lilac);--tile-edge:var(--lilac-edge)}.logo--small{gap:4px}.logo--small .logo-tile{width:30px;height:32px;text-shadow:0 1.5px 0 var(--tile-edge);box-shadow:0 3px 0 var(--tile-edge);border-radius:9px;font-size:18px;animation:none}@keyframes tile-drop{0%{opacity:0;transform:translateY(-26px) rotate(calc(var(--tilt) * -2)) scale(.7)}}@keyframes tile-bob{0%,to{transform:rotate(var(--tilt)) translateY(0)}50%{transform:rotate(var(--tilt)) translateY(-5px)}}.mozi .mozi-body{transform-box:fill-box;transform-origin:50% 100%}.mozi .mozi-eyes{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite blink}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mozi-idle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(.98,1.02)}}@keyframes mozi-jump{0%{transform:translateY(0)scale(1)}20%{transform:translateY(2px)scale(1.1,.88)}50%{transform:translateY(-26px)scale(.94,1.08)}80%{transform:translateY(0)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}.bubble{background:var(--surface);text-align:center;max-width:260px;box-shadow:var(--shadow-soft);animation:pop-in .5s var(--ease-back) .5s both;border-radius:18px;padding:10px 16px;font-size:15px;font-weight:800;position:relative}.bubble:after{content:"";background:var(--surface);border-radius:3px;width:16px;height:16px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble.is-pop{animation:pop-in .42s var(--ease-back) both}@keyframes pop-in{0%{opacity:0;transform:scale(.6)translateY(8px)}}.dialog-backdrop{z-index:50;padding:calc(var(--safe-top) + 20px) 18px calc(var(--safe-bottom) + 20px);background:rgba(var(--dim-rgb), .4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;animation:.22s ease-out both fade-in;display:grid;position:fixed;inset:0}.dialog-backdrop.is-closing{animation:.22s ease-in both fade-out}.dialog{background:var(--surface);text-align:center;width:min(100%,380px);max-height:100%;box-shadow:var(--shadow-float);animation:dialog-in .45s var(--ease-back) both;border-radius:30px;padding:26px 20px 20px;position:relative;overflow-y:auto}.is-closing .dialog{animation:.22s ease-in both dialog-out}.dialog-title{font-size:26px}.dialog-text{color:var(--ink-soft);margin:8px 0 20px;font-size:16px;font-weight:700}.dialog-hint{color:var(--ink-faint);margin:-10px 0 20px;font-size:14px;font-weight:700}.dialog-actions{gap:10px;display:flex}.dialog-actions>.btn{flex:1;min-width:0;padding:0 12px}.dialog-actions--stack{flex-direction:column;gap:14px}.btn:disabled{opacity:.55;pointer-events:none}.dialog-close{width:40px;height:40px;color:var(--ink-faint);border-radius:14px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.dialog-mozi{justify-content:center;margin-bottom:4px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(30px)scale(.9)}}@keyframes dialog-out{to{opacity:0;transform:translateY(16px)scale(.95)}}.toast{left:50%;bottom:calc(var(--safe-bottom) + 28px + var(--banner-space));z-index:60;background:var(--ink);max-width:calc(100% - 40px);color:var(--bg);text-align:center;box-shadow:var(--shadow-float);animation:toast-in .4s var(--ease-back) both;border-radius:99px;padding:12px 20px;font-size:15px;font-weight:800;position:fixed;transform:translate(-50%)}.toast.is-closing{animation:.25s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,10px)}}.switch{background:var(--well-strong);border-radius:99px;flex:none;width:58px;height:34px;transition:background .25s;position:relative}.switch-knob{background:var(--knob);width:26px;height:26px;box-shadow:0 2px 6px rgba(var(--dim-rgb), .25);transition:transform .3s var(--ease-back);border-radius:50%;position:absolute;top:4px;left:4px}.switch.is-on{background:var(--mint)}.switch.is-on .switch-knob{transform:translate(24px)}.segmented{background:var(--well);border-radius:18px;grid-template-columns:1fr 1fr;gap:4px;padding:5px;display:grid}.segmented-option{min-height:48px;color:var(--ink-soft);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.segmented-option.is-active{background:var(--surface);color:var(--ink);box-shadow:0 4px 12px -6px rgba(var(--shadow-rgb), .35)}.segmented-code{background:var(--line);letter-spacing:.05em;border-radius:7px;padding:2px 6px;font-size:11px;font-weight:900}.is-active .segmented-code{background:var(--sky);color:var(--on-color)}.confetti{z-index:70;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes nope{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.xp-pill{background:var(--surface);height:44px;color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 4px 0 var(--surface-edge), 0 10px 16px -10px rgba(var(--shadow-rgb), .35);border-radius:99px;align-items:center;gap:6px;padding:0 14px 0 9px;font-size:19px;font-weight:700;display:inline-flex}button.xp-pill:active{box-shadow:0 1px 0 var(--surface-edge);transform:translateY(3px)}.xp-pill.is-bump .xp-icon{animation:celebrate .6s var(--ease-back)}.xp-tag{background:var(--yellow-soft);color:var(--yellow-ink);border-radius:99px;flex:none;align-items:center;gap:3px;padding:2px 8px 2px 3px;font-size:13px;font-weight:900;display:inline-flex}.xp-tag--big{font-family:var(--font-display);gap:6px;padding:5px 14px 5px 6px;font-size:22px;font-weight:700}.xp-tag--big .xp-icon{width:30px;height:30px}.home{background:radial-gradient(120% 60% at 50% 0%, var(--surface) 0%, rgba(var(--glass-rgb), 0) 70%), var(--bg)}.home-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-top-right{gap:10px;display:flex}.daily-btn{color:var(--pink-edge);position:relative}.daily-dot{background:var(--pink);width:11px;height:11px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;display:none;position:absolute;top:6px;right:6px}.daily-btn.has-reward .daily-dot{display:block}.daily-btn.has-reward .icon{animation:2.4s ease-in-out infinite daily-wiggle}@keyframes daily-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(10deg)}95%{transform:rotate(-6deg)}}.daily-days{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 16px;display:grid}.daily-day{background:var(--surface-soft);color:var(--ink-soft);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:12px;font-weight:800;display:flex}.daily-day.is-big{background:var(--yellow-soft);color:var(--yellow-ink);grid-column:span 2}.daily-day.is-past{opacity:.55}.daily-day.is-today{background:var(--pink-soft);color:var(--ink);box-shadow:0 0 0 2.5px var(--pink);animation:1.6s ease-in-out infinite daily-glow}@keyframes daily-glow{50%{box-shadow:0 0 0 4px var(--pink)}}.daily-day-name{white-space:nowrap}.daily-day-xp{color:var(--ink);font-weight:900}.daily-claim{width:100%}.home-hero{flex:1;min-height:0;container-type:size}.home-hero-inner{--mozi:132px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.home-tagline{color:var(--ink-soft);animation:rise .6s var(--ease-out) .35s both;font-size:15px;font-weight:700}.home-mozi-wrap{flex-direction:column;align-items:center;gap:16px;margin-top:10px;display:flex}.home-mozi{animation:rise .7s var(--ease-back) .25s both;border-radius:40px;line-height:0}.home-mozi .mozi{width:var(--mozi);height:var(--mozi)}.home-mozi .mozi-body{animation:2.8s ease-in-out infinite mozi-idle}.home-mozi.is-cheering .mozi-body{animation:mozi-jump .7s var(--ease-out)}.home-bottom{animation:rise .6s var(--ease-out) .15s both;flex-direction:column;gap:12px;display:flex}.home-card{flex-direction:column;gap:12px;padding:12px 14px 14px;display:flex}.home-card .thumb{--pad:4px;--round:14px;width:56px;height:56px}.home-card .btn--big{border-radius:18px;min-height:52px;font-size:20px}.home-card .btn--big .icon{width:24px;height:24px}.home-card-info{align-items:center;gap:14px;display:flex}.home-card-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.home-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.home-card-progress{align-items:center;gap:10px;margin-top:4px;display:flex}.home-done-mozi,.home-card--next .tier-badge--big{flex:none}.home-card-sub{font-size:13px;font-weight:800}.home-card-hint{color:var(--ink-soft);margin:-2px 0 0;font-size:14px;font-weight:800}.daily-art{text-align:start;width:100%;animation:rise .5s var(--ease-out) both;align-items:center;gap:12px;margin-bottom:18px;padding:8px 12px 8px 8px;display:flex}.daily-art-thumb{--pad:3px;--round:10px;flex:none;width:44px;height:44px}.daily-art-text{flex-direction:column;flex:1;min-width:0;display:flex}.daily-art-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.daily-art-tag{background:var(--pink);color:var(--on-color);direction:ltr;unicode-bidi:isolate;border-radius:99px;flex:none;align-items:center;gap:3px;padding:4px 9px;font-size:13px;font-weight:900;display:inline-flex}.daily-art-tag--small{vertical-align:1px;margin-inline-start:8px;padding:1px 7px;font-size:11px}.daily-ribbon{background:var(--pink);color:var(--on-color);box-shadow:0 2px 0 var(--pink-edge)}.finish-bonus{background:var(--pink-soft);color:var(--pink-edge);border-radius:99px;align-items:center;gap:5px;margin:2px 0 0;padding:4px 12px;font-size:14px;font-weight:900;display:inline-flex}.home-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-row .btn{gap:6px;min-width:0;padding:0 10px;font-size:17px;position:relative}.home-row .btn span{text-overflow:ellipsis;overflow:hidden}.ad-button-tag{background:var(--surface);border:2.5px solid var(--surface);box-shadow:var(--shadow-soft);position:absolute;top:-10px;right:-6px}.ad-button.is-used-up{opacity:.55}.ad-button.is-used-up .ad-button-tag{display:none}@supports not (container-type:size){@media (height<=820px){.home-tagline{display:none}.home-hero-inner{--mozi:92px;gap:8px}}@media (height<=700px){.home-hero-inner .bubble{display:none}}}@container (height<=330px){.home-tagline{display:none}.home-hero-inner{--mozi:clamp(76px, calc(100cqh - 170px), 132px)}}@container (height<=246px){.home-hero-inner{--mozi:clamp(64px, calc(100cqh - 100px), 124px)}.home-hero-inner .bubble{display:none}}@container (height<=164px){.home-mozi-wrap{display:none}}@container (height<=76px){.home-hero-inner .logo{gap:4px}.home-hero-inner .logo-tile{border-radius:11px;width:36px;height:40px;font-size:22px}}@container (height<=46px){.home-hero-inner .logo{display:none}}.tier{--tier:var(--mint);--tier-edge:var(--mint-edge);--tier-soft:var(--mint-soft);animation:rise .5s var(--ease-out) calc(var(--i) * 40ms) both;margin-bottom:26px}.tier--mint{--tier:var(--mint);--tier-edge:var(--mint-edge);--tier-soft:var(--mint-soft)}.tier--yellow{--tier:var(--yellow);--tier-edge:var(--yellow-edge);--tier-soft:var(--yellow-soft)}.tier--sky{--tier:var(--sky);--tier-edge:var(--sky-edge);--tier-soft:var(--sky-soft)}.tier--lilac{--tier:var(--lilac);--tier-edge:var(--lilac-edge);--tier-soft:var(--lilac-soft)}.tier--pink{--tier:var(--pink);--tier-edge:var(--pink-edge);--tier-soft:var(--pink-soft)}.tier-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.tier-badge{background:var(--tier);width:50px;height:50px;color:var(--surface);font-family:var(--font-display);text-shadow:0 2px 0 var(--tier-edge);box-shadow:0 4px 0 var(--tier-edge);border-radius:16px;flex:none;place-items:center;font-size:26px;font-weight:700;display:grid;transform:rotate(-4deg)}.tier-text{flex:1;min-width:0}.tier-name{font-size:23px;line-height:1.1}.tier-info{color:var(--ink-soft);margin-top:2px;font-size:13px;font-weight:700}.tier-count{background:var(--tier-soft);color:var(--tier-edge);border-radius:99px;flex:none;padding:6px 12px;font-size:14px;font-weight:900}.tier.is-locked .tier-badge{background:var(--well-strong);color:var(--ink-faint);text-shadow:none;box-shadow:0 4px 0 var(--surface-edge)}.tier.is-locked .tier-name{color:var(--ink-faint)}.tier.is-locked .tier-count{background:var(--well);color:var(--ink-faint)}.tier-lock{color:var(--ink-faint);align-items:center;gap:6px;margin:-2px 0 12px;font-size:13px;font-weight:800;display:flex}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.art-card{border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);text-align:left;transition:transform .15s var(--ease-out);flex-direction:column;gap:8px;padding:10px;display:flex}.art-card:active{transform:scale(.97)}.art-card.is-nope{animation:.4s nope}.thumb--fluid{--pad:8px;--round:18px;aspect-ratio:1;border-radius:var(--round);background:var(--surface-soft);width:100%;height:auto}.art-card-name{min-height:2.3em;font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 2px;font-size:16px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.art-card-status{justify-content:space-between;align-items:center;gap:4px;min-height:26px;padding:0 2px;display:flex}.art-card-status .level-progress{flex:1;min-width:0}.chip--card{flex:0 auto;gap:4px;min-width:0;padding:4px 8px 4px 6px}.chip--card svg{flex:none}.chip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip--card.is-tight{padding:5px}.chip--card.is-tight .chip-text{display:none}.art-card.is-locked .art-card-name{color:var(--ink-faint)}.level-progress{align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.is-locked .thumb-canvas{filter:grayscale()opacity(.45)blur(1.5px)}.thumb-lock{color:var(--ink-soft);place-items:center;display:grid;position:absolute;inset:0}.thumb-badge{border:3px solid var(--surface);background:var(--mint);width:28px;height:28px;color:var(--on-color);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-7px;right:-7px}.soon-card{border:2.5px dashed var(--dashed);border-radius:var(--radius-lg);background:rgba(var(--glass-rgb), .55);animation:rise .5s var(--ease-out) calc(var(--i) * 70ms) both;align-items:center;gap:14px;padding:14px 16px 14px 10px;display:flex}.soon-card h3{margin-bottom:2px;font-size:18px}.soon-card p{font-size:14px}.soon-mozi{flex:none}.soon-mozi .mozi-body{animation:2.4s ease-in-out infinite mozi-idle}.game.screen{padding-left:0;padding-right:0;padding-bottom:calc(var(--safe-bottom) + 8px + var(--banner-space))}.game-top{padding:0 calc(var(--safe-right) + 16px) 6px calc(var(--safe-left) + 16px);align-items:center;gap:12px;display:flex}.game-title{text-align:center;flex:1;min-width:0}.game-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:19px;overflow:hidden}.game-progress{align-items:center;gap:8px;max-width:220px;margin:5px auto 0;display:flex}.game-progress .percent{min-width:34px}.find-btn{width:auto;color:var(--pink);white-space:nowrap;align-items:center;gap:6px;padding:0 14px 0 11px;font-size:16px;font-weight:900;display:flex}.board-wrap{flex:1;min-height:0;position:relative}.board-canvas{touch-action:none;display:block;position:absolute;top:0;left:0}.minimap{top:10px;left:calc(var(--safe-left) + 16px);background:var(--surface);box-shadow:var(--shadow-card);opacity:0;transform-origin:0 0;pointer-events:none;touch-action:none;transition:opacity .2s, scale .25s var(--ease-back);border-radius:12px;padding:4px;line-height:0;position:absolute;scale:.7}.minimap canvas{image-rendering:pixelated;border-radius:8px}.minimap.is-visible{opacity:1;pointer-events:auto;scale:1}.game.is-finished .minimap{display:none}.fit-btn{right:calc(var(--safe-right) + 16px);opacity:0;pointer-events:none;position:absolute;bottom:10px;scale:.6}.fill-btn{left:calc(var(--safe-left) + 16px);background:var(--surface);height:46px;color:var(--ink);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transition:opacity .2s, scale .25s var(--ease-back);border-radius:16px;align-items:center;gap:6px;padding:0 12px 0 10px;display:flex;position:absolute;bottom:10px;scale:.6}.fill-btn.is-visible{opacity:1;pointer-events:auto;scale:1}.fill-btn:active{scale:.94}.fill-dot{background:var(--c);min-width:24px;height:24px;color:var(--surface);border-radius:99px;place-items:center;padding:0 4px;font-size:12px;font-weight:900;display:grid}.fill-dot.is-light,.fill-art.is-light{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.fill-price{direction:ltr;unicode-bidi:isolate;align-items:center;gap:3px;font-size:15px;font-weight:900;display:inline-flex}.fill-art{background:var(--c);width:64px;height:64px;color:var(--surface);font-family:var(--font-display);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;margin:0 auto 6px;font-size:26px;font-weight:700;display:grid}.fit-btn.is-visible{opacity:1;pointer-events:auto;scale:1}.game.is-finished .fill-btn,.game.is-finished .find-btn{opacity:0;pointer-events:none}.palette{flex:none}.palette-track{padding:16px calc(var(--safe-right) + 16px) 12px calc(var(--safe-left) + 16px);scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;display:flex;overflow-x:auto}.palette-track::-webkit-scrollbar{display:none}.palette-track>:first-child{margin-left:auto}.palette-track>:last-child{margin-right:auto}.swatch{width:clamp(46px, calc((100vw - 32px - (var(--n) - 1) * 8px) / var(--n)), 60px);aspect-ratio:1;transition:transform .3s var(--ease-back), opacity .3s;border-radius:50%;flex:none;position:relative}.swatch-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.swatch-track{fill:none;stroke:var(--well);stroke-width:5px}.swatch-fill{fill:none;stroke:var(--c);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .3s var(--ease-out)}.swatch-dot{background:var(--c);color:var(--on-color);font-family:var(--font-display);text-shadow:0 1.5px #0000002e;border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:13%;box-shadow:inset 0 -4px #0000001f,inset 0 3px #ffffff59}.swatch.is-light .swatch-dot{color:var(--ink);text-shadow:none}.swatch .icon,.swatch.is-done .swatch-num{display:none}.swatch-count{background:var(--surface);min-width:20px;color:var(--ink);font-family:var(--font-body);text-align:center;box-shadow:var(--shadow-soft);pointer-events:none;border-radius:99px;padding:1px 5px;font-size:11px;font-weight:900;line-height:16px;position:absolute;top:-7px;right:-7px}.swatch.is-done .swatch-count{display:none}.swatch.is-selected .swatch-count{background:var(--ink);color:var(--surface)}.swatch.is-done .icon{display:block}.swatch.is-done{opacity:.5;transform:scale(.86)}.swatch.is-selected{transform:translateY(-6px)scale(1.1)}.swatch.is-selected:after{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.swatch.is-hint{animation:swatch-hint .55s var(--ease-out)}.swatch.is-celebrating .swatch-dot{animation:celebrate .6s var(--ease-back)}@keyframes swatch-hint{0%,to{translate:0}30%{translate:0 -12px}60%{translate:0}80%{translate:0 -5px}}@keyframes celebrate{0%{transform:scale(1)}40%{transform:scale(1.25)rotate(-8deg)}to{transform:scale(1)}}.done-bar,.game.is-finished .palette{display:none}.game.is-finished .done-bar{padding:10px calc(var(--safe-right) + 16px) 4px calc(var(--safe-left) + 16px);animation:rise .5s var(--ease-out) both;flex-direction:column;gap:14px;transition:opacity .3s;display:flex}.game.is-replaying .done-bar{opacity:.35;pointer-events:none}.done-bar-label{background:var(--mint-soft);color:var(--mint-edge);border-radius:99px;align-self:center;align-items:center;gap:6px;padding:5px 12px 5px 10px;font-size:14px;font-weight:900;display:inline-flex}.done-bar-actions{gap:10px;display:flex}.done-bar-actions .btn{flex:1;padding:0 10px}.done-bar-actions .btn.btn--square{flex:none}.dialog--finish{padding-top:0;overflow:visible}.finish-mozi{justify-content:center;margin:-54px 0 2px;display:flex}.finish-mozi .mozi-body{animation:mozi-jump .9s var(--ease-out) .2s both}.finish-title{color:var(--pink);font-size:32px}.finish-reward{color:var(--ink-soft);animation:pop-in .5s var(--ease-back) .35s both;justify-content:center;align-items:center;gap:8px;margin:-6px 0 16px;font-weight:800;display:flex}.tutorial-mozi{justify-content:center;margin:-6px 0 2px;display:flex}.tutorial-demo{justify-content:center;gap:6px;margin:16px 0 14px;display:flex;position:relative}.tutorial-tile{background:var(--pink-light);width:46px;height:46px;color:var(--ink);animation:3.2s infinite demo-paint;animation-delay:calc(var(--i) * .256s);border-radius:12px;place-items:center;font-size:20px;font-weight:900;display:grid}.tutorial-finger{border:3px solid var(--surface);background:rgba(var(--dim-rgb), .28);width:34px;height:34px;box-shadow:0 4px 12px rgba(var(--dim-rgb), .3);border-radius:50%;margin:-6px 0 0 -17px;animation:3.2s infinite demo-finger;position:absolute;top:50%;left:50%}@keyframes demo-paint{0%,15%{background:var(--pink-light);color:var(--ink);transform:scale(1)}21%{background:var(--pink);color:#0000;transform:scale(1.14)}28%,86%{background:var(--pink);color:#0000;transform:scale(1)}to{background:var(--pink-light);color:var(--ink)}}@keyframes demo-finger{0%,8%{opacity:0;transform:translate(-78px)scale(1.4)}14%{opacity:1;transform:translate(-78px)scale(1)}39%{opacity:1;transform:translate(78px)scale(1)}48%,to{opacity:0;transform:translate(78px)scale(1.3)}}.empty-card{text-align:center;animation:rise .5s var(--ease-out) both;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;padding:22px 18px;display:flex}.empty-card h2{font-size:22px}.empty-card .btn{margin-top:10px}.empty-mozi .mozi-body{animation:2.6s ease-in-out infinite mozi-idle}.collection-sort{margin-bottom:14px}.collection-sort .segmented-option{min-height:40px;font-size:14px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding-top:6px;display:grid}.frame-card{min-width:0;animation:rise .5s var(--ease-out) calc(var(--i) * 70ms) both;flex-direction:column;align-items:center;gap:4px;display:flex}.frame{--pad:16px;aspect-ratio:1;background:var(--surface);width:100%;box-shadow:inset 0 0 0 7px var(--frame), var(--shadow-card);transition:transform .25s var(--ease-back);border-radius:22px;margin-bottom:6px;position:relative;transform:rotate(-1.6deg)}.frame-card:nth-child(2n) .frame{transform:rotate(1.6deg)}.frame:before{content:"";background:var(--pink);width:14px;height:14px;box-shadow:0 2px 0 var(--pink-edge), 0 4px 8px rgba(var(--dim-rgb), .25);border-radius:50%;margin-left:-7px;position:absolute;top:-6px;left:50%}button.frame-card:active .frame{transform:scale(.96)}.frame-name{max-width:100%;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.frame-date{color:var(--ink-soft);align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:inline-flex}.frame-card.is-locked .frame{background:rgba(var(--glass-rgb), .5);box-shadow:none;border:2.5px dashed var(--dashed);place-items:center;display:grid}.frame-card.is-locked .frame:before{background:var(--dashed);box-shadow:none}.frame-card.is-soon .frame{color:var(--dashed-ink)}.frame-card.is-soon .frame:before{display:none}.frame-question{font-family:var(--font-display);color:var(--dashed-ink);font-size:48px;font-weight:700}.frame-card.is-locked .frame-name{color:var(--ink-faint)}.dialog--art{padding-top:28px}.dialog--art .art-frame{--pad:16px;aspect-ratio:1;background:var(--surface);width:min(100%,270px);box-shadow:inset 0 0 0 8px var(--frame), 0 14px 30px -16px rgba(var(--shadow-rgb), .45);border-radius:24px;margin:0 auto 16px;position:relative}.settings-card{animation:rise .5s var(--ease-out) both;flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.settings-card:nth-child(2){animation-delay:60ms}.settings-card:nth-child(3){animation-delay:.12s}.setting-row{align-items:center;gap:12px;display:flex}.setting-icon{border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.setting-icon--pink{background:var(--pink-soft);color:var(--pink-edge)}.setting-icon--sky{background:var(--sky-soft);color:var(--sky-edge)}.setting-icon--mint{background:var(--mint-soft);color:var(--mint-edge)}.setting-icon--lilac{background:var(--lilac-soft);color:var(--lilac-edge)}.setting-icon--yellow{background:var(--yellow-soft);color:var(--yellow-edge)}.setting-label{flex:1;font-size:17px;font-weight:800}.divider{background:var(--line);border-radius:2px;height:1.5px}.settings-footer{color:var(--ink-faint);flex-direction:column;align-items:center;gap:10px;padding:18px 0 8px;font-size:13px;font-weight:700;display:flex}.settings-licenses{min-height:40px;font-size:16px}.licenses-intro{margin:0 4px 6px;font-size:15px}.license-card{animation:rise .5s var(--ease-out) both;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.license-card h4,.license-card p{margin:0}.license-card h4{font-family:var(--font-display);font-size:18px;font-weight:600}.license-card p{font-size:14px}.license-copy{color:var(--ink-soft);overflow-wrap:anywhere;font-size:12px;font-weight:700}.license-text{margin-bottom:12px;padding:14px 16px}.license-text summary{cursor:pointer;align-items:center;gap:8px;font-weight:800;list-style:none;display:flex}.license-text summary::-webkit-details-marker{display:none}.license-text summary .icon{color:var(--ink-faint);flex:none}.license-text pre{border-radius:var(--radius-sm);background:var(--surface-soft);max-height:60vh;color:var(--ink-soft);font:600 12px/1.5 var(--font-body);white-space:pre-wrap;text-align:left;margin-top:12px;padding:12px;overflow:auto}.license-list{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.license-list li{flex-direction:column;font-size:15px;display:flex}.license-list li .muted{font-size:13px}.license-note{color:var(--ink-faint);font-weight:700;font-size:13px!important}.dialog--share{padding-top:24px}.share-modes{margin:16px 0 14px}.share-modes .segmented-option{font-size:15px}.share-preview{aspect-ratio:1;background:var(--bg);width:min(100%,300px);box-shadow:0 14px 30px -16px rgba(var(--shadow-rgb), .45);border-radius:22px;margin:0 auto 18px;position:relative;overflow:hidden}.share-img{image-rendering:auto;width:100%;height:100%;display:block}.share-loading{color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:800;display:none;position:absolute;inset:0}.share-loading .mozi-body{animation:1.2s ease-in-out infinite mozi-idle}.share-preview.is-loading .share-img{visibility:hidden}.share-preview.is-loading .share-loading{display:flex}.dialog--share>.btn{width:100%}.levels-tabs{flex:none;margin-bottom:14px}.special-intro{animation:rise .5s var(--ease-out) both;align-items:center;gap:14px;margin-bottom:16px;display:flex}.special-intro h2{font-size:20px}.special-intro p{font-size:14px}.special-heading{align-items:center;gap:8px;margin:6px 4px 12px;font-size:19px;display:flex}.special-heading .icon{color:var(--ink-faint)}.special-heading:not(:first-of-type){margin-top:24px}.art-card-titles{flex-direction:column;gap:2px;min-height:56px;display:flex}.art-card-titles .art-card-name{min-height:0}.art-card-artist{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:12px;font-weight:700;overflow:hidden}.special-intro-icon{background:var(--yellow);width:50px;height:50px;color:var(--yellow-btn-ink);box-shadow:0 4px 0 var(--yellow-edge);border-radius:16px;flex:none;place-items:center;display:grid;transform:rotate(-4deg)}.art-card--special{box-shadow:inset 0 0 0 2.5px var(--yellow), var(--shadow-card)}.special-ribbon{background:var(--yellow);color:var(--yellow-btn-ink);box-shadow:0 2px 0 var(--yellow-edge);border-radius:99px;align-items:center;gap:3px;padding:3px 8px 3px 6px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:6px;left:6px}.price-tag{background:var(--ink);color:var(--surface);font-family:var(--font-display);border-radius:99px;align-items:center;gap:4px;padding:3px 10px 3px 4px;font-size:15px;font-weight:700;display:inline-flex}.art-card-size{color:var(--ink-faint);font-size:12px;font-weight:800}.art-frame--small{--pad:12px;aspect-ratio:1;background:var(--surface);width:150px;box-shadow:inset 0 0 0 6px var(--frame), 0 12px 24px -14px rgba(var(--shadow-rgb), .45);border-radius:20px;margin:0 auto 14px;position:relative}.dialog--ad{padding:0;overflow:hidden}.ad-screen{background:linear-gradient(160deg, var(--lilac-soft), var(--sky-soft));flex-direction:column;align-items:center;gap:10px;padding:44px 24px 26px;display:flex;position:relative}.ad-screen p{color:var(--ink-soft);font-weight:800}.ad-screen .mozi-body{animation:1.4s ease-in-out infinite mozi-idle}.ad-label{background:var(--surface);color:var(--ink-soft);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:900;position:absolute;top:14px;left:14px}.ad-bar{background:rgba(var(--glass-rgb), .7);border-radius:99px;width:100%;height:8px;margin-top:6px;overflow:hidden}.ad-bar-fill{background:var(--mint);border-radius:99px;width:0;height:100%;transition:width linear;display:block}.ad-footer{align-items:center;gap:12px;padding:16px 18px 18px;display:flex}.ad-count{min-width:28px;font-family:var(--font-display);color:var(--ink-soft);font-size:22px;font-weight:700}.ad-claim{flex:1}.shop-heading{align-items:center;gap:8px;margin:24px 4px 12px;font-size:19px;display:flex}.shop-heading .icon{color:var(--ink-faint)}.shop-banner{border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--yellow-soft), var(--pink-soft));animation:rise .5s var(--ease-out) both;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px 12px 10px;display:flex}.shop-banner-mozi .mozi-body{animation:2.4s ease-in-out infinite mozi-idle}.shop-banner-text{flex-direction:column;gap:2px;display:flex}.shop-balance{font-family:var(--font-display);align-items:center;gap:8px;font-size:32px;font-weight:700;line-height:1.1;display:inline-flex}.starter-card{background:linear-gradient(160deg, var(--lilac-soft), var(--surface) 65%);box-shadow:inset 0 0 0 2.5px var(--lilac), var(--shadow-card);animation:rise .5s var(--ease-out) 60ms both;margin-bottom:14px;padding:18px 16px 16px;position:relative}.starter-ribbon{background:var(--pink);color:var(--surface);box-shadow:0 2px 0 var(--pink-edge);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:900;position:absolute;top:-11px;right:16px}.starter-head{align-items:center;gap:12px;display:flex}.starter-head h2{font-size:21px}.starter-head p{font-size:13.5px}.starter-icon{background:var(--lilac);width:50px;height:50px;color:var(--surface);box-shadow:0 4px 0 var(--lilac-edge);border-radius:16px;flex:none;place-items:center;display:grid;transform:rotate(-5deg)}.starter-list{flex-wrap:wrap;gap:6px;margin:14px 0;padding:0;list-style:none;display:flex}.starter-list li{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:99px;align-items:center;gap:4px;padding:5px 10px 5px 7px;font-size:13px;font-weight:800;display:inline-flex}.starter-list .icon{color:var(--mint-edge)}.starter-buy{align-items:center;gap:12px;display:flex}.starter-buy .btn{flex:1}.starter-old{color:var(--ink-faint);font-weight:800;text-decoration:line-through}.offer-row{align-items:center;gap:14px;padding:14px;display:flex}.offer-row .btn{min-height:44px;padding:0 14px}.offer-icon{border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.offer-icon--pink{background:var(--pink-soft);color:var(--pink-edge)}.offer-icon--sky{background:var(--sky-soft);color:var(--sky-edge)}.pack-bonus{background:var(--mint-soft);color:var(--mint-edge);border-radius:99px;align-self:flex-start;padding:2px 8px;font-size:12.5px;font-weight:900}.shop-secure{align-items:center;gap:6px;display:inline-flex;color:var(--ink-soft)!important}.pack-list{flex-direction:column;gap:12px;display:flex}.pack-card{text-align:left;width:100%;animation:rise .5s var(--ease-out) calc(80ms + var(--i) * 60ms) both;transition:transform .15s var(--ease-out);align-items:center;gap:14px;padding:14px 14px 14px 12px;display:flex;position:relative}.pack-card:active{transform:scale(.98)}.pack-card--popular{box-shadow:inset 0 0 0 2.5px var(--lilac), var(--shadow-card)}.pack-card--best{box-shadow:inset 0 0 0 2.5px var(--yellow), var(--shadow-card)}.pack-ribbon{background:var(--lilac);color:var(--surface);box-shadow:0 2px 0 var(--lilac-edge);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:900;position:absolute;top:-10px;right:14px}.pack-card--best .pack-ribbon{background:var(--yellow);color:var(--yellow-btn-ink);box-shadow:0 2px 0 var(--yellow-edge)}.coin-pile{flex:none;width:60px;height:52px;position:relative}.coin-pile .xp-icon{position:absolute}.coin-pile .xp-icon:first-child{top:10px;left:13px}.coin-pile--2 .xp-icon:first-child{top:14px;left:4px}.coin-pile--2 .xp-icon:nth-child(2){top:6px;left:22px}.coin-pile--3 .xp-icon:first-child{top:16px;left:0}.coin-pile--3 .xp-icon:nth-child(2){top:16px;left:24px}.coin-pile--3 .xp-icon:nth-child(3),.coin-pile--4 .xp-icon:nth-child(3){top:0;left:12px}.coin-pile--4 .xp-icon:first-child{top:18px;left:0}.coin-pile--4 .xp-icon:nth-child(2){top:18px;left:24px}.coin-pile--4 .xp-icon:nth-child(4){top:2px;left:26px}.pack-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pack-amount{font-family:var(--font-display);font-size:21px;font-weight:700}.pack-sub{color:var(--ink-soft);font-size:13px;font-weight:700}.pack-price{background:var(--pink);color:var(--surface);font-family:var(--font-display);box-shadow:0 4px 0 var(--pink-edge);border-radius:14px;flex:none;padding:9px 14px;font-size:16px;font-weight:700}.free-xp{align-items:center;gap:14px;padding:14px;display:flex}.free-xp .btn{min-height:44px;padding:0 16px}.free-xp.is-used-up{opacity:.6}.free-xp-icon{background:var(--mint-soft);width:52px;height:52px;color:var(--mint-edge);border-radius:16px;flex:none;place-items:center;display:grid}.shop-footer{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 8px 8px;display:flex}.shop-footer p{color:var(--ink-faint);font-size:12.5px;font-weight:700}.tier-unlock{background:var(--ink);color:var(--surface);font-family:var(--font-display);box-shadow:0 3px 0 var(--ink-edge);border-radius:99px;flex:none;align-items:center;gap:5px;padding:7px 12px 7px 10px;font-size:15px;font-weight:700;transition:transform .12s;display:inline-flex}.tier-unlock:active{transform:translateY(2px)}.tier-unlock .xp-icon{margin-left:2px}.tier.is-locked .tier-badge{background:var(--well-strong);color:var(--ink-faint)}.tier-badge--big{width:76px;height:76px;box-shadow:0 6px 0 var(--tier-edge);border-radius:24px;margin:0 auto 12px;font-size:40px}.dialog .tier-badge--big{display:grid}.more-card .more-peek{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;padding:7px;display:grid}.more-peek-cell{background:var(--tile-empty);border-radius:6px;position:relative;overflow:hidden}.more-peek-cell .thumb-canvas{opacity:.75;position:absolute;inset:0}.more-arrow{background:var(--tier-soft);min-width:0;height:28px;color:var(--tier-edge);white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:0 8px 0 10px;font-size:14px;font-weight:900;display:inline-flex}.more-arrow .icon{flex:none}.tier-summary{margin-bottom:16px;padding:14px}.tier-summary .tier-head{margin-bottom:10px}.tier-summary .tier-lock{margin:0}.tier-summary-progress{align-items:center;gap:10px;display:flex}.ad-banner{z-index:40;height:calc(var(--banner-space) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface-soft);border-top:1.5px solid var(--line);color:var(--ink-faint);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex;position:fixed;bottom:0;left:0;right:0}.ad-banner-tag{border:1.5px solid;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:900}.segmented--3{grid-template-columns:repeat(3,1fr)}.levels-tabs .segmented-option{gap:6px;font-size:15px}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.photo-intro{text-align:center;background:linear-gradient(170deg, var(--sky-soft), var(--surface) 70%);animation:rise .5s var(--ease-out) both;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;padding:18px 16px;display:flex}.photo-intro h2{font-size:22px}.photo-intro p{max-width:300px;font-size:14px}.photo-intro-art .mozi-body{animation:2.4s ease-in-out infinite mozi-idle}.photo-perks{justify-content:center;margin:8px 0 0}.photo-unlock{flex-direction:column;align-self:stretch;gap:12px;margin-top:12px;display:flex}.photo-unlock-xp{font-size:18px}.new-photo-card{border:2.5px dashed var(--sky-dashed);box-shadow:none;background:rgba(var(--glass-rgb), .6)}.new-photo-thumb{background:var(--sky-soft);color:var(--sky-edge);place-items:center;display:grid}.new-photo-plus{background:var(--sky);width:30px;height:30px;color:var(--surface);font-family:var(--font-display);box-shadow:0 3px 0 var(--sky-edge);border-radius:50%;place-items:center;font-size:22px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:8px;right:10px}.art-card-tools{gap:6px;display:flex;position:absolute;top:6px;right:6px}.art-card-tool{background:rgba(var(--glass-rgb), .92);width:30px;height:30px;color:var(--ink-soft);box-shadow:var(--shadow-soft);border-radius:10px;place-items:center;display:grid}.art-card-tool--delete{color:var(--danger)}.name-field{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;min-height:48px;color:var(--ink);font:700 16px/1.35 var(--font-body);padding:0 14px;display:block}.name-field::placeholder{color:var(--ink-faint)}.name-field:focus{border-color:var(--lilac);background:var(--surface);outline:none}.dialog .name-field{margin:14px 0 18px}.photo-scroll{flex-direction:column;align-items:center;display:flex}.photo-stage{aspect-ratio:1;background:var(--surface);width:min(100%,330px,44vh);box-shadow:inset 0 0 0 7px var(--frame), var(--shadow-card);touch-action:none;cursor:grab;border-radius:24px;flex:none;position:relative;overflow:hidden}.photo-stage .photo-canvas{border-radius:8px;width:calc(100% - 28px);height:calc(100% - 28px);position:absolute;inset:14px}.photo-loading{color:var(--ink-faint);place-items:center;display:none;position:absolute;inset:0}.photo-stage.is-loading .photo-loading{animation:1.2s ease-in-out infinite blink-soft;display:grid}@keyframes blink-soft{50%{opacity:.4}}.photo-hint{color:var(--ink-faint);text-align:center;margin:10px 0 14px;font-size:13px;font-weight:800}.photo-options{flex-direction:column;gap:8px;width:100%;max-width:420px;display:flex}.photo-option-label{color:var(--ink-soft);font-size:14px;font-weight:900}.photo-name-label{margin-top:8px}.photo-levels{background:var(--well);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid}.photo-level{color:var(--ink-soft);border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;transition:background .2s,color .2s,box-shadow .2s;display:flex}.photo-level.is-active{background:var(--surface);color:var(--ink);box-shadow:0 4px 12px -6px rgba(var(--shadow-rgb), .35)}.photo-level-name{font-family:var(--font-display);font-size:15px;font-weight:600}.photo-level-meta{color:var(--ink-faint);font-size:11.5px;font-weight:800}.photo-level.is-active .photo-level-meta{color:var(--sky-edge)}.photo-actions{flex-direction:column;gap:6px;width:100%;max-width:420px;margin-top:16px;display:flex}.photo-offer-icon{background:var(--sky-soft);color:var(--sky-edge)}.photo-offer .btn{min-height:44px;padding:0 14px}.art-card--special.is-locked .thumb-canvas{filter:none}.art-card--special.is-locked .art-card-name{color:var(--ink)}.settings-test{border:2.5px dashed var(--lilac-soft)}.settings-note{color:var(--ink-faint);margin-top:-6px;font-size:13px;font-weight:700}.suggest-card{--i:0;animation:rise .5s var(--ease-out) calc(var(--i) * 40ms) both;flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.levels .suggest-card{margin-top:14px}.suggest-head{align-items:center;gap:14px;display:flex}.suggest-head h3{margin-bottom:2px;font-size:18px}.suggest-head p{font-size:14px}.suggest-icon{background:var(--lilac);width:50px;height:50px;color:var(--surface);box-shadow:0 4px 0 var(--lilac-edge);border-radius:16px;flex:none;place-items:center;display:grid;transform:rotate(4deg)}.suggest-count{color:var(--mint-edge);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.suggest-count[hidden]{display:none}.suggest-open{width:100%}.suggest-price{background:var(--surface);color:var(--ink);font-family:var(--font-body);border-radius:99px;align-items:center;gap:4px;margin-inline-start:2px;padding:3px 10px 3px 4px;font-size:14px;font-weight:900;display:inline-flex}.dialog--suggest{text-align:start}.dialog--suggest .dialog-title,.dialog--suggest .dialog-text{text-align:center}.dialog--suggest .dialog-text{margin:6px 0 16px;font-size:15px}.suggest-label{color:var(--ink-soft);margin-bottom:8px;font-size:13px;font-weight:900;display:block}.suggest-topics{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.suggest-topic{border:2px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);border-radius:99px;padding:6px 12px;font-size:14px;font-weight:800;transition:background .15s,border-color .15s,color .15s}.suggest-topic.is-active{border-color:var(--lilac-edge);background:var(--lilac);color:var(--surface)}.suggest-box{position:relative}.suggest-field{resize:none;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;min-height:96px;color:var(--ink);font:700 16px/1.35 var(--font-body);padding:12px 14px 26px;display:block}.suggest-field::placeholder{color:var(--ink-faint)}.suggest-field:focus{border-color:var(--lilac);background:var(--surface);outline:none}.suggest-counter{inset-inline-end:12px;color:var(--ink-faint);font-size:12px;font-weight:800;position:absolute;bottom:8px}.suggest-note{color:var(--ink-soft);gap:6px;margin-top:10px;font-size:13px;font-weight:700;display:flex}.suggest-note .icon{flex:none;margin-top:1px}.suggest-note--faint{color:var(--ink-faint)}.suggest-note--test{border:2px dashed var(--lilac-soft);color:var(--lilac-edge);border-radius:12px;padding:8px 10px}.suggest-error{color:var(--danger);text-align:center;margin-top:10px;font-size:14px;font-weight:800}.suggest-error:empty{display:none}.suggest-send{width:100%;margin-top:16px}@media (height<=700px){.dialog--suggest .dialog-mozi{display:none}}.language-grid{background:var(--well);border-radius:18px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.language-option{min-height:46px;color:var(--ink-soft);text-align:start;border-radius:14px;align-items:center;gap:8px;padding:0 10px;font-size:15px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s;display:flex}.language-option.is-active{background:var(--surface);color:var(--ink);box-shadow:0 4px 12px -6px rgba(var(--shadow-rgb), .35)}.language-code{background:var(--line);font-family:var(--font-body);letter-spacing:.05em;border-radius:7px;flex:none;padding:2px 6px;font-size:11px;font-weight:900}.language-option.is-active .language-code{background:var(--sky);color:var(--surface)}[dir=rtl] .icon--back,[dir=rtl] .icon--play{transform:scaleX(-1)}[dir=rtl] .badge,[dir=rtl] .ad-button-tag,[dir=rtl] .pack-ribbon,[dir=rtl] .starter-ribbon{left:-6px;right:auto}[dir=rtl] .thumb-badge{left:-7px;right:auto}[dir=rtl] .special-ribbon{left:auto;right:6px}.logo,.xp-tag,.xp-pill,.price-tag,.shop-balance,.pack-amount,.tier-unlock,.suggest-price,.suggest-counter,.badge{direction:ltr;unicode-bidi:isolate}[dir=rtl] .swatch-count{left:-7px;right:auto}.reminder-list{text-align:start;flex-direction:column;gap:8px;margin:12px 0 16px;display:flex}.reminder{background:var(--surface-soft);color:var(--ink-soft);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.reminder strong{color:var(--ink);font-size:14px}.reminder-when{color:var(--ink-faint);font-size:11px;font-weight:900}.settings-note--row{margin:-4px 0 0 52px}[dir=rtl] .settings-note--row{margin:-4px 52px 0 0}.badge-icon{--size:56px;width:var(--size);height:var(--size);color:var(--on-color);box-shadow:inset 0 -4px 0 #00000024, 0 4px 10px -4px rgba(var(--shadow-rgb), .35);border-radius:50%;flex:none;place-items:center;display:grid}.badge-icon--pink{background:var(--pink)}.badge-icon--sky{background:var(--sky)}.badge-icon--mint{background:var(--mint)}.badge-icon--lilac{background:var(--lilac)}.badge-icon--yellow{background:var(--yellow);color:var(--yellow-btn-ink)}.badge-icon.is-locked{background:var(--line);color:var(--ink-faint);box-shadow:none}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.badge-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);text-align:center;animation:rise .45s var(--ease-out) calc(var(--i) * 30ms) both;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 12px;display:flex}.badge-name{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.15}.badge-desc{color:var(--ink-soft);font-size:12.5px;font-weight:700;line-height:1.3}.badge-date{color:var(--mint-edge);font-size:12px;font-weight:900}.badge-progress{width:100%;color:var(--ink-faint);align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.badge-progress .progress{flex:1}.badge-xp{color:var(--yellow-ink);align-items:center;gap:3px;font-size:12px;font-weight:900;display:inline-flex}.badge-card:not(.is-earned) .badge-xp{opacity:.6}.new-badges{flex-wrap:wrap;justify-content:center;gap:14px;margin:12px 0 18px;display:flex}.new-badge{text-align:center;flex-direction:column;align-items:center;gap:4px;max-width:150px;display:flex}.new-badge .badge-icon{animation:badge-pop .6s var(--ease-back) both}@keyframes badge-pop{0%{transform:scale(.3)rotate(-30deg)}}.finish-badges{flex-direction:column;gap:6px;width:100%;margin-top:4px;display:flex}.badge-line{background:var(--surface-soft);text-align:start;border-radius:99px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:13px;font-weight:800;display:flex}.badge-line>span:nth-child(2){flex:1}.badge-line-xp{color:var(--yellow-ink);align-items:center;gap:3px;font-weight:900;display:inline-flex}.topbar-sub{color:var(--ink-soft);font-family:var(--font-body);white-space:nowrap;margin-top:1px;font-size:13px;font-weight:800;display:block}.tier-count.is-complete{background:var(--yellow);color:var(--yellow-btn-ink);align-items:center;gap:4px;display:inline-flex}.frame--gold{box-shadow:inset 0 0 0 7px var(--yellow), inset 0 0 0 9px var(--yellow-edge), var(--shadow-card)}.music-now{background:var(--lilac-soft);border-radius:14px;align-items:center;gap:8px;margin:4px 0 2px;padding:8px 8px 8px 12px;display:flex}.music-now-label{color:var(--lilac-edge);white-space:nowrap;font-size:12px;font-weight:900}.music-now-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:900;overflow:hidden}.music-skip{width:40px;height:40px}[dir=rtl] .music-skip .icon{transform:scaleX(-1)}.track-list{flex-direction:column;gap:2px;display:flex}.track-row{color:var(--ink-soft);align-items:center;gap:10px;padding:6px 2px;display:flex}.track-name{color:var(--ink);flex:1;font-weight:800}.switch--small{transform-origin:100%;transform:scale(.82)}[dir=rtl] .switch--small{transform-origin:0}.game-loading{flex:1;place-items:center;animation:1.2s ease-in-out infinite blink-soft;display:grid}