[data-theme=sticker]{--color-text:#2a1b5e;--color-text-muted:#2a1b5eb3;--color-outline:#2a1b5e;--color-bg:#fff4dc;--color-surface:#fffdf7;--color-surface-strong:#fffdf7;--color-primary:#ffb627;--color-danger:#ff6b6b;--color-progress:#2ec4b6;--color-special:#7b4dff;--color-success:#5fcf5f;--color-info:#6ec1ff;--color-accent:#ff8fc7;--color-track:#e7e0f7;--color-on-primary:#2a1b5e;--color-on-special:#fff;--color-disabled-bg:#e7e0f7;--color-disabled-text:#9a90bd;--color-disabled-outline:#9a90bd;--color-locked-text:#6a5c9a;--btn-bg-primary:var(--color-primary);--btn-bg-ghost:var(--color-surface);--btn-bg-green:var(--color-success);--btn-bg-grape:var(--color-special);--border:3px solid var(--color-outline);--shadow-rest:0 5px 0 var(--color-outline);--shadow-hover:0 5px 0 var(--color-outline);--shadow-pressed:0 1px 0 var(--color-outline);--shadow-disabled:0 5px 0 #b9add9;--shadow-card:0 6px 0 var(--color-outline);--radius-sm:18px;--radius-md:22px;--radius-lg:26px;--radius-btn:18px;--radius-card:24px;--radius-icon-btn:15px;--radius-pill:999px;--surface-blur:none;--app-bg-image:none;--font-head:var(--font-fredoka), ui-rounded, system-ui, sans-serif;--font-body:var(--font-nunito), ui-rounded, system-ui, sans-serif;--font-glyph:ui-rounded, system-ui, sans-serif;--font-weight-glyph:700;--font-weight-head:700;--font-weight-body:700;--line-height-head:1.1;--dots-bg:var(--color-bg);--dots-image:radial-gradient(#2a1b5e17 2px, transparent 2px);--dots-size:22px 22px;--avatar-bg-lion:#ffd56b;--avatar-bg-dolphin:#8de3d9;--avatar-bg-parrot:#ffb0d9;--avatar-bg-turtle:#a8e6a0;--avatar-bg-fox:#ffb27a;--avatar-bg-octopus:#c3a6ff;--avatar-bg-panda:#d9e4ff;--avatar-bg-butterfly:#8fd0ff;--avatar-bg-carabao:#c9b69c;--avatar-bg-eagle:#f0e08a;--avatar-bg-whale_shark:#9fc5e8;--avatar-bg-crab:#ff9d8f;--avatar-bg-frog:#b6e36f;--avatar-bg-owl:#e0c9a6;--avatar-bg-rabbit:#ffd1dc;--avatar-bg-monkey:#d99a6c;--avatar-bg-chicken:#ffc4a3;--avatar-bg-cat:#ffe8a3;--avatar-bg-dog:#a9c8c0;--avatar-bg-fish:#ff8fa3;--frame-ring:var(--color-primary);--frame-ring-width:2px;--frame-ring-offset:4px;--frame-bead-scale:.42;--gift-bg:var(--color-special);--gift-ray:#ffb62759;--gift-text:#fff;--gift-box-body:var(--color-accent);--gift-box-lid:var(--color-danger);--gift-box-ribbon:var(--color-primary);--gift-box-line:var(--color-outline);--gift-choice-bg:var(--color-bg);--gift-choice-on-bg:#ffe7a8;--gift-choice-shadow:0 4px 0 var(--color-outline);--gift-box-size:clamp(180px, 56cqw, 320px);--gift-mascot-size:clamp(96px, 30cqw, 170px);--gift-title-size:clamp(28px, 8cqw, 40px);--gift-sub-size:clamp(14px, 3.6cqw, 17px);--gift-choice-size:clamp(76px, 22cqw, 100px);--gift-choice-glyph:clamp(32px, 9cqw, 42px);--closet-mascot-size:clamp(120px, 40cqw, 180px);--closet-item-bg:var(--color-surface-strong);--closet-item-shadow:var(--shadow-raised);--closet-item-on-bg:var(--gift-choice-on-bg);--closet-lock-bg:var(--color-track);--closet-lock-color:var(--color-locked-text);--closet-lock-border-color:var(--color-disabled-outline);--closet-lock-shadow:0 4px 0 var(--color-disabled-outline);--album-sea:#bfe7ff;--album-land:#9be08f;--album-coast:var(--color-outline);--album-empty:var(--color-track);--album-empty-line:var(--color-outline);--album-sticker-bg:var(--color-surface);--album-sticker-shadow:0 3px 0 var(--color-outline);--album-label-bg:var(--color-surface);--album-label-line:var(--color-outline);--album-sticker-size:clamp(28px, 9cqw, 44px);--album-map-max:400px;--anim-screen-in:sticker-in .35s ease;--anim-mascot-bob:sticker-bob 3.2s ease-in-out infinite;--anim-mascot-blink:sticker-blink 4.5s infinite;--anim-tarsi-hop:sticker-hop .5s ease-out;--anim-gift-wobble:sticker-gift-wobble 1.6s ease-in-out infinite;--anim-gift-lid:sticker-gift-lid .6s cubic-bezier(.3, .6, .5, 1) both;--anim-gift-pop:sticker-gift-pop .45s cubic-bezier(.2, 1.4, .4, 1) both;--anim-gift-fly:sticker-gift-fly .8s cubic-bezier(.5, 0, .7, .4) both;--anim-badge-pop:sticker-badge-pop .6s cubic-bezier(.2, 1.4, .4, 1) both;--anim-rays:sticker-spin 60s linear infinite;--anim-float:sticker-float 5s ease-in-out infinite;--anim-pulse:sticker-pulse 1.8s infinite;--anim-pop:sticker-pop .35s;--anim-fade:sticker-fade .2s;--anim-sheet-up:sticker-up .35s cubic-bezier(.2, 1.2, .4, 1);--anim-eq:sticker-eq .5s ease-in-out infinite alternate;--anim-bounce:sticker-bounce .5s;--anim-shake:sticker-shake .4s;--anim-starpop:sticker-starpop .7s cubic-bezier(.2, 1.6, .4, 1) forwards;--anim-dots:sticker-ldb .9s ease-in-out infinite;--anim-shimmer:sticker-shim 1.3s linear infinite;--color-focus:#2a1b5e;--color-danger-soft:#ffd0d0;--btn-border:3px solid var(--color-outline);--btn-transition:transform 80ms, box-shadow 80ms, filter .15s;--btn-lift:translateY(-1px);--btn-press:translateY(4px);--btn-hover-filter:brightness(1.06);--btn-bg-danger:var(--color-danger);--btn-bg-ghost-hover:var(--btn-bg-ghost);--btn-shadow-danger:var(--shadow-rest);--btn-shadow-green:var(--shadow-rest);--btn-shadow-grape:var(--shadow-rest);--mini-border:2.5px solid var(--color-outline);--mini-shadow:0 3px 0 var(--color-outline);--mini-shadow-pressed:0 1px 0 var(--color-outline);--icon-btn-shadow:0 4px 0 var(--color-outline);--icon-btn-shadow-pressed:0 1px 0 var(--color-outline);--icon-btn-shadow-off:0 4px 0 #b9add9;--icon-btn-press:translateY(3px);--icon-btn-bg-hover:var(--color-surface-strong);--shadow-pill:0 3px 0 var(--color-outline);--pill-blur:none;--bar-height:16px;--bar-border:2.5px solid var(--color-outline);--bar-track:var(--color-track);--bar-fill:repeating-linear-gradient(45deg, var(--color-progress) 0 10px, #57d9cc 10px 20px);--bar-fill-shadow:none;--avatar-border:var(--border);--avatar-shadow:inset 0 -8px 0 #0000001f;--size-avatar-xs:48px;--size-avatar-xs-font:26px;--size-avatar-sm:58px;--size-avatar-sm-font:30px;--size-avatar-md:64px;--size-avatar-md-font:34px;--size-avatar-lg:72px;--size-avatar-lg-font:38px;--size-avatar-xl:92px;--size-avatar-xl-font:50px;--mascot-outline:#2a1b5e;--mascot-stroke:5;--mascot-stroke-detail:3.5;--mascot-stroke-glasses:5;--mascot-fur:#c98d5f;--mascot-ear:#b9794f;--mascot-ear-inner:#ffb0c8;--mascot-belly:#f4d9b4;--mascot-eye:#fff;--mascot-glasses:#7b4dff;--mascot-cheek:#ff9db3;--mascot-cheek-opacity:.8;--mascot-book:#ff6b6b;--mascot-page:#fff;--mascot-glow:drop-shadow(0 10px 0 #2a1b5e2e);--mascot-mouth-open:#ff6b6b;--mascot-thought:#fffdf7;--mascot-acc-straw:#e8c26a;--mascot-acc-knob:#ff6b6b;--mascot-acc-raincoat:#ffd23f;--mascot-acc-bow:#ff8fc7;--mascot-acc-gold:#ffc23d;--mascot-acc-gem:#6ec1ff;--mascot-acc-scarf:#2ec4b6;--mascot-acc-light:#fffdf7;--mascot-acc-phones:#7b4dff;--mascot-acc-pad:#ffb627;--mascot-acc-parol:#ffb627;--mascot-acc-parol-cap:#ff6b6b;--mascot-acc-parol-tail:#5fcf5f;--mascot-acc-salamin:#ff6b6b;--mascot-acc-salamin-lens:#fffdf7;--mascot-acc-bag:#4fc3f7;--mascot-acc-bag-pocket:#ffb627;--mascot-acc-lupa:#2ec4b6;--mascot-acc-lupa-glass:#6ec1ff;--mascot-acc-lupa-handle:#ff6b6b;--mascot-acc-lapis:#ffd23f;--mascot-acc-lapis-eraser:#ff8fc7;--mascot-acc-lapis-wood:#f4d9b4;--mascot-acc-medal:#ffc23d;--mascot-acc-medal-ribbon:#ff6b6b;--mascot-acc-medal-ribbon-2:#6ec1ff;--mascot-acc-kapa:#7b4dff;--mascot-acc-kapa-star:#ffc23d;--mascot-acc-kabibe:#ffb627;--badge-ring-1:#b5651d;--badge-ring-2:#737b8c;--badge-ring-3:#a87a00;--badge-ring-4:#7b4dff;--badge-ring-width:3px;--badge-step-size:clamp(46px, 13cqw, 56px);--badge-step-glyph:clamp(17px, 5cqw, 20px);--badge-prize-size:clamp(50px, 14cqw, 58px);--badge-prize-glyph:clamp(20px, 6cqw, 24px);--badge-step-bg:var(--color-surface);--badge-step-got-bg:#ffe7a8;--badge-step-shadow:0 4px 0 var(--color-outline);--badge-step-next-outline:3px dashed var(--color-special);--badge-prize-bg:var(--color-special);--badge-prize-color:var(--color-on-special);--badge-pip-bg:var(--color-track);--badge-pip-on:var(--color-primary);--badge-pip-border:2px solid var(--color-outline);--badge-row-divider:2px dashed var(--color-track);--badge-item-faded:.45;--badge-new-size:clamp(9px, 2.6cqw, 10px);--badge-moment-dim:#2a1b5e73;--badge-moment-card-bg:var(--color-surface);--badge-moment-card-shadow:0 6px 0 var(--color-outline);--badge-moment-max:420px;--badge-burst:#ffb62747;--badge-medal-bg:var(--badge-step-got-bg);--badge-medal-border:4px solid var(--color-outline);--badge-medal-shadow:0 5px 0 var(--color-outline);--badge-medal-num-bg:var(--color-special);--badge-medal-num-color:var(--color-on-special);--badge-medal-size:clamp(76px, 24cqw, 110px);--badge-medal-top-size:clamp(64px, 19cqw, 88px);--badge-medal-row-size:clamp(56px, 16cqw, 76px);--badge-moment-mascot:clamp(84px, 26cqw, 120px);--badge-moment-mascot-top:clamp(110px, 34cqw, 150px);--color-placeholder:var(--color-locked-text);--color-error-text:#c23a3a;--color-error-bg:#fff4f4;--color-select:var(--color-special);--color-select-glow:#7b4dff38;--font-weight-strong:800;--shadow-raised:0 4px 0 var(--color-outline);--shadow-raised-pressed:0 1px 0 var(--color-outline);--shadow-raised-error:0 4px 0 var(--color-danger);--press-raised:translateY(3px);--shadow-choice:0 5px 0 var(--color-outline);--textarea-min-height:clamp(110px, 22vh, 180px);--input-shadow-focus:0 4px 0 var(--color-select), 0 0 0 5px var(--color-select-glow);--banner-bg-error:#ffe1c9;--banner-bg-warning:#fff0c2;--banner-bg-info:#e2f8f5;--chip-on-ring:inset 0 0 0 2.5px var(--color-outline);--avatar-picker-shadow:0 4px 0 var(--color-outline), inset 0 -6px 0 #0000001f;--preview-bg:var(--color-bg);--preview-border:2.5px solid var(--color-outline);--preview-dot-border:2.5px solid var(--color-outline);--preview-dot-1:var(--color-primary);--preview-dot-2:var(--color-danger);--preview-dot-3:var(--color-progress);--size-touch-target:44px;--scrim-bg:#2a1b5e8c;--scrim-blur:none;--sheet-bg:var(--color-surface);--sheet-radius:30px;--sheet-shadow:none;--grab-bg:var(--color-track);--grab-width:56px;--grab-height:6px;--sheet-x-size:38px;--sheet-x-font:16px;--sheet-x-radius:12px;--toast-bg:var(--color-text);--toast-color:#fff;--toast-border:0;--toast-shadow:0 5px 0 #00000040;--nav-bg:var(--color-surface);--nav-blur:none;--nav-item-color:var(--color-text);--nav-item-opacity:.65;--nav-icon-size:24px;--nav-icon-filter:grayscale(.6);--nav-icon-opacity:1;--nav-on-bg:#fff0c2;--nav-on-color:var(--color-text);--nav-wide-gap:8px;--nav-wide-radius:16px;--nav-wide-weight:600;--nav-wide-size:18px;--nav-wide-border:2.5px solid transparent;--nav-wide-on-border-color:var(--color-outline);--nav-wide-on-shadow:0 4px 0 var(--color-outline);--nav-wide-on-bg:var(--nav-on-bg);--navlogo-size:26px;--navlogo-bg:none;--navlogo-color:inherit;--menurow-border:2.5px dashed var(--color-track);--hi-small-color:#2a1b5ea6;--hi-name-size:22px;--avbtn-shadow:0 4px 0 var(--color-outline);--avbtn-badge-bg:var(--color-surface);--avbtn-badge-border:2.5px solid var(--color-outline);--skel-base:var(--color-track);--skel-shine:#f6f2fd;--skel-border-color:#b9add9;--skel-shadow:0 5px 0 #b9add9;--hero-bg:linear-gradient(165deg, #7b4dff 0%, #c650d8 45%, #ff6b8a 75%, #ffb627 100%);--hero-rays:repeating-conic-gradient(#ffffff17 0 8deg, transparent 8deg 16deg);--logo-color:#fff;--chip-bg-1:#d6f7f3;--chip-bg-2:#fff0c2;--chip-bg-3:#ffdcdc;--landing-white:#fff;--landing-deep:#0e0820;--landing-hero-bg:linear-gradient(160deg, #7b4dff 0%, #c650d8 42%, #ff6b8a 72%, #ffb627 100%);--landing-rays:repeating-conic-gradient(#ffffff17 0 8deg, transparent 8deg 16deg);--landing-rays-soft:repeating-conic-gradient(#ffffff12 0 8deg, transparent 8deg 16deg);--landing-ink-soft:#2a1b5e59;--landing-ink-pill:#2a1b5e9e;--landing-nav-stuck-shadow:0 6px 0 #2a1b5e26;--landing-phone-shadow:0 14px 0 var(--color-outline), 0 40px 60px #2a1b5e66;--landing-night:linear-gradient(#2b2370, #5a3fb0 60%, #3f8f5a 60%);--landing-moon:#fff3c4;--landing-tint-teal:#d6f7f3;--landing-tint-mango:#fff0c2;--landing-tint-coral:#ffdcdc;--landing-tint-grape:#e6dcff;--landing-art-books:linear-gradient(#ffdcdc, #ffb0c8);--landing-art-bugtong:linear-gradient(#e6dcff, #c9b6ff);--landing-art-journey:linear-gradient(#d6f7f3, #9fe8de);--landing-band-dots:radial-gradient(#ffffff12 2px, transparent 2px);--landing-pulse-on:#ffb627cc;--landing-pulse-off:#ffb62700;--landing-still-border:#fff6;--landing-shine:linear-gradient(100deg, transparent, #ffffffb3, transparent);--landing-input-inset:inset 0 3px 0 #2a1b5e14;--landing-h1-size:clamp(42px, 5.5cqw, 62px);--who-title-size:32px;--who-title-margin:8px;--who-sub-color:inherit;--who-sub-opacity:.7;--kids-gap:16px;--kid-radius:26px;--kid-bg:var(--color-surface);--kid-blur:none;--kid-shadow:0 7px 0 var(--color-outline);--kid-padding:18px 10px 16px;--kid-transition:transform .15s;--kid-hover-transform:translateY(-6px) rotate(-1.5deg);--kid-hover-bg:var(--color-surface);--kid-hover-border-color:var(--color-outline);--kid-active-transform:translateY(3px);--kid-active-shadow:0 2px 0 var(--color-outline);--kid-name-size:26px;--kid-name-weight:700;--kid-small-size:13px;--kid-small-weight:700;--kid-small-color:inherit;--kid-small-opacity:.75;--kid-small-line-height:normal;--kid-add-opacity:.8;--kid-add-avatar-bg:var(--color-track);--kid-add-avatar-color:var(--color-disabled-text);--kid-add-avatar-shadow:var(--avatar-shadow);--kid-add-glyph-size:44px;--kid-add-glyph-weight:600;--parent-link-weight:600;--parent-link-color:inherit;--parent-link-opacity:.65;--node-size:86px;--node-now-size:98px;--node-font-size:34px;--node-font-weight:700;--node-bg:var(--color-success);--node-color:inherit;--node-border:var(--border);--node-shadow:0 7px 0 var(--color-outline);--node-transition:transform .12s;--node-now-bg:var(--color-primary);--node-now-color:inherit;--node-now-border:var(--border);--node-now-shadow:0 7px 0 var(--color-outline);--node-lock-bg:var(--color-track);--node-lock-color:var(--color-locked-text);--node-lock-border:3px solid var(--color-disabled-outline);--node-lock-shadow:0 7px 0 #b9add9;--node-lock-blur:none;--node-stars-top:-14px;--node-stars-size:16px;--node-stars-filter:drop-shadow(0 2px 0 var(--color-outline));--nlabel-family:var(--font-head);--nlabel-size:14px;--nlabel-weight:600;--nlabel-color:inherit;--nlabel-bg:var(--color-surface);--nlabel-border:2.5px solid var(--color-outline);--nlabel-radius:12px;--nlabel-shadow:0 3px 0 var(--color-outline);--nlabel-blur:none;--nlabel-lock-bg:var(--color-track);--nlabel-lock-color:var(--color-locked-text);--nlabel-lock-border-color:var(--color-disabled-outline);--nlabel-lock-shadow:0 3px 0 #b9add9;--nlabel-now-bg:var(--color-primary);--nlabel-now-color:inherit;--nlabel-now-border-color:var(--color-outline);--lv-radius:16px;--lv-border:var(--border);--lv-bg:var(--color-surface);--lv-shadow:0 4px 0 var(--color-outline);--lv-size:15px;--lv-weight:600;--lv-emoji-size:24px;--lv-done-bg:#d9f7d6;--lv-done-border-color:var(--color-outline);--lv-now-bg:var(--color-primary);--lv-now-border-color:var(--color-outline);--lv-now-shadow:0 4px 0 var(--color-outline);--lv-lock-bg:var(--color-track);--lv-lock-color:var(--color-locked-text);--lv-lock-border-color:var(--color-disabled-outline);--lv-lock-shadow:0 4px 0 #b9add9;--lv-lock-opacity:1;--zone-bg:linear-gradient(90deg, var(--color-accent), #ffb0d9);--zone-emoji-size:40px;--zone-bob-duration:3s;--zone-eyebrow-size:13px;--zone-eyebrow-spacing:0;--zone-eyebrow-color:inherit;--zone-eyebrow-opacity:.8;--path-stroke-1:#2a1b5e40;--path-stroke-1-width:12px;--path-stroke-2:#fff;--path-stroke-2-width:5px;--path-dash:1 14;--dest-width:170px;--arrival-art-width:clamp(120px, 52vw, 190px);--dest-art-width:120px;--dest-art-height:80px;--postcard-art-width:84px;--postcard-art-height:56px;--trip-thumb-width:48px;--trip-thumb-height:32px;--place-art-radius:10px;--place-thumb-radius:8px;--place-art-border:2px solid var(--color-outline);--dest-emoji-size:56px;--dest-eyebrow-size:10px;--dest-eyebrow-spacing:1px;--dest-eyebrow-color:inherit;--dest-eyebrow-opacity:.65;--dest-name-size:17px;--arrived-bg:var(--color-primary);--arrived-color:var(--color-on-primary);--arrived-border:3px solid var(--color-outline);--arrived-shadow:0 4px 0 var(--color-outline);--arrived-transform:rotate(-2deg);--arrived-weight:var(--font-weight-head);--ring-size:110px;--ring-border:var(--border);--ring-shadow:0 5px 0 var(--color-outline);--ring-fill:var(--color-progress);--ring-track:var(--color-track);--ring-inner-size:78px;--ring-inner-bg:var(--color-surface);--ring-inner-border:var(--border);--ring-text-weight:700;--steps-height:12px;--steps-border:2.5px solid var(--color-outline);--steps-bg:var(--color-track);--steps-on:var(--color-progress);--steps-cur:var(--color-primary);--steps-cur-shadow:none;--star-fill-from:#ffb627;--star-fill-to:#ffb627;--star-stroke:var(--color-outline);--star-stroke-width:6;--star-highlight-opacity:1;--star-highlight:#fff3c4;--star-size:clamp(54px, 21cqw, 88px);--star-size-mid:clamp(70px, 27cqw, 112px);--star-mid-lift:14px;--star-filter:drop-shadow(0 6px 0 var(--color-outline));--star-off-opacity:.3;--stat-padding:10px 6px;--stat-value-size:28px;--stat-value-weight:700;--stat-label-color:inherit;--stat-label-opacity:.75;--word-bg:linear-gradient(transparent 52%, #ffd980 52%);--word-color:inherit;--word-weight:inherit;--word-pad:0 3px;--word-radius:8px;--word-underline:0;--word-hover-transform:translateY(-3px) rotate(-2deg);--word-hover-glow:none;--word-got-bg:linear-gradient(transparent 52%, #9fe9df 52%);--word-got-color:inherit;--word-got-underline:0;--word-seen-bg:linear-gradient(transparent 52%, #8fcbff 52%);--word-seen-color:inherit;--word-seen-underline:0;--seen-note-bg:#d9eeff;--seen-note-color:var(--color-text);--wchk-right:-2px;--wchk-top:-14px;--wchk-size:19px;--wchk-font:13px;--wchk-bg:var(--color-progress);--wchk-color:#fff;--wchk-border:2px solid var(--color-outline);--collect-row-family:var(--font-head);--collect-row-size:15px;--collect-row-weight:600;--collect-row-color:inherit;--slot-max:44px;--slot-border:2.5px dashed var(--color-disabled-text);--slot-radius:12px;--slot-size:20px;--slot-color:#c3bbdc;--slot-f-border:2.5px solid var(--color-outline);--slot-f-bg:var(--color-primary);--slot-f-color:var(--color-text);--slot-f-shadow:none;--slot-pop-duration:.4s;--slot-seen-border:2.5px solid var(--color-outline);--slot-seen-bg:#8fcbff;--slot-seen-color:var(--color-text);--spk-size:38px;--spk-radius:12px;--spk-border:2.5px solid var(--color-outline);--spk-bg:var(--color-info);--spk-shadow:0 3px 0 var(--color-outline);--spk-font:17px;--spk-hover-bg:var(--color-info);--spk-playing-bg:var(--color-accent);--spk-active-transform:translateY(2px);--spk-active-shadow:0 1px 0 var(--color-outline);--sticker-bg:var(--color-primary);--sticker-border:var(--border);--sticker-radius:12px;--sticker-pad:4px 10px;--sticker-size:14px;--sticker-weight:600;--sticker-color:inherit;--sticker-rotate:-4deg;--sticker-shadow:0 3px 0 var(--color-outline);--sticker-blur:none;--play-size:64px;--play-border:var(--border);--play-bg:var(--color-info);--play-shadow:0 5px 0 var(--color-outline);--play-font:26px;--play-on-bg:var(--color-accent);--play-active-transform:translateY(4px);--play-active-shadow:0 1px 0 var(--color-outline);--eq-bar-width:5px;--eq-bar-bg:var(--color-outline);--word-title-weight:var(--font-weight-head);--syll-size:15px;--syll-weight:700;--syll-color:inherit;--syll-opacity:.7;--syll-spacing:2px;--syll-margin-top:0;--meanings-margin:14px 0;--mean-border:2.5px solid var(--color-outline);--mean-radius:14px;--mean-pad:6px 12px;--mean-size:16px;--mean-fil-bg:#d6f7f3;--mean-en-bg:#fff0c2;--mean-fil-border-color:var(--color-outline);--mean-en-border-color:var(--color-outline);--mean-small-size:11px;--mean-small-weight:800;--mean-small-spacing:1px;--mean-small-color:inherit;--mean-small-opacity:.7;--mean-small-margin:0;--ex-bg:var(--color-bg);--ex-border:2.5px dashed var(--color-outline);--ex-border-left:2.5px dashed var(--color-outline);--ex-radius:16px;--ex-size:18px;--ex-em-size:14px;--ex-em-color:inherit;--ex-em-opacity:.65;--mark-bg:#ffd980;--mark-color:inherit;--mark-pad:0 3px;--note-color:inherit;--note-opacity:.65;--opt-border:var(--border);--opt-radius:20px;--opt-bg:var(--color-surface);--opt-shadow:0 6px 0 var(--color-outline);--opt-blur:none;--opt-size:24px;--opt-weight:600;--opt-transition:transform .1s;--opt-hover-transform:translateY(-3px);--opt-hover-bg:var(--color-surface);--opt-hover-border-color:var(--color-outline);--opt-active-transform:translateY(4px);--opt-active-shadow:0 2px 0 var(--color-outline);--opt-l-size:44px;--opt-l-radius:13px;--opt-l-border:var(--border);--opt-l-font:22px;--opt-l-1-bg:var(--color-special);--opt-l-2-bg:var(--color-progress);--opt-l-3-bg:var(--color-danger);--opt-l-1-color:#fff;--opt-l-2-color:var(--color-text);--opt-l-3-color:var(--color-text);--opt-right-bg:#c9f5c4;--opt-right-border-color:var(--color-outline);--opt-right-shadow:0 6px 0 var(--color-outline);--opt-wrong-bg:#ffd0d0;--opt-wrong-border-color:var(--color-outline);--fb-border:var(--border);--fb-radius:22px;--fb-shadow:0 6px 0 var(--color-outline);--fb-blur:none;--fb-ok-bg:#c9f5c4;--fb-ok-border-color:var(--color-outline);--fb-no-bg:#ffe1c9;--fb-no-border-color:var(--color-outline);--fb-title-size:22px;--fb-title-weight:700;--fb-small-size:14px;--fb-small-weight:700;--fb-small-color:inherit;--fb-small-opacity:.7;--fb-btn-size:19px;--confetti-1:#ffb627;--confetti-2:#ff6b6b;--confetti-3:#2ec4b6;--confetti-4:#7b4dff;--confetti-5:#5fcf5f;--confetti-6:#6ec1ff;--confetti-7:#ff8fc7;--confetti-stroke:var(--color-outline);--bubble-bg:#fff;--bubble-border:var(--border);--bubble-radius:16px;--bubble-size:16px;--bubble-weight:600;--bubble-shadow:0 4px 0 var(--color-outline);--bubble-blur:none;--bubble-bob-duration:2s;--bubble-arrow:var(--color-outline);--bubble-arrow-size:9px;--guide-mascot-size:110px;--guide-mascot-duration:2.4s;--xp-pad:10px 14px;--xp-row-family:var(--font-head);--xp-row-size:14px;--xp-row-weight:600;--xp-row-color:inherit;--xp-row-margin:6px;--xp-lead-family:var(--font-head);--xp-lead-size:14px;--xp-lead-weight:600;--xp-lead-color:inherit;--aside-h3-size:18px;--aside-hint-color:inherit;--aside-hint-opacity:.7;--tip-card-bg:#e2f8f5;--tip-card-border-color:var(--color-outline);--tip-text-color:inherit;--aside-chip-weight:700;--aside-chip-color:inherit;--aside-chip-border:2.5px solid var(--color-outline);--aside-chip-pad:5px 12px;--aside-chip-bg-rest:var(--color-surface);--mecard-row-family:var(--font-head);--mecard-row-size:16px;--mecard-row-weight:600;--mecard-row-color:inherit;--mecard-text-size:15px;--rtip-bg:#e2f8f5;--rtip-border:var(--border);--rtip-size:15px;--rtip-weight:800;--rtip-line-height:normal;--rtip-mascot-size:54px;--rtip-mark-bg:#ffd980;--rtip-mark-color:inherit;--rtip-mark-weight:700;--rtip-mark-pad:0 4px;--rtip-mark-radius:6px;--passage-pad:18px 18px 8px;--passage-gap:14px;--sent-gap:10px;--sent-size:23px;--sent-weight:800;--sent-size-wide:27px;--sent-size-xwide:27px;--opt-size-wide:28px;--opt-size-xwide:28px;--qbubble-size:20px;--qbubble-radius:20px;--qbubble-line-height:1.25;--qbubble-arrow-offset:-9px;--qbubble-play-state:paused;--qmascot-duration:2.6s;--qopts-gap:14px;--reward-bg:linear-gradient(180deg, #7b4dff, #b04fe0 60%, #ff6b8a);--reward-rays:repeating-conic-gradient(#ffffff1f 0 9deg, transparent 9deg 18deg);--reward-rays-duration:40s;--reward-h1-size:clamp(36px, 11cqw, 58px);--reward-h1-weight:var(--font-weight-head);--reward-h1-color:#fff;--reward-h1-bg:none;--reward-h1-clip:border-box;--reward-h1-stroke:8px var(--color-outline);--reward-h1-shadow:0 6px 0 var(--color-outline);--reward-h1-filter:none;--reward-mascot-size:120px;--badge-bg:var(--color-primary);--badge-border:var(--border);--badge-radius:20px;--badge-shadow:0 5px 0 var(--color-outline);--badge-rotate:-1.5deg;--badge-pad:10px 16px;--badge-emoji-size:38px;--badge-small-size:12px;--badge-small-spacing:1px;--badge-small-color:inherit;--badge-small-opacity:.8;--badge-title-size:20px;--badge-title-weight:700;--lvlflower-size:clamp(90px, 30cqw, 130px);--lvlflower-filter:drop-shadow(0 8px 0 var(--color-outline));--unlock-small-color:inherit;--unlock-small-spacing:1px;--unlock-small-opacity:.65;--unlock-title-size:20px;--unlock-title-weight:700;--hero2-teal-bg:linear-gradient(90deg, #d6f7f3, #9fe9df);--hero2-mango-bg:linear-gradient(90deg, #fff0c2, var(--color-primary));--hero2-big-size:40px;--hero2-sub-size:13px;--hero2-sub-opacity:.8;--streak-pad:12px 14px;--streak-row-size:16px;--streak-day-bg:var(--color-track);--streak-day-border:2.5px solid var(--color-disabled-outline);--streak-day-color:#c3bbdc;--streak-done-bg:var(--color-primary);--streak-done-border-color:var(--color-outline);--streak-done-color:var(--color-text);--streak-pop-duration:.4s;--streak-today-bg:var(--color-surface);--streak-today-border-color:var(--color-outline);--streak-today-border-style:dashed;--bt-radius:22px;--bt-pad:12px 8px 10px;--bt-bg-a:var(--color-primary);--bt-bg-b:var(--color-accent);--bt-bg-c:#9fe9df;--bt-border:var(--border);--bt-shadow:0 5px 0 var(--color-outline);--bt-rotate-a:-1.5deg;--bt-rotate-b:1.5deg;--bt-lock-bg:var(--color-track);--bt-lock-color:var(--color-locked-text);--bt-lock-border-color:var(--color-disabled-outline);--bt-lock-shadow:0 5px 0 #b9add9;--bt-small-opacity:.8;--bt-lock-small-opacity:1;--wcard-radius:20px;--wcard-bg:var(--color-surface);--wcard-new-bg:#fff0c2;--wcard-border:var(--border);--wcard-shadow:0 5px 0 var(--color-outline);--wcard-shadow-pressed:0 1px 0 var(--color-outline);--wcard-hover-transform:translateY(-4px) rotate(-1deg);--wcard-lock-border:3px dashed var(--color-disabled-outline);--wcard-lock-color:var(--color-locked-text);--wcard-word-size:24px;--wcard-word-min:15px;--wcard-word-fit:1.6;--wcard-fit-fallback:195px;--wcard-long-drop:20px;--wcard-star-filter:drop-shadow(0 1px 0 var(--color-outline));--wgrid-min:150px;--z-overlay:100;--anim-nudge:sticker-nudge 2.4s ease-in-out infinite;--anim-start-pulse:sticker-start-pulse 1.8s infinite;--anim-node-land:sticker-node-pop .5s cubic-bezier(.2, 1.6, .4, 1), sticker-pulse 1.8s .5s infinite;--anim-say-show:sticker-pop .4s cubic-bezier(.2, 1.6, .4, 1);--mapchip-border:2.5px solid var(--color-outline);--mapchip-bg:var(--color-surface);--mapchip-shadow:0 3px 0 var(--color-outline);--mapchip-weight:600;--map-width:300px;--map-sea-fill:#9fe9df;--map-sea-opacity:.35;--map-isle-fill:var(--color-success);--map-isle-stroke:var(--color-outline);--map-isle-stroke-width:2.5;--map-route-stroke:var(--color-outline);--map-route-width:2.5;--map-route-opacity:.6;--stop-size:40px;--stop-border:2.5px solid var(--color-outline);--stop-bg:var(--color-surface);--stop-shadow:0 3px 0 var(--color-outline);--stop-reached-bg:var(--color-primary);--stop-reached-border-color:var(--color-outline);--stop-later-bg:var(--color-track);--stop-later-border-color:var(--color-disabled-outline);--stop-later-shadow:0 3px 0 #b9add9;--stop-later-emoji-opacity:.55;--stop-ok-bg:var(--color-success);--stop-ok-border:2px solid var(--color-outline);--stop-ok-color:inherit;--stop-label-font:var(--font-head);--stop-label-weight:600;--stop-label-bg:var(--color-surface);--stop-label-border:2px solid var(--color-outline);--stop-label-color:inherit;--stop-label-later-bg:var(--color-track);--stop-label-later-border-color:var(--color-disabled-outline);--stop-label-later-color:var(--color-locked-text);--map-tarsi-size:42px;--stops-border:2px solid var(--color-outline);--stops-bg:var(--color-surface);--stops-weight:600;--ltile-bw:3px;--ltile-radius:20px;--ltile-shadow-geometry:0 5px 0;--ltile-1-bg:#6ec1ff;--ltile-2-bg:#5fcf5f;--ltile-3-bg:#ff8fc7;--ltile-4-bg:#2ec4b6;--ltile-5-bg:#ffb627;--ltile-6-bg:#ffb27a;--ltile-1-fg:var(--color-text);--ltile-2-fg:var(--color-text);--ltile-3-fg:var(--color-text);--ltile-4-fg:var(--color-text);--ltile-5-fg:var(--color-text);--ltile-6-fg:var(--color-text);--ltile-1-border:var(--color-outline);--ltile-2-border:var(--color-outline);--ltile-3-border:var(--color-outline);--ltile-4-border:var(--color-outline);--ltile-5-border:var(--color-outline);--ltile-6-border:var(--color-outline);--ltile-1-shadow:var(--color-outline);--ltile-2-shadow:var(--color-outline);--ltile-3-shadow:var(--color-outline);--ltile-4-shadow:var(--color-outline);--ltile-5-shadow:var(--color-outline);--ltile-6-shadow:var(--color-outline);--ltile-next-bg:var(--color-surface);--ltile-next-fg:var(--color-text);--ltile-next-border:var(--color-outline);--ltile-lock-bg:var(--color-track);--ltile-lock-fg:var(--color-locked-text);--ltile-lock-border:var(--color-disabled-outline);--ltile-lock-shadow:0 5px 0 #b9add9;--ltile-pic-bg:var(--color-surface);--ltile-pic-border:2.5px solid var(--color-outline);--lgrp-now-bg:#fff0c2;--lgrp-now-border:var(--color-outline);--lgrp-now-shadow:var(--shadow-card);--lgrp-lock-bg:var(--color-track);--lgrp-lock-border:var(--color-disabled-outline);--lgrp-lock-shadow:0 5px 0 #b9add9;--lgrp-lock-color:var(--color-locked-text);--bigletter-radius:34px;--bigletter-shadow-geometry:0 9px 0;--bigletter-tap-bg:var(--color-primary);--secrow-radius:20px;--book-paper:#fffdf7;--book-page-edge:#2a1b5e66;--book-spine-shadow:#2a1b5e38;--book-fold-shadow:#2a1b5e80;--pantig-slide-ms:.7s;--anim-pantig-slide:sticker-pantig-slide var(--pantig-slide-ms) cubic-bezier(.2, 1.3, .4, 1) both;--pantig-slide-distance:clamp(40px, 14cqw, 80px);--pantig-tile-size:clamp(64px, 20cqw, 96px);--pantig-tile-glyph:clamp(34px, 11cqw, 52px);--pantig-result-width:clamp(130px, 44cqw, 200px);--pantig-result-glyph:clamp(36px, 12cqw, 56px);--pantig-cell-size:clamp(44px, 14cqw, 64px);--pantig-cell-glyph:clamp(17px, 5.5cqw, 24px);--pantig-vowel-size:clamp(52px, 16cqw, 80px);--pantig-vowel-glyph:clamp(24px, 8cqw, 36px);--pantig-result-bg:#ffe7a8;--pantig-result-fg:var(--color-text);--pantig-result-border:var(--color-outline);--pantig-result-shadow:var(--color-outline);--pantig-word-width:clamp(150px, 52cqw, 240px);--pantig-word-height:clamp(76px, 24cqw, 116px);--pantig-picture-size:clamp(72px, 24cqw, 120px);--pantig-phrase-glyph:clamp(28px, 10cqw, 48px);--pantig-story-glyph:clamp(22px, 7cqw, 34px);--pantig-story-picture:clamp(180px, 70cqw, 420px);--pantig-underline:4px dotted var(--color-special);--pantig-find-glyph:clamp(30px, 11cqw, 56px);--pantig-find-bg:var(--ltile-next-bg);--pantig-find-fg:var(--ltile-next-fg);--pantig-find-border:var(--ltile-next-border);--pantig-find-shadow:var(--color-outline);--pantig-read-word-glyph:clamp(36px, 16cqw, 64px);--picture-option-blank-bg:var(--color-track);--pantig-slot-size:clamp(64px, 22cqw, 104px);--pantig-slot-glyph:clamp(30px, 11cqw, 56px);--pantig-slot-gap:clamp(8px, 3cqw, 16px);--pantig-slot-radius:var(--ltile-radius);--pantig-slot-empty-border:var(--ltile-bw) dashed var(--color-text-muted);--pantig-slot-empty-bg:transparent;--pantig-slot-active-border:var(--ltile-bw) dashed var(--color-special);--pantig-slot-active-bg:var(--color-surface);--pantig-slot-filled-bg:var(--pantig-result-bg);--pantig-slot-filled-fg:var(--pantig-result-fg);--pantig-slot-filled-border:var(--ltile-bw) solid var(--pantig-result-border);--pantig-slot-filled-shadow:var(--ltile-shadow-geometry) var(--pantig-result-shadow);--anim-pantig-fill:sticker-pantig-fill .35s cubic-bezier(.2, 1.3, .4, 1) both;--pantig-chart-label:clamp(24px, 8cqw, 36px);--pantig-chart-gap:clamp(4px, 1.5cqw, 7px);--pantig-chart-max:480px;--pantig-chart-glyph:clamp(17px, 4.6cqw, 22px);--pantig-chart-radius:12px;--pantig-chart-shadow-geometry:0 3px 0;--pantig-chart-head-color:var(--color-text-muted);--pantig-now-bg:var(--color-surface);--pantig-now-fg:var(--color-text);--pantig-now-border:var(--color-outline);--pantig-now-outline:3px dashed var(--color-special);--pantig-chart-lock-bg:var(--ltile-lock-bg);--pantig-chart-lock-fg:var(--ltile-lock-fg);--pantig-chart-lock-border:var(--ltile-lock-border);--pantig-chart-lock-shadow:0 3px 0 var(--color-disabled-outline);--pantig-strip-item-width:clamp(120px, 34cqw, 168px);--pantig-strip-radius:var(--lv-radius);--pantig-strip-border:var(--lv-border);--pantig-strip-bg:var(--lv-bg);--pantig-strip-shadow:var(--lv-shadow);--pantig-strip-meta-color:var(--color-text-muted);--pantig-strip-done-bg:var(--lv-done-bg);--pantig-strip-done-border-color:var(--lv-done-border-color);--pantig-strip-lock-bg:var(--lv-lock-bg);--pantig-strip-lock-color:var(--lv-lock-color);--pantig-strip-lock-border-color:var(--lv-lock-border-color);--pantig-strip-lock-shadow:var(--lv-lock-shadow);--pantig-strip-lock-opacity:var(--lv-lock-opacity);--wod-strip-bg:var(--color-primary);--wod-strip-text:var(--color-on-primary);--wod-strip-ring:var(--color-special)}[data-theme=midnight]{--color-text:#eef1ff;--color-text-muted:#9ba5d8;--color-outline:#ffffff21;--color-bg:#0b0f2a;--color-surface:#ffffff0f;--color-surface-strong:#ffffff1c;--color-primary:#5eead4;--color-danger:#fb7185;--color-progress:#5eead4;--color-special:#a78bfa;--color-success:#4ade80;--color-info:#7cc4ff;--color-accent:#fbbf24;--color-track:#ffffff21;--color-on-primary:#06232b;--color-on-special:#150c3d;--color-disabled-bg:#ffffff0f;--color-disabled-text:#9ba5d8;--color-locked-text:var(--color-text-muted);--color-disabled-outline:#ffffff21;--btn-bg-primary:linear-gradient(135deg, #5eead4, #7cc4ff);--btn-bg-ghost:#ffffff1c;--btn-bg-green:linear-gradient(135deg, #4ade80, #5eead4);--btn-bg-grape:linear-gradient(135deg, #a78bfa, #7cc4ff);--border:1px solid var(--color-outline);--shadow-rest:0 8px 26px #5eead447, inset 0 1px 0 #ffffff8c;--shadow-hover:0 12px 32px #5eead466, inset 0 1px 0 #ffffff8c;--shadow-pressed:0 12px 32px #5eead466, inset 0 1px 0 #ffffff8c;--shadow-disabled:inset 0 0 0 1px var(--color-outline);--shadow-card:none;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-btn:16px;--radius-card:22px;--radius-icon-btn:14px;--radius-pill:999px;--surface-blur:blur(12px);--app-bg-image:radial-gradient(120% 70% at 85% -10%, #2b2478 0%, transparent 55%), radial-gradient(90% 55% at -10% 105%, #0d4a66 0%, transparent 60%);--font-head:var(--font-outfit), ui-rounded, system-ui, sans-serif;--font-body:var(--font-dm-sans), system-ui, sans-serif;--font-glyph:system-ui, sans-serif;--font-weight-glyph:600;--font-weight-head:600;--font-weight-body:500;--line-height-head:1.15;--dots-bg:transparent;--dots-image:radial-gradient(#ffffff12 1.5px, transparent 1.5px);--dots-size:28px 28px;--avatar-bg-lion:linear-gradient(145deg, #f7c96a, #e08f3c);--avatar-bg-dolphin:linear-gradient(145deg, #6be0d3, #3b8fd6);--avatar-bg-parrot:linear-gradient(145deg, #f5a6d0, #d4629e);--avatar-bg-turtle:linear-gradient(145deg, #9fdc97, #4fa863);--avatar-bg-fox:linear-gradient(145deg, #f7a86f, #d9703a);--avatar-bg-octopus:linear-gradient(145deg, #b99cf5, #7a5ad6);--avatar-bg-panda:linear-gradient(145deg, #d0dcf5, #8e9fc9);--avatar-bg-butterfly:linear-gradient(145deg, #85c7f5, #4a8fd6);--avatar-bg-carabao:linear-gradient(145deg, #d4c1a6, #8f7a5e);--avatar-bg-eagle:linear-gradient(145deg, #f2e68f, #b59c2e);--avatar-bg-whale_shark:linear-gradient(145deg, #a9cdf0, #4f7fb0);--avatar-bg-crab:linear-gradient(145deg, #ffa595, #d4583f);--avatar-bg-frog:linear-gradient(145deg, #bfe97c, #5fa83a);--avatar-bg-owl:linear-gradient(145deg, #e8d2ae, #a98a5a);--avatar-bg-rabbit:linear-gradient(145deg, #ffd9e3, #d98fa6);--avatar-bg-monkey:linear-gradient(145deg, #e0a577, #a65f35);--avatar-bg-chicken:linear-gradient(145deg, #ffccae, #d9783e);--avatar-bg-cat:linear-gradient(145deg, #ffeeb0, #d9aa3a);--avatar-bg-dog:linear-gradient(145deg, #b3d1c9, #5f948a);--avatar-bg-fish:linear-gradient(145deg, #ff9aad, #d4506b);--frame-ring:var(--color-primary);--frame-ring-width:2px;--frame-ring-offset:4px;--frame-bead-scale:.42;--gift-bg:radial-gradient(circle at 50% 40%, #3b2a8a, #150c3d 75%);--gift-ray:#a78bfa29;--gift-text:var(--color-text);--gift-box-body:#a78bfa;--gift-box-lid:#fb7185;--gift-box-ribbon:#fbbf24;--gift-box-line:#150c3d;--gift-choice-bg:var(--color-surface);--gift-choice-on-bg:#a78bfa38;--gift-choice-shadow:0 0 18px #a78bfa40;--gift-box-size:clamp(180px, 56cqw, 320px);--gift-mascot-size:clamp(96px, 30cqw, 170px);--gift-title-size:clamp(28px, 8cqw, 40px);--gift-sub-size:clamp(14px, 3.6cqw, 17px);--gift-choice-size:clamp(76px, 22cqw, 100px);--gift-choice-glyph:clamp(32px, 9cqw, 42px);--closet-mascot-size:clamp(120px, 40cqw, 180px);--closet-item-bg:var(--color-surface-strong);--closet-item-shadow:var(--shadow-raised);--closet-item-on-bg:var(--gift-choice-on-bg);--closet-lock-bg:var(--bt-lock-bg);--closet-lock-color:var(--bt-lock-color);--closet-lock-border-color:var(--bt-lock-border-color);--closet-lock-shadow:var(--bt-lock-shadow);--album-sea:#121a44;--album-land:#1d5a5a;--album-coast:#5eead499;--album-empty:#ffffff14;--album-empty-line:var(--color-text-muted);--album-sticker-bg:#1b2353;--album-sticker-shadow:0 0 14px #5eead44d;--album-label-bg:#0b0f2ae0;--album-label-line:var(--color-outline);--album-sticker-size:clamp(28px, 9cqw, 44px);--album-map-max:400px;--anim-screen-in:midnight-in .4s ease;--anim-mascot-bob:midnight-bob 4s ease-in-out infinite;--anim-mascot-blink:midnight-blink 5s infinite;--anim-tarsi-hop:midnight-hop .5s ease-out;--anim-gift-wobble:midnight-gift-wobble 2.2s ease-in-out infinite;--anim-gift-lid:midnight-gift-lid .6s cubic-bezier(.3, .6, .5, 1) both;--anim-gift-pop:midnight-gift-pop .45s cubic-bezier(.2, .9, .3, 1) both;--anim-gift-fly:midnight-gift-fly .8s cubic-bezier(.5, 0, .7, .4) both;--anim-badge-pop:midnight-badge-pop .7s cubic-bezier(.2, .9, .3, 1) both;--anim-rays:midnight-spin 80s linear infinite;--anim-float:midnight-float 6s ease-in-out infinite;--anim-pulse:midnight-pulse 2.2s infinite;--anim-pop:midnight-pop .45s;--anim-fade:midnight-fade .2s;--anim-sheet-up:midnight-up .4s cubic-bezier(.2, .9, .3, 1);--anim-eq:midnight-eq .5s ease-in-out infinite alternate;--anim-bounce:midnight-bounce .5s;--anim-shake:midnight-shake .4s;--anim-starpop:midnight-starpop .8s cubic-bezier(.2, 1.4, .4, 1) forwards;--anim-dots:midnight-ldb .9s ease-in-out infinite;--anim-shimmer:midnight-shim 1.3s linear infinite;--color-focus:#5eead4;--color-danger-soft:#fb718538;--btn-border:0;--btn-transition:transform .15s, box-shadow .15s, filter .15s;--btn-lift:translateY(-2px);--btn-press:scale(.98);--btn-hover-filter:none;--btn-bg-danger:var(--color-danger);--btn-bg-ghost-hover:#ffffff29;--btn-shadow-danger:0 8px 26px #fb71854d, inset 0 1px 0 #ffffff80;--btn-shadow-green:0 8px 26px #4ade8047, inset 0 1px 0 #ffffff80;--btn-shadow-grape:0 8px 26px #a78bfa52, inset 0 1px 0 #ffffff80;--mini-border:var(--border);--mini-shadow:none;--mini-shadow-pressed:none;--icon-btn-shadow:none;--icon-btn-shadow-pressed:none;--icon-btn-shadow-off:none;--icon-btn-press:none;--icon-btn-bg-hover:#ffffff2e;--shadow-pill:none;--pill-blur:blur(10px);--bar-height:8px;--bar-border:0;--bar-track:#ffffff1a;--bar-fill:linear-gradient(90deg, var(--color-progress), var(--color-info));--bar-fill-shadow:0 0 14px #5eead499;--avatar-border:2px solid #ffffff40;--avatar-shadow:0 0 30px #7cc4ff33;--size-avatar-xs:46px;--size-avatar-xs-font:24px;--size-avatar-sm:58px;--size-avatar-sm-font:30px;--size-avatar-md:64px;--size-avatar-md-font:34px;--size-avatar-lg:72px;--size-avatar-lg-font:38px;--size-avatar-xl:88px;--size-avatar-xl-font:46px;--mascot-outline:#1b1a4a;--mascot-stroke:4;--mascot-stroke-detail:3;--mascot-stroke-glasses:4.5;--mascot-fur:#cf9970;--mascot-ear:#b98460;--mascot-ear-inner:#f3a9c0;--mascot-belly:#f4dfc2;--mascot-eye:#fff;--mascot-glasses:#5eead4;--mascot-cheek:#f59bb3;--mascot-cheek-opacity:.7;--mascot-book:#8b7cf6;--mascot-page:#e9e4ff;--mascot-glow:drop-shadow(0 12px 22px #7cc4ff38);--mascot-mouth-open:#fb7185;--mascot-thought:#e9e4ff;--mascot-acc-straw:#e2c27c;--mascot-acc-knob:#fb7185;--mascot-acc-raincoat:#fde047;--mascot-acc-bow:#f9a8d4;--mascot-acc-gold:#fbbf24;--mascot-acc-gem:#7cc4ff;--mascot-acc-scarf:#5eead4;--mascot-acc-light:#e9e4ff;--mascot-acc-phones:#a78bfa;--mascot-acc-pad:#5eead4;--mascot-acc-parol:#fbbf24;--mascot-acc-parol-cap:#fb7185;--mascot-acc-parol-tail:#4ade80;--mascot-acc-salamin:#fb7185;--mascot-acc-salamin-lens:#e9e4ff;--mascot-acc-bag:#7cc4ff;--mascot-acc-bag-pocket:#fbbf24;--mascot-acc-lupa:#5eead4;--mascot-acc-lupa-glass:#7cc4ff;--mascot-acc-lupa-handle:#fb7185;--mascot-acc-lapis:#fde047;--mascot-acc-lapis-eraser:#f9a8d4;--mascot-acc-lapis-wood:#f4dfc2;--mascot-acc-medal:#fbbf24;--mascot-acc-medal-ribbon:#fb7185;--mascot-acc-medal-ribbon-2:#7cc4ff;--mascot-acc-kapa:#a78bfa;--mascot-acc-kapa-star:#fbbf24;--mascot-acc-kabibe:#fbbf24;--badge-ring-1:#e0a370;--badge-ring-2:#c8cede;--badge-ring-3:#fbbf24;--badge-ring-4:#a78bfa;--badge-ring-width:2px;--badge-step-size:clamp(46px, 13cqw, 56px);--badge-step-glyph:clamp(17px, 5cqw, 20px);--badge-prize-size:clamp(50px, 14cqw, 58px);--badge-prize-glyph:clamp(20px, 6cqw, 24px);--badge-step-bg:var(--color-surface-strong);--badge-step-got-bg:var(--gift-choice-on-bg);--badge-step-shadow:0 0 0 transparent;--badge-step-next-outline:2px dashed var(--color-special);--badge-prize-bg:var(--color-special);--badge-prize-color:var(--color-on-special);--badge-pip-bg:var(--color-track);--badge-pip-on:var(--color-primary);--badge-pip-border:1px solid var(--color-outline);--badge-row-divider:1px dashed var(--color-track);--badge-item-faded:.45;--badge-new-size:clamp(9px, 2.6cqw, 10px);--badge-moment-dim:#05071a99;--badge-moment-card-bg:var(--sheet-bg);--badge-moment-card-shadow:0 20px 60px #0006;--badge-moment-max:420px;--badge-burst:#a78bfa29;--badge-medal-bg:linear-gradient(var(--badge-step-got-bg), var(--badge-step-got-bg)), #1a2058;--badge-medal-border:2px solid var(--color-special);--badge-medal-shadow:0 0 24px #a78bfa59;--badge-medal-num-bg:var(--color-special);--badge-medal-num-color:var(--color-on-special);--badge-medal-size:clamp(76px, 24cqw, 110px);--badge-medal-top-size:clamp(64px, 19cqw, 88px);--badge-medal-row-size:clamp(56px, 16cqw, 76px);--badge-moment-mascot:clamp(84px, 26cqw, 120px);--badge-moment-mascot-top:clamp(110px, 34cqw, 150px);--color-placeholder:#9ba5d8;--color-error-text:#fda4af;--color-error-bg:#fb71851f;--color-select:var(--color-primary);--color-select-glow:#5eead438;--font-weight-strong:600;--shadow-raised:none;--shadow-raised-pressed:none;--shadow-raised-error:none;--press-raised:none;--shadow-choice:none;--textarea-min-height:clamp(110px, 22vh, 180px);--input-shadow-focus:0 0 0 3px var(--color-select-glow);--banner-bg-error:#fb718529;--banner-bg-warning:#fbbf2429;--banner-bg-info:#5eead424;--chip-on-ring:none;--avatar-picker-shadow:var(--avatar-shadow);--preview-bg:var(--color-bg);--preview-border:2.5px solid var(--color-bg);--preview-dot-border:2.5px solid #ffffff40;--preview-dot-1:var(--color-primary);--preview-dot-2:var(--color-special);--preview-dot-3:var(--color-info);--size-touch-target:44px;--scrim-bg:#05071aad;--scrim-blur:blur(4px);--sheet-bg:linear-gradient(180deg, #1a2058, #11163f);--sheet-radius:28px;--sheet-shadow:0 -20px 60px #0006;--grab-bg:#fff3;--grab-width:48px;--grab-height:5px;--sheet-x-size:36px;--sheet-x-font:14px;--sheet-x-radius:50%;--toast-bg:#1a2058;--toast-color:var(--color-text);--toast-border:var(--border);--toast-shadow:0 12px 30px #0006;--nav-bg:#0b0f2ae0;--nav-blur:blur(14px);--nav-item-color:var(--color-text-muted);--nav-item-opacity:1;--nav-icon-size:22px;--nav-icon-filter:grayscale(.7);--nav-icon-opacity:.7;--nav-on-bg:transparent;--nav-on-color:var(--color-primary);--nav-wide-gap:6px;--nav-wide-radius:14px;--nav-wide-weight:500;--nav-wide-size:17px;--nav-wide-border:0;--nav-wide-on-border-color:transparent;--nav-wide-on-shadow:none;--nav-wide-on-bg:#5eead41f;--navlogo-size:24px;--navlogo-bg:linear-gradient(90deg, #fff, #a5f3fc);--navlogo-color:transparent;--menurow-border:1px solid var(--color-outline);--hi-small-color:var(--color-text-muted);--hi-name-size:21px;--avbtn-shadow:none;--avbtn-badge-bg:var(--color-bg);--avbtn-badge-border:2px solid #ffffff40;--skel-base:#ffffff0f;--skel-shine:#ffffff24;--skel-border-color:var(--color-outline);--skel-shadow:none;--hero-bg:radial-gradient(55% 42% at 50% 46%, #7cc4ff4d, transparent 70%), radial-gradient(40% 30% at 82% 12%, #a78bfa47, transparent 70%);--hero-rays:none;--logo-color:#fff;--chip-bg-1:var(--color-surface);--chip-bg-2:var(--color-surface);--chip-bg-3:var(--color-surface);--landing-white:#fff;--landing-deep:#0e0820;--landing-hero-bg:linear-gradient(160deg, #7b4dff 0%, #c650d8 42%, #ff6b8a 72%, #ffb627 100%);--landing-rays:repeating-conic-gradient(#ffffff17 0 8deg, transparent 8deg 16deg);--landing-rays-soft:repeating-conic-gradient(#ffffff12 0 8deg, transparent 8deg 16deg);--landing-ink-soft:#2a1b5e59;--landing-ink-pill:#2a1b5e9e;--landing-nav-stuck-shadow:0 6px 0 #2a1b5e26;--landing-phone-shadow:0 14px 0 var(--color-outline), 0 40px 60px #2a1b5e66;--landing-night:linear-gradient(#2b2370, #5a3fb0 60%, #3f8f5a 60%);--landing-moon:#fff3c4;--landing-tint-teal:#d6f7f3;--landing-tint-mango:#fff0c2;--landing-tint-coral:#ffdcdc;--landing-tint-grape:#e6dcff;--landing-art-books:linear-gradient(#ffdcdc, #ffb0c8);--landing-art-bugtong:linear-gradient(#e6dcff, #c9b6ff);--landing-art-journey:linear-gradient(#d6f7f3, #9fe8de);--landing-band-dots:radial-gradient(#ffffff12 2px, transparent 2px);--landing-pulse-on:#ffb627cc;--landing-pulse-off:#ffb62700;--landing-still-border:#fff6;--landing-shine:linear-gradient(100deg, transparent, #ffffffb3, transparent);--landing-input-inset:inset 0 3px 0 #2a1b5e14;--landing-h1-size:clamp(42px, 5.5cqw, 62px);--who-title-size:30px;--who-title-margin:6px;--who-sub-color:var(--color-text-muted);--who-sub-opacity:1;--kids-gap:14px;--kid-radius:24px;--kid-bg:var(--color-surface);--kid-blur:blur(10px);--kid-shadow:none;--kid-padding:20px 10px 16px;--kid-transition:transform .2s, background .2s, border-color .2s;--kid-hover-transform:translateY(-4px);--kid-hover-bg:var(--color-surface-strong);--kid-hover-border-color:#5eead480;--kid-active-transform:translateY(-4px);--kid-active-shadow:none;--kid-name-size:24px;--kid-name-weight:600;--kid-small-size:13px;--kid-small-weight:500;--kid-small-color:var(--color-text-muted);--kid-small-opacity:1;--kid-small-line-height:1.5;--kid-add-opacity:1;--kid-add-avatar-bg:var(--color-surface);--kid-add-avatar-color:var(--color-text-muted);--kid-add-avatar-shadow:none;--kid-add-glyph-size:40px;--kid-add-glyph-weight:400;--parent-link-weight:500;--parent-link-color:var(--color-text-muted);--parent-link-opacity:1;--node-size:78px;--node-now-size:94px;--node-font-size:30px;--node-font-weight:600;--node-bg:linear-gradient(145deg, var(--color-primary), #3fbfae);--node-color:#06232b;--node-border:2px solid #5eead4b3;--node-shadow:0 0 0 6px #5eead41f, 0 10px 28px #5eead44d;--node-transition:transform .15s;--node-now-bg:linear-gradient(145deg, var(--color-accent), #f59e0b);--node-now-color:#3b2500;--node-now-border:2px solid #fde68a;--node-now-shadow:0 0 0 6px #fbbf2426, 0 10px 34px #fbbf2466;--node-lock-bg:var(--color-surface);--node-lock-color:var(--color-locked-text);--node-lock-border:2px solid var(--color-outline);--node-lock-shadow:none;--node-lock-blur:blur(8px);--node-stars-top:-12px;--node-stars-size:14px;--node-stars-filter:none;--nlabel-family:var(--font-body);--nlabel-size:13px;--nlabel-weight:500;--nlabel-color:var(--color-text);--nlabel-bg:#0b0f2ad9;--nlabel-border:1px solid var(--color-outline);--nlabel-radius:10px;--nlabel-shadow:none;--nlabel-blur:blur(8px);--nlabel-lock-bg:#0b0f2ad9;--nlabel-lock-color:var(--color-locked-text);--nlabel-lock-border-color:var(--color-outline);--nlabel-lock-shadow:none;--nlabel-now-bg:#fbbf242e;--nlabel-now-color:#fde68a;--nlabel-now-border-color:#fbbf2499;--lv-radius:14px;--lv-border:1px solid var(--color-outline);--lv-bg:var(--color-surface);--lv-shadow:none;--lv-size:14px;--lv-weight:500;--lv-emoji-size:22px;--lv-done-bg:#4ade801f;--lv-done-border-color:#4ade8066;--lv-now-bg:#5eead429;--lv-now-border-color:var(--color-primary);--lv-now-shadow:0 0 20px #5eead440;--lv-lock-bg:var(--color-surface);--lv-lock-color:inherit;--lv-lock-border-color:var(--color-outline);--lv-lock-shadow:none;--lv-lock-opacity:.5;--zone-bg:linear-gradient(90deg, #a78bfa40, #7cc4ff14);--zone-emoji-size:36px;--zone-bob-duration:4s;--zone-eyebrow-size:12px;--zone-eyebrow-spacing:.18em;--zone-eyebrow-color:var(--color-text-muted);--zone-eyebrow-opacity:1;--path-stroke-1:#5eead440;--path-stroke-1-width:10px;--path-stroke-2:#ffffff8c;--path-stroke-2-width:3px;--path-dash:1 12;--dest-width:170px;--arrival-art-width:clamp(120px, 52vw, 190px);--dest-art-width:120px;--dest-art-height:80px;--postcard-art-width:84px;--postcard-art-height:56px;--trip-thumb-width:48px;--trip-thumb-height:32px;--place-art-radius:10px;--place-thumb-radius:8px;--place-art-border:2px solid var(--color-outline);--dest-emoji-size:56px;--dest-eyebrow-size:10px;--dest-eyebrow-spacing:1px;--dest-eyebrow-color:var(--color-text-muted);--dest-eyebrow-opacity:1;--dest-name-size:17px;--arrived-bg:#fbbf242e;--arrived-color:#fde68a;--arrived-border:1px solid #fbbf2499;--arrived-shadow:none;--arrived-transform:none;--arrived-weight:500;--ring-size:106px;--ring-border:0;--ring-shadow:0 0 24px #5eead440;--ring-fill:var(--color-progress);--ring-track:#ffffff1a;--ring-inner-size:84px;--ring-inner-bg:#11163f;--ring-inner-border:0;--ring-text-weight:600;--steps-height:5px;--steps-border:0;--steps-bg:#ffffff1f;--steps-on:var(--color-primary);--steps-cur:var(--color-accent);--steps-cur-shadow:0 0 12px #fbbf2499;--star-fill-from:#fde68a;--star-fill-to:#f59e0b;--star-stroke:#fef3c7;--star-stroke-width:3;--star-highlight-opacity:0;--star-highlight:#fff3c4;--star-size:clamp(54px, 20cqw, 84px);--star-size-mid:clamp(68px, 26cqw, 106px);--star-mid-lift:12px;--star-filter:drop-shadow(0 0 18px #fbbf2499);--star-off-opacity:.3;--stat-padding:12px 6px;--stat-value-size:27px;--stat-value-weight:600;--stat-label-color:var(--color-text-muted);--stat-label-opacity:1;--word-bg:none;--word-color:var(--color-accent);--word-weight:700;--word-pad:0 2px;--word-radius:0;--word-underline:2px dotted #fbbf24b3;--word-hover-transform:translateY(-2px);--word-hover-glow:0 0 16px #fbbf24b3;--word-got-bg:none;--word-got-color:var(--color-primary);--word-got-underline:2px dotted #5eead4b3;--word-seen-bg:none;--word-seen-color:var(--color-info);--word-seen-underline:2px dotted #7cc4ffb3;--seen-note-bg:#7cc4ff24;--seen-note-color:var(--color-info);--wchk-right:-6px;--wchk-top:-12px;--wchk-size:16px;--wchk-font:11px;--wchk-bg:var(--color-primary);--wchk-color:#06232b;--wchk-border:0;--collect-row-family:var(--font-body);--collect-row-size:14px;--collect-row-weight:500;--collect-row-color:var(--color-text-muted);--slot-max:42px;--slot-border:1.5px dashed #ffffff40;--slot-radius:50%;--slot-size:16px;--slot-color:#ffffff4d;--slot-f-border:1.5px solid #fbbf24cc;--slot-f-bg:#fbbf242e;--slot-f-color:var(--color-accent);--slot-f-shadow:0 0 16px #fbbf2466;--slot-pop-duration:.45s;--slot-seen-border:1.5px solid #7cc4ffcc;--slot-seen-bg:#7cc4ff29;--slot-seen-color:var(--color-info);--spk-size:36px;--spk-radius:50%;--spk-border:1px solid #7cc4ff80;--spk-bg:#7cc4ff24;--spk-shadow:none;--spk-font:15px;--spk-hover-bg:#7cc4ff47;--spk-playing-bg:#7cc4ff66;--spk-active-transform:none;--spk-active-shadow:none;--sticker-bg:#0b0f2a99;--sticker-border:1px solid var(--color-outline);--sticker-radius:999px;--sticker-pad:4px 12px;--sticker-size:13px;--sticker-weight:500;--sticker-color:#fde68a;--sticker-rotate:0deg;--sticker-shadow:none;--sticker-blur:blur(8px);--play-size:60px;--play-border:0;--play-bg:linear-gradient(135deg, var(--color-info), var(--color-primary));--play-shadow:0 8px 24px #7cc4ff59;--play-font:24px;--play-on-bg:linear-gradient(135deg, var(--color-special), var(--color-info));--play-active-transform:scale(.94);--play-active-shadow:0 8px 24px #7cc4ff59;--eq-bar-width:4px;--eq-bar-bg:#0b0f2a;--word-title-weight:600;--syll-size:14px;--syll-weight:500;--syll-color:var(--color-text-muted);--syll-opacity:1;--syll-spacing:.2em;--syll-margin-top:4px;--meanings-margin:16px 0;--mean-border:1px solid var(--color-outline);--mean-radius:14px;--mean-pad:7px 12px;--mean-size:15px;--mean-fil-bg:var(--color-surface);--mean-en-bg:var(--color-surface);--mean-fil-border-color:#5eead473;--mean-en-border-color:#fbbf2473;--mean-small-size:10px;--mean-small-weight:700;--mean-small-spacing:.16em;--mean-small-color:var(--color-text-muted);--mean-small-opacity:1;--mean-small-margin:1px;--ex-bg:#ffffff0d;--ex-border:0;--ex-border-left:3px solid var(--color-special);--ex-radius:0 14px 14px 0;--ex-size:17px;--ex-em-size:13.5px;--ex-em-color:var(--color-text-muted);--ex-em-opacity:1;--mark-bg:#fbbf2438;--mark-color:var(--color-accent);--mark-pad:0 4px;--note-color:var(--color-text-muted);--note-opacity:1;--opt-border:1px solid var(--color-outline);--opt-radius:18px;--opt-bg:var(--color-surface);--opt-shadow:none;--opt-blur:blur(10px);--opt-size:21px;--opt-weight:500;--opt-transition:transform .15s, background .15s, border-color .15s;--opt-hover-transform:translateY(-2px);--opt-hover-bg:var(--color-surface-strong);--opt-hover-border-color:#7cc4ff99;--opt-active-transform:translateY(-2px);--opt-active-shadow:none;--opt-l-size:38px;--opt-l-radius:50%;--opt-l-border:1.5px solid currentColor;--opt-l-font:17px;--opt-l-1-bg:transparent;--opt-l-2-bg:transparent;--opt-l-3-bg:transparent;--opt-l-1-color:var(--color-special);--opt-l-2-color:var(--color-info);--opt-l-3-color:var(--color-accent);--opt-right-bg:#4ade8029;--opt-right-border-color:var(--color-success);--opt-right-shadow:0 0 28px #4ade804d;--opt-wrong-bg:#fb718529;--opt-wrong-border-color:var(--color-danger);--fb-border:1px solid var(--color-outline);--fb-radius:20px;--fb-shadow:none;--fb-blur:blur(14px);--fb-ok-bg:#183c34e6;--fb-ok-border-color:#4ade808c;--fb-no-bg:#402432e6;--fb-no-border-color:#fb718580;--fb-title-size:21px;--fb-title-weight:600;--fb-small-size:13.5px;--fb-small-weight:500;--fb-small-color:var(--color-text-muted);--fb-small-opacity:1;--fb-btn-size:17px;--confetti-1:#5eead4;--confetti-2:#7cc4ff;--confetti-3:#a78bfa;--confetti-4:#fbbf24;--confetti-5:#fde68a;--confetti-6:#fff;--confetti-7:none;--confetti-stroke:none;--bubble-bg:var(--color-surface-strong);--bubble-border:1px solid var(--color-outline);--bubble-radius:14px;--bubble-size:15px;--bubble-weight:500;--bubble-shadow:none;--bubble-blur:blur(10px);--bubble-bob-duration:3s;--bubble-arrow:#ffffff40;--bubble-arrow-size:7px;--guide-mascot-size:104px;--guide-mascot-duration:3s;--xp-pad:12px 14px;--xp-row-family:var(--font-body);--xp-row-size:13px;--xp-row-weight:500;--xp-row-color:var(--color-text-muted);--xp-row-margin:8px;--xp-lead-family:var(--font-head);--xp-lead-size:14px;--xp-lead-weight:600;--xp-lead-color:var(--color-text);--aside-h3-size:17px;--aside-hint-color:var(--color-text-muted);--aside-hint-opacity:1;--tip-card-bg:#5eead417;--tip-card-border-color:#5eead44d;--tip-text-color:var(--color-text-muted);--aside-chip-weight:500;--aside-chip-color:#dfe4ff;--aside-chip-border:1px solid var(--color-outline);--aside-chip-pad:6px 12px;--aside-chip-bg-rest:var(--color-surface);--mecard-row-family:var(--font-body);--mecard-row-size:14px;--mecard-row-weight:500;--mecard-row-color:var(--color-text-muted);--mecard-text-size:15px;--rtip-bg:#5eead417;--rtip-border:1px solid #5eead44d;--rtip-size:14.5px;--rtip-weight:inherit;--rtip-line-height:1.45;--rtip-mascot-size:52px;--rtip-mark-bg:transparent;--rtip-mark-color:var(--color-accent);--rtip-mark-weight:700;--rtip-mark-pad:0;--rtip-mark-radius:0;--passage-pad:18px 18px 10px;--passage-gap:12px;--sent-gap:12px;--sent-size:21px;--sent-weight:500;--sent-size-wide:25px;--sent-size-xwide:27px;--opt-size-wide:25px;--opt-size-xwide:28px;--qbubble-size:19px;--qbubble-radius:18px;--qbubble-line-height:1.3;--qbubble-arrow-offset:-7px;--qbubble-play-state:paused;--qmascot-duration:3s;--qopts-gap:12px;--reward-bg:radial-gradient(75% 50% at 50% 0%, #a78bfa80, transparent 70%), radial-gradient(60% 50% at 100% 100%, #5eead44d, transparent 70%);--reward-rays:repeating-conic-gradient(#ffffff0b 0 9deg, transparent 9deg 18deg);--reward-rays-duration:80s;--reward-h1-size:clamp(34px, 10cqw, 54px);--reward-h1-weight:700;--reward-h1-color:transparent;--reward-h1-bg:linear-gradient(90deg, #fff, #a5f3fc 60%, #c4b5fd);--reward-h1-clip:text;--reward-h1-stroke:0;--reward-h1-shadow:none;--reward-h1-filter:drop-shadow(0 0 22px #7cc4ff66);--reward-mascot-size:112px;--badge-bg:#fbbf241f;--badge-border:1px solid #fbbf2480;--badge-radius:18px;--badge-shadow:0 0 30px #fbbf242e;--badge-rotate:0deg;--badge-pad:10px 18px;--badge-emoji-size:34px;--badge-small-size:10px;--badge-small-spacing:.16em;--badge-small-color:#fde68a;--badge-small-opacity:1;--badge-title-size:19px;--badge-title-weight:600;--lvlflower-size:clamp(90px, 30cqw, 130px);--lvlflower-filter:drop-shadow(0 0 22px #7cc4ff66);--unlock-small-color:var(--color-text-muted);--unlock-small-spacing:.16em;--unlock-small-opacity:1;--unlock-title-size:19px;--unlock-title-weight:600;--hero2-teal-bg:linear-gradient(90deg, #5eead438, #7cc4ff47);--hero2-mango-bg:linear-gradient(90deg, #fbbf2433, #fbbf244d);--hero2-big-size:40px;--hero2-sub-size:13px;--hero2-sub-opacity:.8;--streak-pad:12px 14px;--streak-row-size:16px;--streak-day-bg:var(--color-surface);--streak-day-border:2.5px solid var(--color-outline);--streak-day-color:var(--color-text-muted);--streak-done-bg:var(--color-accent);--streak-done-border-color:var(--color-accent);--streak-done-color:var(--color-on-primary);--streak-pop-duration:.45s;--streak-today-bg:var(--color-surface-strong);--streak-today-border-color:var(--color-primary);--streak-today-border-style:dashed;--bt-radius:22px;--bt-pad:12px 8px 10px;--bt-bg-a:#fbbf2424;--bt-bg-b:#a78bfa29;--bt-bg-c:#5eead429;--bt-border:var(--border);--bt-shadow:none;--bt-rotate-a:0deg;--bt-rotate-b:0deg;--bt-lock-bg:var(--color-surface);--bt-lock-color:var(--color-locked-text);--bt-lock-border-color:var(--color-outline);--bt-lock-shadow:none;--bt-small-opacity:.7;--bt-lock-small-opacity:.8;--wcard-radius:20px;--wcard-bg:var(--color-surface);--wcard-new-bg:#fbbf2424;--wcard-border:var(--border);--wcard-shadow:none;--wcard-shadow-pressed:none;--wcard-hover-transform:translateY(-3px);--wcard-lock-border:2px dashed var(--color-outline);--wcard-lock-color:var(--color-locked-text);--wcard-word-size:24px;--wcard-word-min:15px;--wcard-word-fit:1.6;--wcard-fit-fallback:195px;--wcard-long-drop:20px;--wcard-star-filter:none;--wgrid-min:150px;--z-overlay:100;--anim-nudge:midnight-nudge 2.4s ease-in-out infinite;--anim-start-pulse:midnight-start-pulse 1.8s infinite;--anim-node-land:midnight-node-pop .6s ease, midnight-pulse 2.2s .6s infinite;--anim-say-show:midnight-fade .5s ease;--mapchip-border:1px solid var(--color-outline);--mapchip-bg:var(--color-surface-strong);--mapchip-shadow:none;--mapchip-weight:500;--map-width:300px;--map-sea-fill:#7cc4ff14;--map-sea-opacity:1;--map-isle-fill:#5eead438;--map-isle-stroke:#5eead4bf;--map-isle-stroke-width:1.5;--map-route-stroke:#fff9;--map-route-width:1.5;--map-route-opacity:.6;--stop-size:40px;--stop-border:1px solid #fff3;--stop-bg:var(--color-surface-strong);--stop-shadow:none;--stop-reached-bg:linear-gradient(145deg, var(--color-accent), #f59e0b);--stop-reached-border-color:#fde68a;--stop-later-bg:var(--color-surface);--stop-later-border-color:var(--color-outline);--stop-later-shadow:none;--stop-later-emoji-opacity:.55;--stop-ok-bg:var(--color-success);--stop-ok-border:1px solid #fff;--stop-ok-color:#06232b;--stop-label-font:var(--font-body);--stop-label-weight:500;--stop-label-bg:#0b0f2ad9;--stop-label-border:1px solid var(--color-outline);--stop-label-color:var(--color-text);--stop-label-later-bg:#0b0f2ad9;--stop-label-later-border-color:var(--color-outline);--stop-label-later-color:var(--color-text-muted);--map-tarsi-size:42px;--stops-border:1px solid var(--color-outline);--stops-bg:var(--color-surface);--stops-weight:500;--ltile-bw:1.5px;--ltile-radius:20px;--ltile-shadow-geometry:0 0 22px;--ltile-1-bg:#7cc4ff24;--ltile-2-bg:#4ade8024;--ltile-3-bg:#fb718524;--ltile-4-bg:#5eead424;--ltile-5-bg:#fbbf2424;--ltile-6-bg:#a78bfa29;--ltile-1-fg:#7cc4ff;--ltile-2-fg:#4ade80;--ltile-3-fg:#fb7185;--ltile-4-fg:#5eead4;--ltile-5-fg:#fbbf24;--ltile-6-fg:#a78bfa;--ltile-1-border:#7cc4ff8c;--ltile-2-border:#4ade808c;--ltile-3-border:#fb71858c;--ltile-4-border:#5eead48c;--ltile-5-border:#fbbf248c;--ltile-6-border:#a78bfa8c;--ltile-1-shadow:#7cc4ff4d;--ltile-2-shadow:#4ade804d;--ltile-3-shadow:#fb71854d;--ltile-4-shadow:#5eead44d;--ltile-5-shadow:#fbbf244d;--ltile-6-shadow:#a78bfa4d;--ltile-next-bg:var(--color-surface);--ltile-next-fg:var(--color-text);--ltile-next-border:var(--color-outline);--ltile-lock-bg:var(--color-surface);--ltile-lock-fg:var(--color-locked-text);--ltile-lock-border:var(--color-outline);--ltile-lock-shadow:none;--ltile-pic-bg:#1a2058;--ltile-pic-border:1px solid var(--color-outline);--lgrp-now-bg:#5eead414;--lgrp-now-border:var(--color-primary);--lgrp-now-shadow:0 0 26px #5eead440;--lgrp-lock-bg:var(--color-surface);--lgrp-lock-border:var(--color-outline);--lgrp-lock-shadow:none;--lgrp-lock-color:var(--color-locked-text);--bigletter-radius:34px;--bigletter-shadow-geometry:0 0 22px;--bigletter-tap-bg:linear-gradient(135deg, #fbbf24, #f59e0b);--secrow-radius:20px;--book-paper:#262941;--book-page-edge:#fff6;--book-spine-shadow:#0000008c;--book-fold-shadow:#000000a6;--pantig-slide-ms:.7s;--anim-pantig-slide:midnight-pantig-slide var(--pantig-slide-ms) cubic-bezier(.2, .9, .3, 1) both;--pantig-slide-distance:clamp(40px, 14cqw, 80px);--pantig-tile-size:clamp(64px, 20cqw, 96px);--pantig-tile-glyph:clamp(34px, 11cqw, 52px);--pantig-result-width:clamp(130px, 44cqw, 200px);--pantig-result-glyph:clamp(36px, 12cqw, 56px);--pantig-cell-size:clamp(44px, 14cqw, 64px);--pantig-cell-glyph:clamp(17px, 5.5cqw, 24px);--pantig-vowel-size:clamp(52px, 16cqw, 80px);--pantig-vowel-glyph:clamp(24px, 8cqw, 36px);--pantig-result-bg:#fbbf2429;--pantig-result-fg:#fbbf24;--pantig-result-border:#fbbf2499;--pantig-result-shadow:#fbbf2452;--pantig-word-width:clamp(150px, 52cqw, 240px);--pantig-word-height:clamp(76px, 24cqw, 116px);--pantig-picture-size:clamp(72px, 24cqw, 120px);--pantig-phrase-glyph:clamp(28px, 10cqw, 48px);--pantig-story-glyph:clamp(22px, 7cqw, 34px);--pantig-story-picture:clamp(180px, 70cqw, 420px);--pantig-underline:4px dotted var(--color-special);--pantig-find-glyph:clamp(30px, 11cqw, 56px);--pantig-find-bg:var(--ltile-next-bg);--pantig-find-fg:var(--ltile-next-fg);--pantig-find-border:var(--ltile-next-border);--pantig-find-shadow:transparent;--pantig-read-word-glyph:clamp(36px, 16cqw, 64px);--picture-option-blank-bg:var(--color-track);--pantig-slot-size:clamp(64px, 22cqw, 104px);--pantig-slot-glyph:clamp(30px, 11cqw, 56px);--pantig-slot-gap:clamp(8px, 3cqw, 16px);--pantig-slot-radius:var(--ltile-radius);--pantig-slot-empty-border:var(--ltile-bw) dashed var(--color-text-muted);--pantig-slot-empty-bg:transparent;--pantig-slot-active-border:var(--ltile-bw) dashed var(--color-special);--pantig-slot-active-bg:var(--color-surface);--pantig-slot-filled-bg:var(--pantig-result-bg);--pantig-slot-filled-fg:var(--pantig-result-fg);--pantig-slot-filled-border:var(--ltile-bw) solid var(--pantig-result-border);--pantig-slot-filled-shadow:var(--ltile-shadow-geometry) var(--pantig-result-shadow);--anim-pantig-fill:midnight-pantig-fill .35s cubic-bezier(.2, .9, .3, 1) both;--pantig-chart-label:clamp(24px, 8cqw, 36px);--pantig-chart-gap:clamp(4px, 1.5cqw, 7px);--pantig-chart-max:480px;--pantig-chart-glyph:clamp(17px, 4.6cqw, 22px);--pantig-chart-radius:12px;--pantig-chart-shadow-geometry:0 0 12px;--pantig-chart-head-color:var(--color-text-muted);--pantig-now-bg:var(--color-surface);--pantig-now-fg:var(--color-text);--pantig-now-border:var(--color-outline);--pantig-now-outline:2px dashed var(--color-special);--pantig-chart-lock-bg:var(--ltile-lock-bg);--pantig-chart-lock-fg:var(--ltile-lock-fg);--pantig-chart-lock-border:var(--ltile-lock-border);--pantig-chart-lock-shadow:none;--pantig-strip-item-width:clamp(120px, 34cqw, 168px);--pantig-strip-radius:var(--lv-radius);--pantig-strip-border:var(--lv-border);--pantig-strip-bg:var(--lv-bg);--pantig-strip-shadow:var(--lv-shadow);--pantig-strip-meta-color:var(--color-text-muted);--pantig-strip-done-bg:var(--lv-done-bg);--pantig-strip-done-border-color:var(--lv-done-border-color);--pantig-strip-lock-bg:var(--lv-lock-bg);--pantig-strip-lock-color:var(--lv-lock-color);--pantig-strip-lock-border-color:var(--lv-lock-border-color);--pantig-strip-lock-shadow:var(--lv-lock-shadow);--pantig-strip-lock-opacity:var(--lv-lock-opacity);--wod-strip-bg:linear-gradient(135deg, #5eead438, #a78bfa38);--wod-strip-text:var(--color-text);--wod-strip-ring:var(--color-primary)}
@keyframes sticker-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sticker-bob{50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes sticker-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes sticker-spin{to{transform:rotate(360deg)}}@keyframes sticker-float{50%{transform:translateY(-14px)}}@keyframes sticker-pulse{0%{box-shadow:0 7px 0 var(--color-outline), 0 0 0 0 #ffb627cc}to{box-shadow:0 7px 0 var(--color-outline), 0 0 0 26px #ffb62700}}@keyframes sticker-pop{0%{transform:scale(.3)rotate(-30deg)}70%{transform:scale(1.25)}to{transform:none}}@keyframes sticker-fade{0%{opacity:0}}@keyframes sticker-up{0%{transform:translateY(100%)}}@keyframes sticker-eq{0%{height:6px}to{height:26px}}@keyframes sticker-bounce{40%{transform:scale(1.04)rotate(-1deg)}70%{transform:scale(.99)}}@keyframes sticker-shake{25%{transform:translate(-9px)}50%{transform:translate(9px)}75%{transform:translate(-5px)}}@keyframes sticker-starpop{0%{opacity:0;transform:scale(0)rotate(-120deg)}to{opacity:1;transform:none}}@keyframes sticker-ldb{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes sticker-shim{to{background-position:-220% 0}}@keyframes sticker-nudge{0%,70%,to{transform:none}80%{transform:translateY(-6px)rotate(-2deg)}90%{transform:translateY(0)rotate(1deg)}}@keyframes sticker-start-pulse{0%{box-shadow:var(--shadow-rest), 0 0 0 0 #ffb627cc}to{box-shadow:var(--shadow-rest), 0 0 0 22px #ffb62700}}@keyframes sticker-node-pop{0%{transform:translate(-50%,-50%)scale(.3)}70%{transform:translate(-50%,-50%)scale(1.25)}to{transform:translate(-50%,-50%)}}@keyframes sticker-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}70%{transform:translateY(2px)}}@keyframes sticker-gift-wobble{0%,40%,to{transform:rotate(-4deg)}8%{transform:rotate(5deg)scale(1.04)}16%{transform:rotate(-7deg)scale(1.04)}24%{transform:rotate(4deg)scale(1.02)}32%{transform:rotate(-5deg)}}@keyframes sticker-gift-lid{0%{opacity:1;transform:none}50%{opacity:1;transform:translate(-30%,-140%)rotate(-28deg)}to{opacity:0;transform:translate(-60%,-260%)rotate(-60deg)}}@keyframes sticker-gift-pop{0%{opacity:0;transform:translateY(30px)scale(.3)}to{opacity:1;transform:none}}@keyframes sticker-gift-fly{0%{opacity:1;transform:none}20%{opacity:1;transform:translateY(-24px)scale(1.25)}to{opacity:0;transform:translate(var(--gift-fly-x,0), var(--gift-fly-y,0)) scale(.25)}}@keyframes sticker-badge-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}70%{opacity:1;transform:scale(1.12)rotate(6deg)}to{opacity:1;transform:none}}@keyframes sticker-pantig-slide{0%{opacity:0;transform:translateX(var(--pantig-slide-from,0)) rotate(var(--pantig-slide-tilt,0deg))}60%{opacity:1}to{opacity:1;transform:none}}@keyframes sticker-pantig-fill{0%{opacity:0;transform:translateY(-30%)scale(.6)rotate(-8deg)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:none}}
@keyframes midnight-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes midnight-bob{50%{transform:translateY(-8px)}}@keyframes midnight-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes midnight-twinkle{0%{opacity:.35}to{opacity:1}}@keyframes midnight-float{50%{transform:translateY(-12px)}}@keyframes midnight-pulse{0%{box-shadow:0 0 #fbbf248c,0 10px 34px #fbbf2466}to{box-shadow:0 0 0 26px #fbbf2400,0 10px 34px #fbbf2466}}@keyframes midnight-pop{0%{transform:scale(.4)}70%{transform:scale(1.2)}to{transform:none}}@keyframes midnight-fade{0%{opacity:0}}@keyframes midnight-up{0%{transform:translateY(100%)}}@keyframes midnight-eq{0%{height:6px}to{height:24px}}@keyframes midnight-bounce{40%{transform:scale(1.02)}70%{transform:scale(.995)}}@keyframes midnight-shake{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes midnight-spin{to{transform:rotate(360deg)}}@keyframes midnight-starpop{0%{opacity:0;transform:scale(0)rotate(-90deg)}to{opacity:1;transform:none}}@keyframes midnight-ldb{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes midnight-shim{to{background-position:-220% 0}}@keyframes midnight-nudge{0%,70%,to{transform:none}80%{transform:translateY(-6px)rotate(-2deg)}90%{transform:translateY(0)rotate(1deg)}}@keyframes midnight-start-pulse{0%{box-shadow:var(--shadow-rest), 0 0 0 0 #5eead48c}to{box-shadow:var(--shadow-rest), 0 0 0 22px #5eead400}}@keyframes midnight-node-pop{0%{transform:translate(-50%,-50%)scale(.4)}70%{transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)}}@keyframes midnight-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}70%{transform:translateY(2px)}}@keyframes midnight-gift-wobble{0%,45%,to{transform:rotate(-4deg)}12%{transform:rotate(3deg)translateY(-4px)}24%{transform:rotate(-6deg)}36%{transform:rotate(1deg)}}@keyframes midnight-gift-lid{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-20%,-220%)rotate(-30deg)}}@keyframes midnight-gift-pop{0%{opacity:0;transform:translateY(24px)scale(.6)}to{opacity:1;transform:none}}@keyframes midnight-gift-fly{0%{opacity:1;transform:none}20%{opacity:1;transform:translateY(-16px)scale(1.15)}to{opacity:0;transform:translate(var(--gift-fly-x,0), var(--gift-fly-y,0)) scale(.25)}}@keyframes midnight-badge-pop{0%{opacity:0;transform:translateY(12px)scale(.6)}to{opacity:1;transform:none}}@keyframes midnight-pantig-slide{0%{opacity:0;transform:translateX(var(--pantig-slide-from,0));filter:blur(3px)}to{opacity:1;filter:none;transform:none}}@keyframes midnight-pantig-fill{0%{opacity:0;filter:blur(3px);transform:scale(.85)}to{opacity:1;filter:none;transform:none}}
*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{margin:0;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}img,svg{max-width:100%}h1,h2,h3{font-family:var(--font-head);font-weight:var(--font-weight-head);line-height:var(--line-height-head)}.app-root{container:dev/inline-size}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
@font-face{font-family:dmSans;src:url(../media/dm_sans_latin_wght_normal-s.0tm8u-h63rec8.woff2)format("woff2");font-display:swap;font-weight:100 1000}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}._8FAUFa_className{font-family:dmSans,dmSans Fallback}._8FAUFa_variable{--font-dm-sans:"dmSans", "dmSans Fallback"}