@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2) format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2) format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-devanagari-700-normal-BeU_-hjz.woff2) format("woff2"),url(/assets/kalam-devanagari-700-normal-B52CSkpd.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-ext-700-normal-CwgfRD_T.woff2) format("woff2"),url(/assets/kalam-latin-ext-700-normal-BA-KJHgr.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2) format("woff2"),url(/assets/kalam-latin-700-normal-7TSuSrjP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-vietnamese-400-normal-lz8MlVep.woff2) format("woff2"),url(/assets/dancing-script-vietnamese-400-normal-D2srOv8f.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-latin-ext-400-normal-C917Kz-3.woff2) format("woff2"),url(/assets/dancing-script-latin-ext-400-normal-DaWfpMsu.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-latin-400-normal--YrtvvVF.woff2) format("woff2"),url(/assets/dancing-script-latin-400-normal-BY5FxJb0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-cyrillic-ext-400-normal-BuyJL26e.woff2) format("woff2"),url(/assets/pacifico-cyrillic-ext-400-normal-BH1b5rOk.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-cyrillic-400-normal-DS5_g9Hw.woff2) format("woff2"),url(/assets/pacifico-cyrillic-400-normal-BtlfDWif.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-vietnamese-400-normal-CNs27uJ4.woff2) format("woff2"),url(/assets/pacifico-vietnamese-400-normal-CLnUcRoK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-ext-400-normal-Ba3kv-va.woff2) format("woff2"),url(/assets/pacifico-latin-ext-400-normal-nyRvH6_c.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-400-normal-7HIToT7q.woff2) format("woff2"),url(/assets/pacifico-latin-400-normal-DArfF-vd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Satisfy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/satisfy-latin-400-normal-CIU_tGU7.woff2) format("woff2"),url(/assets/satisfy-latin-400-normal-ez4YC6jz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Homemade Apple;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/homemade-apple-latin-400-normal-BTOiQ2xw.woff2) format("woff2"),url(/assets/homemade-apple-latin-400-normal-BBARCPg0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gochi-hand-latin-400-normal-D3Iu69dp.woff2) format("woff2"),url(/assets/gochi-hand-latin-400-normal-DC0_N7qt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.art-figure{display:block;width:100%;height:auto}.art-draw{stroke-dasharray:1 1;stroke-dashoffset:1;animation:art-draw .9s cubic-bezier(.45,0,.25,1) forwards}@keyframes art-draw{to{stroke-dashoffset:0}}.art-fade{opacity:0;animation:art-fade .6s ease-out forwards}@keyframes art-fade{to{opacity:1}}.art-pop{opacity:0;transform-box:fill-box;transform-origin:center;animation:art-pop .42s cubic-bezier(.3,1.5,.5,1) forwards}@keyframes art-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.art-erase{animation:art-erase 1.1s ease-in forwards}.art-erased{opacity:0}@keyframes art-erase{0%{opacity:1}to{opacity:0}}.art-float{animation:art-float 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes art-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.01,.99)}}@media(prefers-reduced-motion:reduce){.art-draw,.art-fade,.art-pop,.art-erase,.art-float{animation-duration:.01s}}:root{--bg-deep: #071a22;--bg-base: #0d2a36;--bg-raised: #15394a;--bg-mid: #1f4e63;--bg-glow: #2e7a8f;--primary: #ff7a1a;--primary-pressed: #d9600a;--primary-soft: #ffb27a;--paper: #fffbf4;--paper-alt: #f6efe3;--paper-shadow: #d8d2c8;--frame-wood: #8c5a3c;--text: #fffbf4;--text-muted: #a9c2cc;--ink: #132630;--ink-muted: #5b6f78;--c-highlight: #ffc23a;--c-game: #5ad1ff;--c-success: #3ddc84;--c-brand: #b98bff;--c-coral: #ff5c7a;--c-pink: #ffc6d9;--gold: #f5b700;--amber: #e08a00;--error: #e5484d;--disabled-bg: #2a4654;--disabled-fg: #7d949e;--scrim: rgba(7, 26, 34, .6);--tint-warn: rgba(255, 122, 26, .2);--tint-ok: rgba(61, 220, 132, .2);--font-display: "Fredoka Variable", "Fredoka", system-ui, sans-serif;--font-text: "Lexend Variable", "Lexend", system-ui, sans-serif;--font-hand: "Patrick Hand", "Kalam", cursive;--font-hand-bold: "Kalam", "Patrick Hand", cursive;--fs-display: 32px;--fs-title: 24px;--fs-subtitle: 18px;--fs-paragraph: 16px;--fs-body: 14px;--fs-label: 12px;--fs-button: 16px;--fs-hand: 18px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--rail: 88px;--gutter: 24px;--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--cta-h: 56px;--btn-small-h: 40px;--circle-btn: 48px;--paper-shadow-elev: 0 6px 16px rgba(0, 0, 0, .35);--ease: cubic-bezier(.2, .8, .2, 1);--t-fast: .16s;--t-mid: .24s;--t-slow: .32s}@media(min-width:1000px)and (min-height:600px){:root{--fs-display: 44px;--fs-title: 32px;--fs-subtitle: 22px;--fs-paragraph: 18px;--fs-body: 16px;--fs-label: 14px;--fs-button: 18px;--fs-hand: 22px;--rail: 104px;--gutter: 40px;--cta-h: 64px}}@media(max-height:430px){:root{--fs-display: 26px;--fs-title: 20px;--fs-subtitle: 16px;--fs-paragraph: 15px;--fs-body: 13px;--cta-h: 46px;--btn-small-h: 36px;--circle-btn: 42px;--gutter: 16px;--rail: 76px}}@media(prefers-reduced-motion:reduce){:root{--t-fast: 0ms;--t-mid: 0ms;--t-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-deep);color:var(--text);font-family:var(--font-text);font-size:var(--fs-body);line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text;font:inherit}button{touch-action:manipulation;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:700;line-height:1.15}h1{font-size:var(--fs-display);font-weight:700}h2{font-size:var(--fs-title)}h3{font-size:var(--fs-subtitle)}p{margin:0}.muted{color:var(--text-muted)}.hand{font-family:var(--font-hand);font-size:var(--fs-hand)}.caps{text-transform:uppercase;letter-spacing:.04em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bg-night{position:relative;background:var(--bg-base);overflow:hidden;isolation:isolate}.bg-night:before,.bg-night:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.bg-night:before{width:70vmax;height:55vmax;left:-18vmax;top:-22vmax;background:radial-gradient(closest-side,rgba(46,122,143,.45),rgba(31,78,99,.25) 60%,transparent)}.bg-night:after{width:60vmax;height:50vmax;right:-20vmax;bottom:-26vmax;background:radial-gradient(closest-side,rgba(31,78,99,.55),rgba(21,57,74,.3) 60%,transparent)}.stars-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35}.app-root{height:100%;width:100%;overflow:hidden}.shell{display:grid;grid-template-columns:var(--rail) 1fr;height:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.rail{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s3) 0;background:var(--bg-deep);border-right:1px solid rgba(255,251,244,.06);overflow-y:auto;scrollbar-width:none}.rail-avatar{width:52px;height:52px;border-radius:50%;background:var(--bg-raised);border:2px solid var(--c-highlight);display:grid;place-items:center;overflow:hidden;flex:none}.rail-item{position:relative;width:calc(var(--rail) - 16px);padding:8px 2px;border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-muted);transition:background var(--t-fast),color var(--t-fast)}.rail-item svg{width:28px;height:28px}.rail-item[aria-current=page]{background:var(--bg-raised);color:var(--paper)}.rail-item[aria-current=page] svg{color:var(--primary)}.rail-item[data-locked=true]{opacity:.55}.rail-item .lock-badge{position:absolute;top:4px;right:8px;width:16px;height:16px;color:var(--gold)}.rail-spacer{flex:1}.badge-dot{position:absolute;top:4px;right:10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--c-coral);color:var(--paper);font-size:10px;line-height:16px;text-align:center}.main{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--gutter);min-height:56px;flex:none}.topbar h2{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--gutter) var(--s5)}.full{position:fixed;inset:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:10}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:var(--cta-h);padding:0 var(--s5);border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:var(--fs-button);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:transform 90ms var(--ease),background var(--t-fast),box-shadow var(--t-fast);box-shadow:0 4px #00000040}.btn:active,.btn[data-pressed=true]{transform:scale(.96) translateY(2px);box-shadow:0 2px #00000040}.btn-primary{background:var(--primary);color:var(--bg-deep)}.btn-primary:active{background:var(--primary-pressed)}.btn-secondary{background:var(--bg-raised);color:var(--paper);box-shadow:inset 0 0 0 2px #fffbf42e,0 4px #00000040}.btn-paper{background:var(--paper);color:var(--ink)}.btn-ghost{background:transparent;color:var(--paper);box-shadow:none;text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0;font-weight:600}.btn-danger{background:var(--error);color:var(--paper)}.btn-small{height:var(--btn-small-h);padding:0 var(--s4);font-size:14px}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled-bg);color:var(--disabled-fg);box-shadow:none;cursor:default}.icon-btn{width:var(--circle-btn);height:var(--circle-btn);border-radius:50%;display:grid;place-items:center;background:var(--bg-raised);color:var(--paper);flex:none;transition:transform 90ms var(--ease)}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:24px;height:24px}.icon-btn.featured{box-shadow:inset 0 0 0 2px var(--c-highlight)}.icon-btn.on{background:var(--primary);color:var(--bg-deep)}.icon-btn.paper{background:var(--paper);color:var(--ink)}.card{background:var(--bg-raised);border-radius:var(--r-lg);padding:var(--s4)}.card.mid{background:var(--bg-mid)}.paper-card{background:var(--paper);color:var(--ink);border-radius:var(--r-md);box-shadow:var(--paper-shadow-elev)}.polaroid{background:var(--paper);color:var(--ink);padding:6% 6% 0;border-radius:var(--r-xs);box-shadow:var(--paper-shadow-elev);display:flex;flex-direction:column}.polaroid .photo{aspect-ratio:4 / 3;background:var(--paper-alt);overflow:hidden;display:grid;place-items:center}.polaroid .photo img,.polaroid .photo svg{width:100%;height:100%;object-fit:cover}.polaroid .caption{font-family:var(--font-hand);font-size:15px;text-align:center;padding:6px 4px 8px;min-height:2.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--bg-raised);font-size:var(--fs-label);font-weight:600}.chip.on{background:var(--primary);color:var(--bg-deep)}.pill-gold{background:var(--gold);color:var(--ink)}.tile{border-radius:var(--r-md);background:var(--bg-raised);padding:var(--s3);text-align:center;border:3px solid transparent;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast)}.tile[aria-pressed=true],.tile.selected{border-color:var(--primary)}.tile:active{transform:scale(.97)}.row{display:flex;align-items:center;gap:var(--s3)}.col{display:flex;flex-direction:column;gap:var(--s3)}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.center{display:grid;place-items:center;text-align:center}.spread{justify-content:space-between}.field{width:100%;height:52px;border-radius:var(--r-md);border:2px solid transparent;background:var(--paper);color:var(--ink);padding:0 var(--s4);font-size:var(--fs-paragraph);outline:none}.field:focus{border-color:var(--primary)}textarea.field{height:auto;min-height:80px;padding:var(--s3) var(--s4);resize:none}.code-input{display:flex;gap:var(--s3);justify-content:center}.code-input input{width:52px;height:60px;text-align:center;font-size:26px;font-family:var(--font-display);border-radius:var(--r-md);border:2px solid transparent;background:var(--paper);color:var(--ink)}.toggle{width:56px;height:32px;border-radius:16px;background:var(--disabled-bg);position:relative;transition:background var(--t-mid);flex:none}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--paper);transition:transform var(--t-mid) cubic-bezier(.34,1.56,.64,1)}.toggle[aria-checked=true]{background:var(--c-success)}.toggle[aria-checked=true]:after{transform:translate(24px)}.progress{height:10px;border-radius:5px;background:#fffbf41f;overflow:hidden}.progress>i{display:block;height:100%;border-radius:5px;background:var(--primary);transition:width var(--t-slow) var(--ease)}.progress.gold>i{background:var(--gold)}.progress.success>i{background:var(--c-success)}.dots{display:flex;gap:6px;justify-content:center}.dots i{width:8px;height:8px;border-radius:4px;background:#fffbf440;transition:width var(--t-mid)}.dots i.on{width:22px;background:var(--primary)}.em-highlight{color:var(--c-highlight);font-weight:700}.em-game{color:var(--c-game);font-weight:700}.em-success{color:var(--c-success);font-weight:700}.em-brand{color:var(--c-brand);font-weight:700}.em-coral{color:var(--c-coral);font-weight:700}.on-paper .em-highlight{color:var(--amber)}.on-paper .em-game{color:#1689b8}.on-paper .em-success{color:#1b9a55}.scrim{position:fixed;inset:0;z-index:50;background:var(--scrim);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;padding:var(--s4);animation:fade-in var(--t-mid) var(--ease)}.modal{position:relative;background:var(--bg-raised);border-radius:var(--r-xl);padding:var(--s5);width:min(560px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;animation:pop-in var(--t-slow) var(--ease)}.modal.wide{width:min(820px,100%)}.modal.paper{background:var(--paper);color:var(--ink)}.modal-close{position:absolute;top:12px;right:12px}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(360px,86vw);background:var(--bg-raised);z-index:60;padding:var(--s5) var(--s4);overflow-y:auto;animation:slide-in var(--t-slow) var(--ease)}.toast{position:fixed;left:50%;top:16px;transform:translate(-50%);background:var(--paper);color:var(--ink);border-radius:var(--r-pill);padding:10px 18px;font-weight:600;z-index:100;box-shadow:var(--paper-shadow-elev);animation:slide-down var(--t-slow) var(--ease)}.rotate-guard{position:fixed;inset:0;z-index:200;background:var(--bg-deep);display:none;place-items:center;text-align:center;padding:var(--s5)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.92) translateY(8px)}}@keyframes slide-in{0%{transform:translate(-100%)}}@keyframes slide-down{0%{transform:translate(-50%,-140%)}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{50%{opacity:.2;transform:scale(.7)}}.float{animation:float 3s ease-in-out infinite}.wiggle{animation:wiggle .6s ease-in-out infinite}.pulse{animation:pulse 1.6s ease-in-out infinite}@media(orientation:portrait){.shell{grid-template-columns:1fr;grid-template-rows:1fr auto}.rail{grid-row:2;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid rgba(255,251,244,.06);padding:6px 4px calc(6px + env(safe-area-inset-bottom));overflow-x:auto}.rail-spacer{display:none}.rail-item{width:auto;min-width:56px}.rail-avatar{width:40px;height:40px}}@media(orientation:portrait)and (max-width:600px){html[data-native=true] .rotate-guard{display:grid}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.small{font-size:var(--fs-label)}.tight{gap:4px}.center-row{justify-content:center}.end-row{justify-content:flex-end}.center-text{text-align:center}.label{font-size:var(--fs-label);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-error{color:#ff8f8f;font-weight:600;font-size:var(--fs-body);text-align:center}.dev-code{text-align:center;font-family:ui-monospace,monospace;font-size:12px;color:var(--c-highlight);opacity:.8}.link{color:var(--paper);text-decoration:underline;text-underline-offset:3px;font-weight:600;font-size:var(--fs-body)}.duo{display:flex;align-items:flex-end;justify-content:center;gap:4px}.pop{animation:pop-in .42s cubic-bezier(.34,1.56,.64,1)}.pulse-soft{animation:pulse 2.4s ease-in-out infinite}.shake{animation:shake .36s ease-in-out}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.modal-title{margin-bottom:var(--s3)}.sk-logo{display:inline-flex;align-items:center;gap:10px}.sk-logo-word{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:.01em}.sk-logo-star{stroke-dasharray:1 1;stroke-dashoffset:1;animation:logo-draw 2.4s var(--ease) .2s forwards}.sk-logo-pencil{offset-distance:0%;offset-rotate:0deg;animation:logo-pencil 2.4s var(--ease) .2s forwards}@keyframes logo-draw{to{stroke-dashoffset:0}}@keyframes logo-pencil{0%{offset-distance:0%;opacity:1}92%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.landing-lang{position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:2}.landing-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s5);padding:var(--s4) calc(var(--gutter) + 16px);min-height:0}.landing-copy{gap:var(--s3);max-width:440px}.landing-title{font-size:calc(var(--fs-display) + 4px)}.landing-ctas{align-items:flex-start;gap:var(--s2);margin-top:var(--s2)}.landing-ctas .btn-primary{min-width:240px}.landing-art{position:relative;height:100%;max-height:460px;display:grid;place-items:center;min-height:0}.landing-paper{width:min(100%,420px);aspect-ratio:4 / 3;max-height:100%;padding:10px;transform:rotate(-2deg);display:grid}.landing-paper .drawing-view{width:100%;height:100%}.landing-scribble{position:absolute;right:-6px;bottom:-8px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.onb-top{display:flex;align-items:center;gap:var(--s3);padding:8px calc(var(--gutter) + env(safe-area-inset-left)) 4px;flex:none;min-height:56px}.signin-grid{flex:1;min-height:0;display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s5);padding:0 calc(var(--gutter) + 16px) var(--s4);align-items:center;overflow-y:auto}.signin-hero{gap:var(--s2)}.signin-hero p{max-width:340px}.signin-form{max-width:420px;width:100%;gap:var(--s2);justify-self:center}.signin-form .field{height:46px}.or-line{display:flex;align-items:center;gap:var(--s3);color:var(--text-muted);font-size:var(--fs-label)}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:#fffbf426}.oauth-row .btn{font-size:12px;letter-spacing:.02em;padding:0 10px}.code-form,.email-form{gap:var(--s2)}.code-form .btn-ghost{font-size:13px}.onb .onb-top{min-height:52px}.onb-dots{flex:1;display:flex;justify-content:center;overflow:hidden}.onb-dots .dots i{width:7px;height:7px}.onb-dots .dots i.on{width:20px}.onb-top-spacer{width:var(--circle-btn);flex:none}.onb-body{flex:1;min-height:0;display:flex;animation:step-in var(--t-slow) var(--ease)}@keyframes step-in{0%{opacity:0;transform:translate(24px)}}.onb-step{flex:1;min-height:0;display:grid;grid-template-columns:minmax(150px,.36fr) 1fr;gap:var(--s4);padding:0 calc(var(--gutter) + 12px + env(safe-area-inset-right)) var(--s3) calc(var(--gutter) + 12px + env(safe-area-inset-left))}.onb-step.wide{grid-template-columns:1fr}.onb-art{display:grid;place-items:center;min-height:0}.onb-main{display:flex;flex-direction:column;min-height:0;min-width:0;gap:var(--s3);justify-content:center}.onb-step.wide .onb-main{max-width:980px;width:100%;margin:0 auto}.onb-head{display:flex;flex-direction:column;gap:4px}.onb-step.wide .onb-head{text-align:center;align-items:center}.onb-title{font-size:var(--fs-title)}.onb-sub{font-size:var(--fs-paragraph);max-width:560px}.onb-content{min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 2px;scrollbar-width:thin}.onb-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--s3);flex:none}.onb-step.wide .onb-footer{justify-content:center}.onb-footer .btn-primary,.onb-footer .btn-secondary{min-width:200px}.choice-grid{display:grid;gap:var(--s3)}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-tile{display:flex;align-items:center;gap:var(--s3);min-height:64px;padding:10px 14px;border-radius:var(--r-lg);background:var(--bg-raised);border:3px solid transparent;text-align:left;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast),background var(--t-fast);box-shadow:0 4px #00000038}.choice-tile:hover{background:var(--bg-mid)}.choice-tile:active{transform:scale(.97)}.choice-tile[aria-pressed=true]{border-color:var(--primary);background:var(--bg-mid)}.choice-tile.big{flex-direction:column;justify-content:flex-end;text-align:center;padding:12px;min-height:0;gap:var(--s2)}.choice-tile.big .duo{height:100px}.choice-label{font-family:var(--font-display);font-weight:600;font-size:var(--fs-paragraph);line-height:1.2}.choice-icon{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--ink);overflow:hidden;box-shadow:inset 0 -3px #00000026}.consent-box{gap:var(--s3)}.check-row{display:flex;align-items:center;gap:var(--s3);padding:12px 14px;border-radius:var(--r-md);background:var(--bg-raised);cursor:pointer;font-weight:600}.check-row input{position:absolute;opacity:0;pointer-events:none}.check-box{width:30px;height:30px;flex:none;border-radius:8px;border:3px solid var(--paper);display:grid;place-items:center;color:var(--bg-deep);transition:background var(--t-fast)}.check-row input:checked+.check-box{background:var(--c-success);border-color:var(--c-success)}.check-row input:focus-visible+.check-box,.check-row input:focus-visible+.mini-toggle{outline:3px solid var(--c-game);outline-offset:2px}.toggle-row{font-weight:500}.mini-toggle{width:48px;height:28px;flex:none;border-radius:14px;background:var(--disabled-bg);position:relative;transition:background var(--t-mid)}.mini-toggle:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--paper);transition:transform var(--t-mid) cubic-bezier(.34,1.56,.64,1)}.mini-toggle[data-on=true]{background:var(--c-success)}.mini-toggle[data-on=true]:after{transform:translate(20px)}.trust-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}.trust-badges li{display:flex;align-items:center;gap:var(--s2);padding:8px 12px;border-radius:var(--r-md);background:var(--bg-raised);font-weight:600}.trust-icon{width:36px;height:36px;flex:none}.trust-icon svg{width:100%;height:100%}.age-picker{gap:var(--s3);align-items:stretch}.age-bands{gap:var(--s2)}.age-band{min-width:72px;height:52px;padding:0 14px;border-radius:var(--r-pill);background:var(--bg-raised);font-family:var(--font-display);font-weight:700;font-size:18px;border:3px solid transparent;transition:transform var(--t-fast)}.age-band.on{border-color:var(--primary);background:var(--bg-mid)}.age-band:active{transform:scale(.95)}.age-stepper{gap:var(--s3)}.age-field{width:96px;height:52px;text-align:center;font-family:var(--font-display);font-size:24px;font-weight:700;padding:0}.age-picker.compact .age-field{width:72px;height:44px;font-size:20px}.age-picker.compact .age-stepper{justify-content:flex-start}.name-field{height:60px;font-size:22px;font-family:var(--font-display);max-width:440px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--s2)}.avatar-tile{display:grid;place-items:center;padding:6px;aspect-ratio:1;background:var(--bg-raised)}.avatar-tile svg{max-width:100%;height:auto}.avatar-tile.build{gap:2px;font-size:11px;font-weight:700;line-height:1.1;color:var(--c-highlight);border:3px dashed rgba(255,194,58,.55)}.avatar-tile.build[aria-pressed=true]{border-style:solid;border-color:var(--primary)}.profile-form .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}.builder{display:grid;grid-template-columns:200px 1fr;gap:var(--s4);min-height:0}.builder-preview{gap:var(--s3);background:var(--bg-mid);border-radius:var(--r-lg);padding:var(--s3)}.builder-side{min-width:0;gap:var(--s2)}.builder-slots{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;padding-right:40px}.builder-slots .chip{flex:none}.builder-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--s2);max-height:210px;overflow-y:auto}.builder-choice{display:grid;place-items:center;padding:4px;aspect-ratio:1}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid var(--paper)}.signature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s2)}.paper-tile{background:var(--paper);color:var(--ink)}.signature-tile{min-height:70px;display:grid;place-items:center;font-size:26px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 4px #00000040}.signature-tile[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 3px #ff7a1a59,0 4px #00000040}.signature-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.subject-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s3)}.subject-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px 8px 10px;border-radius:var(--r-lg);background:var(--bg-raised);border:3px solid transparent;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast);box-shadow:0 4px #00000038}.subject-card[aria-pressed=true]{border-color:var(--primary);transform:translateY(-3px)}.subject-thumb{display:block;aspect-ratio:4 / 3;border-radius:var(--r-sm);overflow:hidden;background:var(--paper)}.subject-thumb svg{width:100%;height:100%;display:block}.subject-label{font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);text-align:center}.subject-check{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--bg-deep);transform:scale(0);transition:transform var(--t-mid) cubic-bezier(.34,1.56,.64,1)}.subject-card[aria-pressed=true] .subject-check{transform:scale(1)}.subject-grid.variant-animated .subject-card{animation:card-pop .52s cubic-bezier(.34,1.56,.64,1) both}@keyframes card-pop{0%{opacity:0;transform:translateY(30px) scale(.7) rotate(-6deg)}}.preview-row{display:flex;gap:var(--s4);justify-content:center;padding:var(--s3) var(--s2);overflow-x:auto;scrollbar-width:none}.preview-polaroid{margin:0;width:128px;flex:none;transform:rotate(var(--tilt, 0deg));animation:card-pop .52s cubic-bezier(.34,1.56,.64,1) both}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}.benefit-card{background:var(--bg-raised);border-radius:var(--r-lg);padding:var(--s3);display:flex;flex-direction:column;gap:6px;animation:card-pop .52s cubic-bezier(.34,1.56,.64,1) both}.benefit-card h3{font-size:var(--fs-paragraph)}.benefit-card p{font-size:var(--fs-body)}.reminder-picker{gap:var(--s3)}.day-chips{gap:6px;flex-wrap:wrap}.day-chip{width:46px;height:46px;border-radius:50%;background:var(--bg-raised);font-family:var(--font-display);font-weight:700;font-size:15px;border:3px solid transparent;transition:background var(--t-fast),transform var(--t-fast)}.day-chip.on{background:var(--primary);color:var(--bg-deep)}.day-chip:active{transform:scale(.92)}.time-row{gap:var(--s2);font-weight:600}.time-field{width:140px;height:44px;font-family:var(--font-display);font-size:18px}.profile-form{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s4);align-items:start}.profile-form .field{height:46px}.profile-form-right,.survey{gap:var(--s2)}.survey-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-top:var(--s2)}.survey-option{padding:12px 14px;border-radius:var(--r-md);background:var(--bg-mid);text-align:left;font-weight:600;transition:background var(--t-fast)}.survey-option:hover{background:var(--bg-glow)}.paper-pencil{position:relative;width:170px;height:170px}.mini-paper{position:absolute;inset:20px 10px 10px 20px;background:var(--paper);border-radius:6px;transform:rotate(-6deg);box-shadow:var(--paper-shadow-elev)}.mini-pencil{position:absolute;right:0;top:-6px;transform:rotate(28deg);animation:wiggle 1.6s ease-in-out infinite}.paper-scribble{position:absolute;left:-16px;bottom:-16px}.circle-demo svg{filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.demo-circle{stroke-dasharray:1 1;stroke-dashoffset:1;animation:demo-draw 2.6s ease-in-out infinite;transform-origin:100px 100px;transform:rotate(-90deg)}.demo-pencil{offset-path:path("M100 30 A70 70 0 1 1 99.99 30");offset-rotate:0deg;animation:demo-pencil 2.6s ease-in-out infinite}@keyframes demo-draw{70%,to{stroke-dashoffset:0}}@keyframes demo-pencil{0%{offset-distance:0%}70%,to{offset-distance:100%}}.processing{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--s6);padding:var(--s4)}.processing-ring{position:relative;width:120px;height:120px;flex:none}.processing-ring>svg{transform:rotate(-90deg)}.ring-fill{stroke-dasharray:1 1;stroke-dashoffset:1;animation:logo-draw linear forwards}.ring-scribble{position:absolute;inset:25px}.processing-lines{gap:var(--s2)}.process-line{display:flex;align-items:center;gap:var(--s2);font-weight:600;opacity:.4;transition:opacity var(--t-mid)}.process-line.active,.process-line.done{opacity:1}.process-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--paper);display:grid;place-items:center}.process-line.done .process-dot{background:var(--c-success);border-color:var(--c-success);color:var(--bg-deep)}.process-line.active .process-dot{border-color:var(--primary);border-top-color:transparent;animation:spin .8s linear infinite}.whos-inner{flex:1;gap:var(--s4);padding:var(--s4);align-content:center}.whos-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s4)}.whos-tile{display:flex;flex-direction:column;align-items:center;gap:6px;width:120px;transition:transform var(--t-fast) var(--ease)}.whos-tile:hover{transform:translateY(-4px)}.whos-avatar{width:112px;height:112px;border-radius:50%;background:var(--bg-raised);display:grid;place-items:center;border:4px solid var(--c-highlight)}.whos-tile.add .whos-avatar{border-style:dashed;border-color:#fffbf459;color:var(--text-muted)}.whos-name{font-size:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whos-tile.add .whos-name{font-family:var(--font-display);font-size:15px;font-weight:600}.unlock-stage{flex:1;gap:var(--s3);padding:var(--s4);align-content:center}.unlock-scene{position:relative;width:360px;height:190px}.coin-wrap{position:absolute;left:20px;top:10px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .9s cubic-bezier(.5,-.3,.6,1),opacity .9s;animation:float 3s ease-in-out infinite}.coin-wrap.fly,.coin-wrap.open{transform:translate(150px,60px) scale(.2) rotate(360deg);opacity:0;animation:none}.coin-labels{display:flex;gap:4px}.coin-labels .chip{font-size:10px;padding:3px 8px}.coin-piece{animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}.chest{position:absolute;right:50px;bottom:0;width:140px;height:110px}.chest-body{position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(#a8693f,#8c5a3c);border:4px solid #132630;border-radius:8px 8px 12px 12px;display:grid;place-items:center}.chest-lid{position:absolute;left:-4px;right:-4px;bottom:62px;height:44px;background:linear-gradient(#c58350,#a8693f);border:4px solid #132630;border-radius:40px 40px 6px 6px;transform-origin:10% 100%;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.chest.open .chest-lid{transform:rotate(-38deg) translateY(-6px)}.chest-lock{width:34px;height:34px;border-radius:8px;background:var(--gold);border:3px solid #132630;display:grid;place-items:center;color:var(--ink);margin-top:-18px}.chest-glow{position:absolute;left:50%;bottom:60px;width:220px;height:220px;margin-left:-110px;border-radius:50%;background:radial-gradient(closest-side,#ffc23ad9,#ffc23a00 70%);opacity:0;transform:scale(.3);transition:opacity .5s,transform .7s var(--ease)}.chest.open .chest-glow{opacity:1;transform:scale(1);animation:pulse 1.8s ease-in-out .7s infinite}.chest:not(.open){animation:wiggle .9s ease-in-out infinite}.unlock-scribble{position:absolute;left:-70px;bottom:-8px}.unlock-choose{flex:1;min-height:0;padding:var(--s4) calc(var(--gutter) + 12px);gap:var(--s3);justify-content:center}.unlock-choose h1{text-align:center}.path-cards{display:flex;gap:var(--s3);overflow-x:auto;padding:6px 4px 12px;scrollbar-width:none}.path-card{flex:0 0 150px;display:flex;flex-direction:column;gap:6px;padding:8px 8px 12px;border-radius:var(--r-lg);background:var(--bg-raised);text-align:center;border-bottom:5px solid var(--primary);transition:transform var(--t-fast) var(--ease);animation:card-pop .52s cubic-bezier(.34,1.56,.64,1) both}.path-card:hover{transform:translateY(-4px)}.path-card.tone-highlight{border-color:var(--c-highlight)}.path-card.tone-game{border-color:var(--c-game)}.path-card.tone-success{border-color:var(--c-success)}.path-card.tone-brand{border-color:var(--c-brand)}.path-card.tone-coral{border-color:var(--c-coral)}.path-card.tone-pink{border-color:var(--c-pink)}.path-card.playground{border-color:var(--paper);background:var(--bg-mid)}.path-thumb{aspect-ratio:4 / 3;border-radius:var(--r-sm);overflow:hidden;background:var(--paper);color:var(--ink)}.path-thumb svg.drawing-view{width:100%;height:100%}.path-card.playground .path-thumb{background:var(--bg-raised);color:var(--c-highlight)}.path-name{font-family:var(--font-display);font-weight:700}.paywall-close{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));z-index:3;background:transparent;opacity:0;pointer-events:none;transition:opacity .6s}.paywall-close.shown{opacity:.45;pointer-events:auto}.paywall-grid{flex:1;min-height:0;display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s4);padding:10px calc(var(--gutter) + env(safe-area-inset-right)) 10px calc(var(--gutter) + 32px + env(safe-area-inset-left))}.paywall-hero{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:var(--s3)}.hero-stickers{position:absolute;inset:0;pointer-events:none}.hero-polaroid{position:absolute;width:92px;aspect-ratio:4 / 3;background:var(--paper);padding:5px;border-radius:4px;box-shadow:var(--paper-shadow-elev);animation:float 4s ease-in-out infinite}.hero-polaroid svg{width:100%;height:100%}.hero-polaroid.p0{right:4%;top:2%;transform:rotate(8deg)}.hero-polaroid.p1{right:30%;top:0;width:74px;animation-delay:1s;transform:rotate(-6deg)}.hero-polaroid.p2{right:0;bottom:30%;width:70px;animation-delay:2s;transform:rotate(-10deg);opacity:.85}.hero-sticker{position:absolute;animation:twinkle 3s ease-in-out infinite}.hero-sticker.s0{left:2%;top:6%}.hero-sticker.s1{left:46%;top:30%;color:var(--c-coral);animation-delay:1.2s}.hero-sticker.s2{right:34%;bottom:8%;color:var(--c-highlight);animation-delay:.6s}.hero-chars{display:flex;align-items:flex-end;gap:0;position:relative;margin-top:40px}.hero-copy{position:relative}.hero-copy h1{font-size:var(--fs-display);margin-bottom:6px}.hero-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.hero-benefits li{display:flex;gap:6px;align-items:flex-start;font-size:var(--fs-body)}.hero-benefits li svg{color:var(--c-success);flex:none;margin-top:1px}.paywall-panel{min-height:0;overflow-y:auto;gap:8px;justify-content:center;max-width:520px;width:100%;justify-self:center;padding:2px;scrollbar-width:none}.segmented{display:flex;padding:4px;border-radius:var(--r-pill);background:var(--bg-deep);flex:none}.segmented button{flex:1;height:36px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--text-muted);transition:background var(--t-mid),color var(--t-mid)}.segmented button.on{background:var(--paper);color:var(--ink)}.offer-list{display:flex;flex-direction:column;gap:6px}.offer{display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:56px;border-radius:var(--r-md);background:var(--bg-raised);border:3px solid transparent;text-align:left;transition:border-color var(--t-fast),background var(--t-fast)}.offer.on{border-color:var(--primary);background:var(--bg-mid)}.offer-radio{width:20px;height:20px;flex:none;border-radius:50%;border:3px solid var(--text-muted)}.offer.on .offer-radio{border-color:var(--primary);background:radial-gradient(circle,var(--primary) 45%,transparent 50%)}.offer-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.offer-title{font-family:var(--font-display);font-weight:700;font-size:16px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.offer-note{font-size:11px;color:var(--text-muted)}.badge{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-pill);padding:2px 7px}.badge.best{background:var(--c-highlight);color:var(--ink)}.badge.off{background:var(--c-success);color:var(--ink)}.offer-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none}.offer-price b{font-family:var(--font-display);font-size:15px}.offer-price small{font-size:11px;color:var(--text-muted)}.trial{background:#071a228c;border-radius:var(--r-md);padding:8px 10px;flex:none}.trial-title{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--c-highlight);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.trial-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}.trial-steps:before{content:"";position:absolute;left:12px;right:30%;top:12px;height:3px;background:linear-gradient(90deg,var(--c-success),var(--primary));border-radius:2px;opacity:.6}.trial-steps li{display:flex;flex-direction:column;gap:4px;position:relative}.trial-dot{width:26px;height:26px;border-radius:50%;background:var(--primary);color:var(--bg-deep);display:grid;place-items:center}.trial-steps li:first-child .trial-dot{background:var(--c-success)}.trial-text{display:flex;flex-direction:column;font-size:11px;line-height:1.25}.trial-text b{font-size:12px}.trial-text small{font-weight:400;color:var(--text-muted)}.paywall-foot{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.paywall-foot .link{font-size:12px}.terms{font-size:10px;color:var(--text-muted);line-height:1.3}.premium-state{gap:var(--s3);color:var(--c-highlight)}.premium-state h2,.premium-state p{color:var(--paper)}.adult-check{gap:var(--s2)}.adult-q{font-family:var(--font-display);font-size:30px;font-weight:700}.adult-answer{min-width:80px;height:56px;border-radius:var(--r-md);background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:700;box-shadow:0 4px #00000040}.adult-answer:active{transform:translateY(2px)}.paywall-postframe{align-items:center;justify-content:center}.paywall-post{align-items:center;text-align:center;gap:var(--s2);max-width:560px;width:100%;padding:var(--s4);overflow-y:auto;max-height:100%}.post-form{width:min(380px,100%)}.family-row{gap:var(--s3);margin:var(--s2) 0}.family-avatar{gap:4px;width:72px}.family-avatar small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plus-circle{width:56px;height:56px;border-radius:50%;border:3px dashed rgba(255,251,244,.4);display:grid;place-items:center}.drawer-scrim{place-items:stretch;padding:0}.account-drawer{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4) var(--s5);padding-left:calc(var(--s5) + env(safe-area-inset-left))}.cheats-trigger{position:absolute;top:30%;bottom:30%;width:18px;z-index:2;touch-action:none}.cheats-trigger.left{left:0}.cheats-trigger.right{right:0}.drawer-close{position:absolute;top:10px;right:18px;width:36px;height:36px;z-index:3}.drawer-profile{padding-right:40px}.drawer-name{font-family:var(--font-display);font-size:var(--fs-subtitle)}.drawer-profile .chip{align-self:flex-start}.drawer-label{font-size:var(--fs-label);color:var(--text-muted);margin-bottom:4px}.drawer-switch{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none}.switch-avatar{display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;flex:none;padding:4px;border-radius:var(--r-md);border:2px solid transparent}.switch-avatar.on{border-color:var(--c-highlight)}.switch-avatar small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-list{display:flex;flex-direction:column}.drawer-item{display:flex;align-items:center;gap:var(--s3);padding:9px 6px;border-radius:var(--r-sm);font-weight:600;color:var(--paper);text-decoration:none;text-align:left;width:100%}.drawer-item:hover{background:#fffbf40f}.drawer-item svg{color:var(--primary-soft);flex:none}.drawer-item.danger,.drawer-item.danger svg{color:#ff8f8f}.mini-seg{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--bg-deep);flex:none}.mini-seg button{padding:5px 12px;border-radius:var(--r-pill);font-weight:700;font-size:12px;color:var(--text-muted)}.mini-seg button.on{background:var(--paper);color:var(--ink)}.set-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);align-items:start}.set-card{display:flex;flex-direction:column;gap:2px}.set-row{display:flex;align-items:center;gap:var(--s3);padding:8px 0;min-height:48px;border-bottom:1px solid rgba(255,251,244,.06);font-weight:600}.set-row:last-child{border-bottom:0}.set-row>svg{color:var(--primary-soft);flex:none}.set-card .reminder-picker{padding:4px 0 10px}.set-card .day-chip{width:38px;height:38px;font-size:13px}.set-links{margin-top:var(--s2)}.set-version{margin-top:var(--s2);text-align:right}.account .set-card{gap:var(--s2)}.acc-email{font-family:var(--font-display);font-size:var(--fs-subtitle);font-weight:700;word-break:break-all}.acc-danger{margin-top:var(--s3);gap:0;border-top:1px solid rgba(255,251,244,.08);padding-top:var(--s2)}.account .code-input input{width:46px;height:52px}.profile-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s3);margin-bottom:var(--s3)}.profile-card{gap:var(--s2)}.profile-card.add{min-height:150px;border:3px dashed rgba(255,251,244,.25);background:transparent;color:var(--text-muted);gap:6px}.profile-name{font-size:22px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tight-row{gap:6px;min-height:0}.profile-actions{gap:6px}.profile-actions .icon-btn{width:40px;height:40px}.tabs-row{gap:6px;flex-wrap:wrap}.cheats-tabs{gap:6px;padding:0 var(--gutter) var(--s2);overflow-x:auto;scrollbar-width:none;flex:none}.cheats-tabs .chip{flex:none;font-size:13px}.cheats .card{margin-bottom:var(--s3)}.cheats .row.wrap{gap:var(--s2)}.select{width:auto;min-width:140px;height:40px;font-size:14px}.analytics-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.analytics-list li{background:var(--bg-raised);border-radius:var(--r-sm);padding:6px 10px;word-break:break-word}.analytics-list code{display:block;color:var(--text-muted);font-size:11px}@media(max-height:430px){.landing-title{font-size:28px}.landing-copy{gap:8px}.landing-art{max-height:300px}.landing-scribble{width:92px;height:92px}.onb-top,.onb .onb-top{min-height:48px;padding-top:6px}.onb-step{grid-template-columns:minmax(130px,.3fr) 1fr;gap:var(--s3)}.onb-art svg{max-width:130px;max-height:130px}.onb-main{gap:10px}.onb-title{font-size:22px}.onb-sub{font-size:14px}.choice-tile{min-height:54px;padding:8px 12px}.choice-tile.big .duo{height:84px}.choice-tile.big .duo svg{max-height:84px}.choice-icon{width:38px;height:38px}.choice-label{font-size:15px}.trust-badges li{padding:6px 10px}.trust-icon{width:30px;height:30px}.check-row{padding:8px 12px}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px}.signature-tile{min-height:58px;font-size:22px}.subject-grid{gap:10px}.subject-label{font-size:12px}.preview-polaroid{width:108px}.benefit-card{padding:10px}.benefit-card h3{font-size:14px}.benefit-card p{font-size:12px}.day-chip{width:40px;height:40px}.age-band{height:44px;min-width:64px;font-size:16px}.age-field{height:44px}.name-field{height:52px}.code-input input{width:46px;height:50px}.signin-grid{gap:var(--s4)}.signin-hero .scribble{width:90px;height:90px}.signin-form .field{height:42px}.signin-form{gap:6px}.whos-avatar{width:92px;height:92px}.whos-avatar svg{width:72px;height:72px}.unlock-scene{transform:scale(.86);margin:-14px 0}.path-card{flex-basis:132px}.hero-chars svg:first-child{width:80px;height:80px}.hero-chars svg:last-child{width:70px;height:70px}.hero-chars{margin-top:28px}.hero-copy h1{font-size:24px}.hero-benefits li{font-size:12px}.hero-polaroid{width:76px}.hero-polaroid.p1{width:60px}.hero-polaroid.p2{width:56px}.offer{min-height:50px;padding:6px 10px}.segmented button{height:32px}.paywall-panel{gap:6px}.builder{grid-template-columns:150px 1fr}.builder-preview svg{width:110px;height:110px}.builder-choices{max-height:170px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.builder-choice svg{width:48px;height:48px}.processing{gap:var(--s5)}.paper-pencil{transform:scale(.85)}.circle-demo svg{width:140px;height:140px}.account-drawer{padding-top:var(--s3);gap:6px}.drawer-item{padding:7px 6px}.profile-form{gap:var(--s3)}}@media(orientation:portrait){.landing-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:56px;overflow-y:auto}.landing-copy{order:2;align-items:center;text-align:center;margin:0 auto}.landing-ctas{align-items:center}.landing-art{max-height:300px}.signin-grid{grid-template-columns:1fr;align-content:start}.onb-step{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.onb-art svg{max-width:120px;max-height:120px}.onb-head{text-align:center;align-items:center}.onb-footer{justify-content:center;flex-wrap:wrap}.choice-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-row{flex-wrap:wrap}.profile-form,.builder{grid-template-columns:1fr}.paywall-grid{grid-template-columns:1fr;overflow-y:auto;padding-left:var(--gutter);padding-top:48px}.paywall-panel{overflow:visible}.set-columns{grid-template-columns:1fr}.processing{flex-direction:column}.survey-options{grid-template-columns:1fr}}.full.onb,.full.landing,.full.signin,.full.whos,.full.unlock-all,.full.paywall,.full.paywall-postframe,.onb-body{overflow:clip}.onb-content .avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:520px}.onb-content .avatar-tile svg{width:100%;height:100%}.age-bands,.onb-step.wide .age-bands,.age-picker .age-stepper{justify-content:flex-start}.onb-step:not(.wide) .onb-content .center-row{justify-content:flex-start}.paywall-panel>*{flex-shrink:0}.paywall-panel{justify-content:safe center}.paywall-foot{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 10px;text-align:left}.paywall-foot .terms{flex:1 1 240px;min-width:0;margin:0}.paywall-foot .mon-foot-links{flex:none;flex-wrap:wrap}.paywall-foot .link{flex:none}.hero-polaroid.p2{bottom:auto;top:34%}@media(max-height:430px){.offer{min-height:46px;padding:4px 10px}.trial{padding:6px 10px}.trial-title{margin-bottom:4px;font-size:12px}.trial-dot{width:22px;height:22px}.trial-steps:before{top:10px}.paywall-grid{padding-top:8px;padding-bottom:6px}.paywall-panel .btn-primary{height:44px}}.preview-polaroid{padding:7px 7px 0}.preview-polaroid .caption{font-size:13px}@media(min-width:1000px)and (min-height:600px){.onb-body>.onb-step,.onb-body>.processing{zoom:1.25}.onb-step{max-width:1100px;margin:0 auto;width:100%}.landing-grid,.signin-grid,.whos-inner,.unlock-stage,.unlock-choose,.paywall-post{zoom:1.2}.paywall-grid{zoom:1.3;max-width:1180px;width:100%;margin:0 auto;align-items:center}}@media(orientation:portrait){.onb-step:not(.wide) .onb-content .center-row{justify-content:center}}.drawer-head{display:flex;flex-direction:column;gap:var(--s2)}@media(max-height:430px)and (orientation:landscape){.account-drawer{width:min(580px,86vw)}.drawer-head{flex-direction:row;align-items:center;padding-right:40px}.drawer-head .drawer-profile{padding-right:0;flex:none}.drawer-head .drawer-section{min-width:0}.drawer-head .drawer-label{display:none}.drawer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s3)}.drawer-item{padding:6px}}.unlock-scene{width:440px}.coin-wrap{left:30px;width:180px}.chest{right:20px}.unlock-scribble{left:-60px}.coin-wrap.fly,.coin-wrap.open{transform:translate(220px,70px) scale(.2) rotate(360deg)}.path-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));overflow:visible}.path-card{flex:none;min-width:0}@media(orientation:portrait){.unlock-scene{transform:scale(.8)}.path-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.unlock-choose{overflow-y:auto;justify-content:flex-start}}.cal-great-art{position:relative;display:inline-block}.cal-great-art>:last-child{position:absolute;right:-18px;bottom:4px}.lesson{overflow:clip}.lesson-head{height:56px;flex:none;padding:6px 16px;gap:10px;position:relative;z-index:2}.lesson-head .icon-btn{width:42px;height:42px}.lesson-head .icon-btn svg{width:22px;height:22px}.lesson-progress{gap:4px;max-width:520px}.lesson-step{font-family:var(--font-display);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-title{font-weight:500}.lesson-together{gap:2px;padding:2px 8px;background:var(--bg-raised);border-radius:var(--r-pill);color:var(--c-coral)}.lesson-body{flex:1;min-height:0;position:relative;overflow:clip;animation:les-in var(--t-slow) var(--ease)}@keyframes les-in{0%{opacity:0;transform:translate(18px)}}.item-split{height:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);grid-template-rows:minmax(0,100%);gap:20px;padding:6px 24px 16px;align-items:center}.item-paper{height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;position:relative}.item-paper.paper-card{background:var(--paper)}.item-paper>.drawing-view,.item-paper>svg{width:100%;height:100%}.item-side{justify-content:center;gap:12px;min-width:0}.item-side .btn{align-self:flex-start}.item-title{font-family:var(--font-display);font-size:22px;line-height:1.2;font-weight:600}.item-center{height:100%;padding:4px 24px 16px;gap:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sp{height:100%;display:flex;flex-direction:column}.sp-stage{flex:1;min-height:0;position:relative;padding:0 16px;display:grid;place-items:center}.sp-paper{width:100%;height:100%;border-radius:var(--r-md);box-shadow:var(--paper-shadow-elev);background:var(--paper)}.sp-pencil{transition:transform 40ms linear}.sp-pencil.moving>g{animation:sp-wobble .35s ease-in-out infinite}@keyframes sp-wobble{50%{transform:rotate(-31deg)}}.sp-caption{position:absolute;left:50%;bottom:10px;transform:translate(-50%);max-width:min(640px,86%);background:#071a22db;color:var(--paper);border-radius:var(--r-md);padding:8px 16px;font-size:16px;line-height:1.3;text-align:center;animation:sp-centre-in var(--t-slow) var(--ease)}@keyframes sp-centre-in{0%{opacity:0;transform:translate(-50%) scale(.92)}}.sp-step{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-highlight);font-weight:700}.sp-turn{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:min(320px,46%);padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;animation:sp-turn-in var(--t-slow) var(--ease);border:3px solid var(--primary);z-index:6}@keyframes sp-turn-in{0%{opacity:0;transform:translateY(-50%) scale(.94)}}.sp-turn-step{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.sp-turn h3{font-family:var(--font-display);font-size:24px;color:var(--primary-pressed)}.sp-turn-head{gap:8px}.sp-turn-head .juno{flex:none;margin:-4px 0 -6px -4px}.sp-turn-body{font-size:14px;color:var(--ink-muted)}.sp-turn-caption{font-family:var(--font-hand);font-size:18px}.sp-turn-actions{margin-top:6px;justify-content:space-between;flex-wrap:wrap;gap:8px}.sp-turn-actions .btn-primary{flex:1}.sp-tips{position:absolute;left:28px;top:8px;width:min(280px,40%);padding:10px 14px 14px;animation:pop-in var(--t-slow) var(--ease)}.sp-tips .icon-btn{width:32px;height:32px}.sp-pip{position:absolute;left:26px;bottom:14px;width:150px;padding:4px;cursor:grab;touch-action:none;border:3px solid var(--c-game);animation:pop-in var(--t-slow) var(--ease);z-index:3}.sp-pip .drawing-view{display:block;width:100%;height:auto}.sp-pip-close{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;background:var(--bg-deep);color:var(--paper);display:grid;place-items:center}.sp-controls{height:58px;flex:none;padding:0 16px;gap:8px}.sp-controls .icon-btn{width:40px;height:40px}.sp-controls .icon-btn svg{width:20px;height:20px}.sp-skip{position:relative}.sp-skip.fwd svg{transform:scaleX(-1)}.sp-skip span{position:absolute;font-size:8px;font-weight:800;top:50%;left:50%;transform:translate(-50%,-38%)}.sp-slider{position:relative;height:28px;display:flex;align-items:center}.sp-slider input[type=range],.item-side input[type=range],.demo-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--primary) var(--p, 50%),var(--bg-raised) var(--p, 50%));outline:none}.item-side input[type=range],.demo-range{background:var(--bg-raised)}.sp-slider input[type=range]::-webkit-slider-thumb,.item-side input[type=range]::-webkit-slider-thumb,.demo-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--paper);border:4px solid var(--primary);box-shadow:0 2px 6px #0006}.sp-marker{position:absolute;top:50%;width:4px;height:16px;margin-left:-2px;transform:translateY(-50%);border-radius:2px;background:var(--c-highlight);pointer-events:none;opacity:.85}.sp-marker.done{background:var(--paper)}.sp-time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-muted);white-space:nowrap}.sp-speed{min-width:52px;justify-content:center;height:34px;font-size:13px}.tips-row{gap:16px}.les-tip-card{width:min(420px,60vw);min-height:170px;padding:18px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:tip-in var(--t-slow) var(--ease)}.les-tip-card h3{font-family:var(--font-hand-bold);font-size:22px}.tip-num{font-size:12px;color:var(--ink-muted)}@keyframes tip-in{0%{opacity:0;transform:rotate(-3deg) translate(30px)}}.redirect-card{width:min(620px,92%);padding:18px 20px;gap:16px;text-align:left}.redirect-card .muted{color:var(--ink-muted)}.redirect-card h2{font-family:var(--font-display);font-size:22px}.redirect-icon{width:76px;height:76px;border-radius:22px;background:var(--primary);color:var(--bg-deep);display:grid;place-items:center;flex:none}.anim-item{height:100%;display:flex;flex-direction:column}.anim-scene{flex:1;min-height:0;display:grid;place-items:center;padding:0 24px}.scene-svg{height:100%;max-width:100%}.anim-caption{padding:8px 24px 16px;gap:16px}.anim-caption h2{font-family:var(--font-display);font-size:22px}.warm-loops,.warm-zig,.sheet-doodle,.loa-line{stroke-dasharray:1 1;stroke-dashoffset:1;animation:draw-on 2.4s var(--ease) forwards infinite alternate}.warm-zig{animation-delay:.6s}@keyframes draw-on{to{stroke-dashoffset:0}}.warm-pencil{offset-path:path("M90 120c20-60 40-60 50 0s30 60 50 0 30-60 50 0 30 60 50 0");offset-rotate:0deg;animation:warm-move 2.4s var(--ease) infinite alternate}@keyframes warm-move{0%{offset-distance:0%}to{offset-distance:100%}}.scene-paper{position:relative;height:100%;width:min(560px,100%);display:grid;place-items:center}.scene-sheet{width:62%;aspect-ratio:4 / 3;transform:rotate(-4deg);animation:sheet-in .8s var(--ease) both;display:grid;place-items:center}.scene-sheet svg{width:80%}@keyframes sheet-in{0%{transform:translateY(60px) rotate(8deg);opacity:0}}.scene-scribble{position:absolute;left:0;bottom:0;animation:float 3s ease-in-out infinite}.scene-big-pencil{position:absolute;right:8%;top:6%;height:70%;transform-origin:50% 100%;animation:wiggle 1.2s ease-in-out infinite}.light-sun{offset-path:path("M60 70Q200 -20 340 70");animation:warm-move 3s ease-in-out infinite alternate}.light-shadow{animation:shadow-move 3s ease-in-out infinite alternate}@keyframes shadow-move{0%{transform:translate(40px) scaleX(1.25)}50%{transform:translate(0) scaleX(.9)}to{transform:translate(-40px) scaleX(1.25)}}.loa-figure{opacity:0;animation:loa-fig 4.8s var(--ease) infinite}@keyframes loa-fig{0%,40%{opacity:0}55%,to{opacity:1}}.interactive-stage{padding:8px}.demo{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.demo svg{flex:1;min-height:0;width:100%;cursor:pointer}.demo-btn{height:36px;background:var(--primary);color:var(--bg-deep)}.demo-range{width:70%;margin-bottom:8px}.les-pop{animation:pop-in var(--t-slow) var(--ease);transform-box:fill-box;transform-origin:center}.grav{transition:transform .7s cubic-bezier(.5,0,.6,1.4)}.reveal{cursor:ew-resize;touch-action:none;user-select:none}.reveal>.drawing-view,.reveal-top .drawing-view{width:100%;height:100%}.reveal-top{position:absolute;inset:0;display:grid;place-items:center}.reveal-handle{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--primary);pointer-events:none}.reveal-handle i{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:var(--primary);box-shadow:0 3px 8px #00000059}.reveal-handle i:before,.reveal-handle i:after{content:"";position:absolute;top:13px;border:7px solid transparent}.reveal-handle i:before{left:3px;border-right-color:var(--bg-deep)}.reveal-handle i:after{right:3px;border-left-color:var(--bg-deep)}.reveal-tag{position:absolute;top:8px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ink-muted);background:var(--paper-alt);border-radius:99px;padding:2px 8px}.reveal-tag.left{left:8px}.reveal-tag.right{right:8px}.toggle-stage .toggle-layer{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .5s var(--ease),transform .5s var(--ease)}.toggle-stage .toggle-layer .drawing-view{width:100%;height:100%}.toggle-stage .toggle-layer.on{opacity:0;transform:scale(.97)}.toggle-stage[data-on=true] .toggle-layer.on{opacity:1;transform:none}.toggle-stage[data-on=true] .toggle-layer.off{opacity:0}.les-toggle-row{gap:12px;font-weight:700}.gallery-row{gap:22px;justify-content:center}.gallery-opt{width:min(190px,26vw);position:relative;transform:rotate(var(--rot));transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid);padding-top:5%}.gallery-opt .photo{background:var(--paper)}.gallery-opt.on{transform:rotate(0) scale(1.06);box-shadow:0 0 0 4px var(--primary),var(--paper-shadow-elev)}.gallery-check{position:absolute;top:-12px;right:-12px;width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--bg-deep);display:grid;place-items:center;animation:pop-in var(--t-slow) var(--ease)}.les-builder{height:100%;display:grid;grid-template-columns:136px minmax(0,1fr) auto;grid-template-rows:minmax(0,100%);gap:16px;padding:4px 24px 16px}.les-builder-side{display:flex;flex-direction:column;gap:4px;overflow-y:auto;background:var(--bg-raised);border-radius:var(--r-md);padding:6px}.les-builder-tab{position:relative;text-align:left;padding:5px 10px;border-radius:var(--r-sm);font-weight:600;font-size:13px;color:var(--text-muted)}.les-builder-tab.on{background:var(--primary);color:var(--bg-deep)}.les-builder-dot{position:absolute;right:8px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--c-success)}.les-builder-main{min-height:0;gap:6px;align-items:center}.les-builder-title{font-family:var(--font-display);font-size:18px;text-align:center}.les-builder-preview{flex:1;min-height:0;display:grid;place-items:center}.les-builder-char{width:min(44dvh,340px);height:min(44dvh,340px);max-height:100%;animation:float 3s ease-in-out infinite}.les-builder-options{gap:8px;overflow-x:auto;max-width:100%;padding:4px}.les-builder-opt{flex:none;width:60px;height:60px;border-radius:var(--r-md);background:var(--bg-raised);display:grid;place-items:center;border:3px solid transparent}.les-builder-opt.on{border-color:var(--primary);background:var(--bg-mid)}.les-builder-swatch{width:36px;height:36px;border-radius:50%;border:3px solid var(--paper)}.les-builder-stop{font-size:12px;font-weight:700}.les-builder-cta{display:flex;align-items:flex-end}.scan-turn{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:30;font-size:14px}.scan-polaroid{height:auto;max-height:100%;width:auto;aspect-ratio:auto}.scan-polaroid .photo,.les-jr-photo .photo,.cel-front .photo,.stm-photo .photo{aspect-ratio:4 / 3}.scan-polaroid .photo img,.les-jr-photo .photo img,.cel-front .photo img,.stm-photo .photo img,.fb-photo-small .photo img{object-fit:contain;background:var(--paper)}.scan-polaroid{width:min(100%,calc((100dvh - 120px)/.8));justify-self:center}.dt-pair{gap:28px;justify-content:center}.dt-avatar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--r-lg);background:var(--bg-raised);border:3px solid transparent;transition:border-color var(--t-mid)}.dt-avatar.on{border-color:var(--c-success)}.capture{background:#000;z-index:40;overflow:hidden}.capture-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.capture-fallback-bg{position:absolute;inset:0}.capture-flash{position:absolute;inset:0;background:#fff;pointer-events:none;animation:flash .35s ease-out forwards;z-index:5}@keyframes flash{0%{opacity:.9}to{opacity:0}}.capture-top{position:absolute;top:12px;left:16px;right:16px;align-items:flex-start;z-index:3}.capture-ref{width:112px;padding:3px;transform:rotate(-2deg)}.capture-ref .drawing-view{display:block;width:100%;height:auto}.capture-top .btn-ghost{background:#071a228c;border-radius:var(--r-pill);text-decoration:none}.capture-frame{position:absolute;inset:16% 20% 18%;border:3px dashed rgba(255,251,244,.85);border-radius:var(--r-md);box-shadow:0 0 0 100vmax #071a2259;display:flex;justify-content:center;pointer-events:none}.capture-frame span{margin-top:-16px;height:30px;padding:4px 14px;border-radius:var(--r-pill);background:var(--bg-deep);color:var(--paper);font-weight:600;font-size:14px;white-space:nowrap}.capture-nocam{position:absolute;inset:70px 120px;gap:8px;z-index:2}.capture-nocam h3{font-family:var(--font-display);font-size:22px}.capture-nocam p{max-width:440px}.capture-bottom{position:absolute;bottom:14px;left:16px;z-index:3;gap:10px}@media(orientation:portrait){.capture-bottom{right:16px;flex-wrap:wrap;justify-content:center}}.capture-shutter{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:76px;height:76px;border-radius:50%;border:5px solid var(--paper);background:#fffbf426;display:grid;place-items:center;z-index:3}.capture-shutter i{width:56px;height:56px;border-radius:50%;background:var(--paper);transition:transform 90ms var(--ease)}.capture-shutter:active i{transform:scale(.88)}.cap-help{padding-left:22px;display:flex;flex-direction:column;gap:6px}.crop-step{flex-direction:row;z-index:41}.crop-stage{flex:1;min-width:0;padding:12px;display:grid;place-items:center}.crop-svg{width:100%;height:100%;touch-action:none;user-select:none}.crop-side{width:250px;padding:16px 20px 16px 4px;justify-content:center}.crop-side h3{font-family:var(--font-display);font-size:22px}.paper-canvas{flex-direction:row;z-index:42;gap:8px;padding:10px 12px}.pc-tools{display:flex;flex-direction:column;gap:8px;align-items:center}.pc-tools .icon-btn{width:44px;height:44px}.pc-swatches{display:grid;grid-template-columns:repeat(2,26px);gap:6px;margin-top:4px}.pc-swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,251,244,.35)}.pc-swatch.on{border:3px solid var(--paper);transform:scale(1.12)}.pc-stage{flex:1;min-width:0;position:relative;display:grid;place-items:center}.les-pc-title{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:2;background:var(--bg-deep);color:var(--paper);border-radius:var(--r-pill);padding:4px 12px;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none}.pc-stage.has-ref{display:flex;align-items:center;gap:10px}.pc-sheet{position:relative;flex:1;min-width:0;height:100%;display:grid;place-items:center}.pc-stage.has-ref .pc-canvas{width:min(100%,calc((100dvh - 24px) * 4 / 3))}.cref{display:flex;flex-direction:column;gap:4px;padding:6px;color:var(--ink)}.cref-panel{flex:0 0 32%;max-width:300px;max-height:100%;min-height:0;transform:rotate(-1.2deg)}.cref-head{justify-content:space-between;align-items:center;gap:6px;padding:0 2px 0 6px;font-family:var(--font-display);font-size:14px}.cref-hide{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:#13263014;color:var(--ink)}.cref-open{display:block;min-height:0;padding:0;border-radius:var(--r-sm, 10px);overflow:hidden;cursor:zoom-in}.cref-art{display:grid;place-items:center;aspect-ratio:1;width:100%;max-height:calc(100dvh - 92px);background:#fffbf4}.cref-art>svg,.cref-art .drawing-view{display:block;width:100%;height:100%}.cref-pip{width:128px;padding:4px;transform:rotate(-2deg)}.cref-pip .cref-head{font-size:12px}.cref-pip .cref-hide{width:26px;height:26px}.cref-show{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:8px 12px;border-radius:var(--r-pill);background:#071a22b3;color:var(--paper);font-size:13px;font-weight:600;white-space:nowrap}.cref-show.cref-panel{flex:none;transform:none;align-self:center}.modal:has(.cref-big){width:auto;min-width:0}.cref-big{width:min(78vw,calc(100dvh - 120px));margin:0 auto}.cref-big .cref-art{border-radius:var(--r-md);max-height:none}@media(orientation:portrait){.paper-canvas{flex-direction:column}.pc-tools{flex-direction:row;flex-wrap:wrap;justify-content:center}.pc-tools>.icon-btn:first-child{margin-right:auto}.pc-swatches{grid-template-columns:repeat(8,26px);margin-top:0}.pc-stage{min-height:0}.pc-actions{flex-direction:row}.pc-stage:not(.has-ref) .pc-canvas{width:100%}.pc-stage.has-ref{flex-direction:column;justify-content:center}.cref-panel{flex:none;width:min(46%,200px,24dvh);max-width:none}.pc-stage.has-ref .pc-sheet{height:auto;width:100%}.pc-stage.has-ref .pc-canvas{width:100%}}.pc-canvas{width:min(100%,calc((100dvh - 20px) * 4 / 3));aspect-ratio:4 / 3;background:#fffbf4;border-radius:var(--r-md);touch-action:none;cursor:crosshair;box-shadow:var(--paper-shadow-elev)}.pc-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.pc-done{padding:0 16px;font-size:14px}.fb-ring{position:relative;width:170px;height:170px}.fb-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.fb-ring-fill{stroke-dasharray:1 1;stroke-dashoffset:1;animation:ring-fill 1.4s var(--ease) forwards}@keyframes ring-fill{to{stroke-dashoffset:0}}.fb-ring-photo{position:absolute;inset:22px;width:calc(100% - 44px);height:calc(100% - 44px);border-radius:50%;object-fit:cover;background:var(--paper)}.fb-status{font-family:var(--font-display);font-size:20px;animation:pop-in var(--t-slow) var(--ease)}.fb-photo{background:var(--bg-raised);border-radius:var(--r-md);padding:8px}.fb-photo-frame{position:relative;display:inline-block;max-width:100%;max-height:100%;line-height:0}.fb-photo-frame img{display:block;max-width:100%;max-height:calc(100dvh - 110px);border-radius:var(--r-sm);background:var(--paper)}.fb-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fb-box{position:absolute;border:2px dashed rgba(91,111,120,.6);border-radius:8px;animation:pop-in .4s var(--ease) both}.fb-box.good{border:3px solid var(--c-success);background:#3ddc8429;box-shadow:0 0 14px #3ddc84b3}.fb-target{animation:pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.fb-arrow{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-on .8s .3s var(--ease) forwards}.fb-sparkle{position:absolute;transform:translate(-50%,-50%);color:var(--c-highlight);line-height:0;animation:twinkle 1.4s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,194,58,.8))}.fb-stars{display:flex;gap:2px}.fb-star{color:var(--disabled-fg)}.fb-star.on{color:var(--gold);animation:pop-in .5s var(--ease) both}.fb-headline{font-family:var(--font-display);font-size:21px;line-height:1.25}.fb-nudge{color:var(--c-highlight);font-size:15px}.fb-chips{gap:10px}.fb-chip{font-size:16px;padding:10px 18px;background:var(--bg-mid)}.fb-chip:hover,.fb-chip:active{background:var(--primary);color:var(--bg-deep)}.fb-photo-small{max-width:340px;height:auto;justify-self:center}.fb-check{width:110px;height:110px;animation:pop-in .5s var(--ease)}.fb-check-mark{stroke-dasharray:1 1;stroke-dashoffset:1;animation:draw-on .6s .3s var(--ease) forwards}.fb-fallback-scribble{position:absolute;left:40px;bottom:20px}.fb-fallback h2{font-family:var(--font-display)}.journal-upload{grid-template-columns:minmax(0,1fr) minmax(260px,1fr)}.jr-left{height:100%;min-height:0;justify-content:center;align-items:center;gap:8px}.les-jr-photo{width:min(100%,calc((100dvh - 200px)*1.2));transform:rotate(-1.5deg)}.jr-filters{gap:6px;overflow-x:auto;max-width:100%;padding:2px}.jr-filter{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600;color:var(--text-muted)}.jr-filter img{width:48px;height:36px;object-fit:cover;border-radius:6px;border:2px solid transparent;background:var(--paper)}.jr-filter.on img{border-color:var(--primary)}.jr-filter.on{color:var(--paper)}.jr-form{gap:8px}.jr-form h2{font-family:var(--font-display);font-size:20px}.jr-form .field{height:40px;font-size:15px}.jr-feel-q{font-size:13px;color:var(--text-muted)}.feel-row{gap:6px}.les-feel-btn{border-radius:50%;padding:3px;border:3px solid transparent;transition:transform var(--t-fast) var(--ease);line-height:0}.les-feel-btn.on{border-color:var(--primary);transform:scale(1.12)}.les-feel-btn.on .feel-face{animation:feel-bounce .9s ease-in-out infinite}.feel-face .feel-eyes{animation:blink 4s infinite;transform-origin:50% 42%}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes feel-bounce{50%{transform:translateY(-4px) rotate(-4deg)}}.feel-reasons{justify-content:center;gap:8px;max-width:640px}.feel-reasons .chip{font-size:13px;padding:8px 14px}.celebrate-item{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,100%);align-items:center;justify-items:center;gap:16px;padding:0 24px 16px;perspective:1200px}.cel-card{position:relative;width:min(300px,40vw);aspect-ratio:.95;max-height:calc(100dvh - 100px);transform-style:preserve-3d;transform:rotateY(180deg) rotate(-4deg);transition:transform .9s cubic-bezier(.3,1.4,.5,1)}.cel-card.flipped{transform:rotateY(0) rotate(-2deg)}.cel-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cel-back{transform:rotateY(180deg);border-radius:var(--r-md);background:repeating-linear-gradient(45deg,var(--primary) 0 14px,var(--primary-soft) 14px 28px);display:grid;place-items:center;box-shadow:var(--paper-shadow-elev)}.cel-side{align-items:flex-start;gap:14px}.cel-title{font-family:var(--font-display);font-size:34px;line-height:1.1}.cel-sparks{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--r-pill);background:var(--bg-raised);font-family:var(--font-display);font-size:22px;color:var(--c-highlight)}.cel-overlay{position:fixed;inset:0;z-index:90;background:#071a22d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 24px;animation:fade-in var(--t-mid) var(--ease)}.cel-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;max-width:620px;animation:pop-in var(--t-slow) var(--ease)}.cel-content .muted{max-width:460px}.cel-for{margin-bottom:4px}.cel-h{font-family:var(--font-display);font-size:30px;line-height:1.15}.cel-sub{font-size:15px}.cel-foot{gap:14px}.cel-count{font-size:12px}.cel-sparks-transfer{display:flex;flex-direction:column;align-items:center}.cel-counter{position:fixed;top:16px;right:24px;font-size:18px;padding:8px 16px;color:var(--c-highlight);animation:pulse .6s .6s ease-in-out 2}.cel-counter b{font-variant-numeric:tabular-nums;color:var(--paper)}.cel-sparks-burst{position:relative;width:140px;height:140px;display:grid;place-items:center}.cel-big-spark{filter:drop-shadow(0 0 18px rgba(255,194,58,.7));animation:pop-in .5s var(--ease),pulse 1.4s .5s ease-in-out infinite}.fly-x{position:absolute;left:50%;top:50%;margin:-13px 0 0 -13px;animation:fly-x .6s .15s linear both;z-index:2}.fly-y{display:block;animation:fly-y .6s .15s cubic-bezier(.1,.7,.4,1) both}@keyframes fly-x{0%{transform:translate(0);opacity:1}90%{opacity:1}to{transform:translate(var(--dx));opacity:0}}@keyframes fly-y{0%{transform:translateY(0) scale(1)}to{transform:translateY(var(--dy)) scale(.5)}}.cel-level-badge{position:relative;width:150px;height:150px}.cel-level-badge svg{width:100%;height:100%;animation:spin 14s linear infinite}.cel-level-badge span{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:16px;font-family:var(--font-display);font-weight:700;font-size:48px;color:var(--bg-deep)}.cel-level-text{font-size:40px;letter-spacing:.06em;color:var(--c-highlight)}.cel-feature-icon{position:relative;width:120px;height:120px;border-radius:36px;background:var(--primary);color:var(--bg-deep);display:grid;place-items:center;box-shadow:0 0 40px #ff7a1a80}.cel-unlock-badge{position:absolute;right:-8px;bottom:-8px;width:40px;height:40px;border-radius:50%;background:var(--c-success);display:grid;place-items:center;animation:pop-in .5s .4s var(--ease) both}.cel-stickers{gap:10px;justify-content:center}.cel-sticker{transform:rotate(var(--r));animation:sticker-in .6s var(--ease) both;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}@keyframes sticker-in{0%{opacity:0;transform:translateY(-40px) rotate(0) scale(.6)}}.cel-badge{position:relative;width:240px;height:160px;display:flex;flex-direction:column;align-items:center}.cel-coin-spin{width:110px;height:110px;animation:coin-spin 2.4s ease-in-out infinite}@keyframes coin-spin{0%,30%{transform:rotateY(0)}60%,to{transform:rotateY(360deg)}}.cel-ribbon{position:absolute;bottom:0;width:240px;animation:pop-in .5s .2s var(--ease) both}.cel-ribbon-text{position:absolute;bottom:18px;font-family:var(--font-display);font-weight:700;color:var(--paper);font-size:16px;animation:pop-in .5s .3s var(--ease) both}.cel-coin{width:150px;height:150px}.cel-coin .coin-new{animation:coin-piece .9s var(--ease) both;transform-origin:80px 80px}@keyframes coin-piece{0%{opacity:0;transform:scale(1.6) rotate(-40deg)}}.cel-coin.complete{animation:coin-spin 2.4s .9s ease-in-out infinite;filter:drop-shadow(0 0 22px rgba(245,183,0,.7))}.cel-keylock{position:relative;width:240px;height:140px}.cel-lock{position:absolute;left:50%;top:0;width:100px;margin-left:-50px}.cel-shackle{animation:shackle .5s 1s var(--ease) forwards}@keyframes shackle{to{transform:translateY(-14px)}}.cel-key{position:absolute;width:100px;left:50%;top:74px;margin-left:-10px;animation:key-fly 1s var(--ease) both}@keyframes key-fly{0%{transform:translate(-260px,-60px) rotate(-120deg) scale(1.4);opacity:0}70%{transform:translate(0) rotate(0) scale(1);opacity:1}85%{transform:rotate(-8deg)}}.cel-trophy{width:130px;height:130px;border-radius:50%;background:var(--gold);color:var(--bg-deep);display:grid;place-items:center;box-shadow:0 0 40px #f5b70099}.cel-envelope{gap:4px;align-items:flex-end}.stm{color:var(--text);z-index:45}.stm-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:24px;padding:16px 28px;align-items:center}.stm-left{display:grid;place-items:center;height:100%}.stm-photo{position:relative;width:min(100%,calc((100dvh - 110px)*1.2));transform:rotate(-2deg)}.stm-award-on-photo{position:absolute;right:-18px;top:-18px;animation:pop-in .6s var(--ease) both;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.stm-right{gap:10px;min-width:0}.stm-right h2{font-family:var(--font-display);font-size:24px}.stm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stm .muted{color:var(--text-muted)}.stm-person{color:var(--text);display:flex;align-items:center;gap:8px;padding:6px 10px;font-weight:600;font-size:13px;text-align:left}.stm-awards{gap:8px;flex-wrap:wrap}.stm-award{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:var(--r-md);border:3px solid transparent;font-size:12px;font-weight:600;transition:transform var(--t-fast) var(--ease)}.stm-award:hover{transform:translateY(-3px) rotate(-3deg)}.stm-award.on{border-color:var(--primary);background:var(--bg-raised)}.stm-chips{display:flex;flex-wrap:wrap;gap:6px}.stm-chips .chip{font-size:13px;text-align:left}.stm-quote{font-size:22px;color:var(--c-highlight)}.rev{gap:12px}.rev h2{font-family:var(--font-display);font-size:22px}.rev-chips{justify-content:center;gap:8px}.rev-chips .chip.on{background:var(--primary)}.rev-chips .chip{background:var(--bg-mid);font-size:14px;padding:8px 14px}.rev-sheet{color:var(--ink)}.rev-appicon{width:72px;height:72px;border-radius:18px;background:var(--bg-base);display:grid;place-items:center}.rev-stars{gap:4px}.rev-star{color:var(--paper-shadow);transition:transform var(--t-fast) var(--ease)}.rev-star.on{color:var(--gold);transform:scale(1.1)}.rev-sheet .btn-ghost{color:var(--ink)}.dt .topbar{padding:8px 16px}.dt-body{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:0 28px 16px;align-items:center;overflow-y:auto}.dt-thumb{width:200px;transform:rotate(-3deg)}.dt-pick,.dt-ready{gap:12px}.dt-pick h2,.dt-ready h2{font-family:var(--font-display);font-size:24px}.dt-profiles{gap:10px;flex-wrap:wrap}.dt-profile{display:flex;flex-direction:column;align-items:center;gap:4px;width:104px}.dt-add{justify-content:center;color:var(--text-muted)}.dt-form{gap:8px;max-width:460px}.dt-form .field{height:44px}.dt-age{width:90px;flex:none}.dt-avatars{gap:6px;flex-wrap:wrap}.dt-av{border-radius:50%;border:3px solid transparent;line-height:0;padding:2px}.dt-av.on{border-color:var(--primary)}.dt-err{color:var(--c-coral);font-size:13px}.dt-banner{gap:12px;padding:10px 14px}.dt-banner-avatars{display:flex}.dt-banner-avatars>:last-child{margin-left:-10px}.dt-banner-text{gap:2px;font-size:14px}.public-share{overflow-y:auto}.ps-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;padding:24px 28px;max-width:1100px;margin:0 auto;width:100%}.ps-art{align-self:start;position:sticky;top:0}.ps-photo{width:min(100%,420px,calc((100dvh - 110px)*1.2));transform:rotate(-2deg)}.ps-photo .photo img{object-fit:contain;background:var(--paper)}.ps-artist{font-size:24px}.ps-side{gap:10px}.ps-side h2{font-family:var(--font-display);font-size:26px}.ps-comments{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.ps-comment{background:var(--bg-raised);border-radius:var(--r-md);padding:8px 12px;align-items:flex-start}.ps-who{gap:6px}.ps-person{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:var(--r-pill);background:var(--bg-raised);font-size:13px;font-weight:600;border:2px solid transparent}.ps-person.on{border-color:var(--primary)}.ps-awards{gap:4px}.ps-text{height:80px;padding-top:10px;resize:none}.eop-row{gap:12px;justify-content:center;flex-wrap:wrap}.eop-card{width:150px;padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center}.eop-card .drawing-view{width:100%;height:auto}@media(orientation:portrait)and (max-width:700px){.item-split,.journal-upload,.celebrate-item,.stm-body,.dt-body,.ps-body{grid-template-columns:1fr;overflow-y:auto}.les-builder{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.les-builder-side{flex-direction:row;overflow-x:auto}.sp-controls{flex-wrap:wrap;height:auto;padding-bottom:8px}.sp-slider{order:-1;flex-basis:100%}.sp-turn{right:16px;left:16px;width:auto}.lesson-title{display:none}}@media(max-height:420px){.cel-h{font-size:26px}.cel-level-badge{width:120px;height:120px}.lesson-head{height:52px}}.sp-intro{position:absolute;inset:0;z-index:6;display:flex;gap:var(--s3);align-items:stretch;padding:var(--s3);background:#fffaf0;color:#4a3226;border-radius:inherit;animation:fade-in .35s ease-out;cursor:pointer}.sp-intro-hero{flex:0 0 auto;aspect-ratio:1;height:100%;max-width:48%;border-radius:20px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px #4a32261a}.sp-intro-hero .art-figure{width:92%;height:92%}.art-pop-in{animation:art-pop .6s cubic-bezier(.3,1.5,.5,1) both}.sp-intro-side{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.sp-intro-side .caps{color:#e9783a;font-weight:700;letter-spacing:.08em}.sp-intro-side h2{font-family:var(--font-display);font-size:clamp(22px,4vh,34px);margin:0;color:#4a3226}.sp-intro-side .muted{color:#8c7262;margin:0}.sp-intro-stages{display:flex;gap:8px;list-style:none;margin:6px 0;padding:0}.sp-intro-stages li{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.sp-intro-stages small{font-size:11px;color:#8c7262;line-height:1.1}.sp-intro-thumb{width:100%;max-width:72px;aspect-ratio:1;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px #ead8bf;display:grid;place-items:center;padding:4px}.sp-intro-go{align-items:center;gap:var(--s2)}.sp-stage{font-style:normal;opacity:.85}@media(orientation:portrait){.sp-intro{flex-direction:column}.sp-intro-hero{height:auto;width:60%;max-width:none;align-self:center}}.sp-intro-bio,.cd-bio{margin:2px 0 6px;font-style:italic;line-height:1.35;opacity:.85}@media(orientation:portrait)and (max-width:600px){.anim-caption{flex-direction:column;align-items:stretch;gap:10px;padding:8px 16px 16px}.anim-caption h2{font-size:19px}.anim-caption .btn{align-self:flex-end}}.main-header{gap:var(--s2);min-height:52px;padding-top:var(--s2);padding-bottom:var(--s2)}.main-header .mh-title{flex:1;min-width:0}.main-header .mh-title h2{white-space:nowrap}.rot90{transform:rotate(90deg)}.nowrap{white-space:nowrap}.ft-modal-title{margin-bottom:var(--s3);padding-right:48px}.ft-center-row{justify-content:center}.bell-wrap{position:relative}.bell .badge-dot{top:-2px;right:-2px}.popover-scrim{position:fixed;inset:0;z-index:40}.popover{position:absolute;z-index:41;right:0;top:calc(100% + 8px);min-width:260px;background:var(--paper);color:var(--ink);border-radius:var(--r-md);padding:6px;box-shadow:var(--paper-shadow-elev);animation:pop-in var(--t-mid) var(--ease)}.pop-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r-sm);text-align:left;font-weight:600}.pop-item:hover,.pop-item:focus-visible{background:var(--paper-alt)}.pop-item svg{color:var(--primary);flex:none}.pop-sep{height:1px;background:var(--paper-shadow);margin:4px 8px}.pop-empty{padding:10px 12px;color:var(--ink-muted)}.locked-state{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--s6);padding:var(--s5) var(--gutter);min-height:100%}.ls-art{position:relative;flex:none}.ls-lock{position:absolute;right:-6px;bottom:6px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);box-shadow:0 4px #00000040}.ls-text{max-width:420px}.ls-progress{display:flex;flex-direction:column;gap:6px}.ls-progress small{color:var(--c-highlight);font-weight:600}.side-card{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s3);border-radius:var(--r-md);background:var(--bg-raised);text-align:left;box-shadow:inset 0 0 0 2px #fffbf40f;transition:transform var(--t-fast) var(--ease)}button.side-card:active{transform:scale(.98)}.side-card b{display:block;font-family:var(--font-display);font-size:15px;line-height:1.2}.side-card small{display:block;font-size:12px;line-height:1.3}.cb-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--c-highlight);color:var(--ink)}.cb-icon.dt{background:var(--c-game)}.cb-icon.sg{background:var(--c-brand)}.hrow{margin-top:var(--s3)}.hrow-head{display:flex;align-items:center;gap:var(--s3);margin:var(--s2) 0}.hrow-head h3{flex:1;min-width:0}.hrow-scroll{display:flex;gap:var(--s3);overflow-x:auto;overflow-y:visible;padding:6px 4px 12px;margin:0 -4px;scroll-snap-type:x proximity;scrollbar-width:none}.hrow-scroll::-webkit-scrollbar{display:none}.item-card{position:relative;flex:none;width:148px;scroll-snap-align:start}.item-card .polaroid{width:100%;transition:transform var(--t-fast) var(--ease)}.item-card .polaroid:active{transform:scale(.96) rotate(-1deg)}.item-card.is-locked .photo{filter:saturate(.6) brightness(.92)}.item-card .caption{font-size:14px}.heart{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fffbf4eb;color:var(--ink-muted);box-shadow:0 2px 6px #0003}.heart.on{color:var(--c-coral);animation:pop-in var(--t-mid) var(--ease)}.ic-badge{position:absolute;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px #00000040}.item-card .ic-badge{top:6px;left:6px}.ic-badge.crown{background:var(--gold);color:var(--ink)}.ic-badge.done{background:var(--c-success);color:var(--ink)}.learn{display:flex;flex-direction:column;height:100%;min-height:0}.path-switch{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:var(--fs-title);font-weight:600;padding:4px 12px 4px 4px;border-radius:var(--r-pill);max-width:100%;white-space:nowrap;overflow:hidden}.path-switch b{overflow:hidden;text-overflow:ellipsis}.path-switch:hover{background:#fffbf40f}.learn-body{flex:1;min-height:0;display:flex}.learn-side{width:236px;flex:none;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s2) var(--gutter) var(--s3) var(--s2);overflow-y:auto;scrollbar-width:none}.path-map{flex:1;min-width:0;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent)}.path-map::-webkit-scrollbar{display:none}.path-track{position:relative}.path-trail{position:absolute;left:0;top:0;pointer-events:none}.trail-todo{fill:none;stroke:#fffbf447;stroke-width:4;stroke-dasharray:2 12;stroke-linecap:round}.trail-done{fill:none;stroke:var(--c-highlight);stroke-width:5;stroke-dasharray:2 10;stroke-linecap:round}.connector-lock{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg-deep);color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold);z-index:1}.pnode{position:absolute;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.pnode-header{align-items:flex-start;text-align:left;padding:10px 12px;border-radius:var(--r-md);background:var(--bg-deep);box-shadow:inset 0 0 0 2px #fffbf41a}.pnode-header .caps{font-size:11px;font-weight:700;color:var(--c-highlight)}.pnode-header b{font-family:var(--font-display);font-size:calc(15px * var(--s));line-height:1.15}.pnode-key{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--bg-raised);color:var(--text-muted);box-shadow:inset 0 0 0 3px #fffbf426}.pnode-key.earned{background:radial-gradient(circle,#ffe7a3,var(--gold));color:var(--ink);box-shadow:0 0 0 4px #ffc23a59,0 0 24px #ffc23ab3;animation:float 3s ease-in-out infinite}.pnode-soon{padding:14px 10px;border-radius:var(--r-md);border:2px dashed rgba(255,251,244,.3);color:var(--text-muted);gap:4px}.pnode-soon b{font-family:var(--font-display);color:var(--paper)}.pnode-soon small{font-size:11px}.pnode-container .polaroid{width:100%;padding:7px 7px 0;transform:rotate(-1.5deg);transition:transform var(--t-fast) var(--ease)}.pnode-container:active .polaroid{transform:rotate(0) scale(.97)}.pc-title{font-family:var(--font-display);font-weight:700;font-size:calc(15px * var(--s));padding:6px 2px 0;line-height:1.15}.pc-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--ink-muted);padding:4px 2px 8px}.pc-meta .chip{padding:3px 9px;font-size:11px}.pnode-container.st-current .polaroid{box-shadow:0 0 0 4px var(--primary),var(--paper-shadow-elev)}.pnode-container .pbadge{top:-8px;right:-8px}.pc-disc{position:relative;width:100%;aspect-ratio:1;display:block}.pc-thumb{position:absolute;inset:9%;border-radius:50%;overflow:hidden;background:var(--paper);box-shadow:var(--paper-shadow-elev)}.pc-thumb svg{width:100%;height:100%;transform:scale(1.25)}.pc-ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#fffbf429;stroke-width:6}.ring-fg{fill:none;stroke:var(--c-success);stroke-width:6;stroke-linecap:round}.pc-label{margin-top:6px;font-family:var(--font-display);font-weight:600;font-size:calc(13px * var(--s));line-height:1.15;max-width:130%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pnode-circle.st-current .pc-disc:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--primary);animation:ring-pulse 1.6s ease-out infinite}.pnode-circle.st-current .ring-bg{stroke:var(--primary)}.pnode-circle.st-current .pc-disc{animation:pulse 1.8s ease-in-out infinite}.st-locked .pc-thumb,.st-keyLocked .pc-thumb,.st-locked .photo{filter:grayscale(1) opacity(.45)}.st-locked .pc-label,.st-keyLocked .pc-label{color:var(--text-muted)}.st-premium .pc-thumb{filter:saturate(.7)}.pbadge{position:absolute;right:0;bottom:2%;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px #0000004d;z-index:2}.pbadge.done{background:var(--c-success);color:var(--ink)}.pbadge.crown{background:var(--gold);color:var(--ink)}.pbadge.lock{background:var(--bg-mid);color:var(--paper)}@keyframes ring-pulse{0%{transform:scale(.95);opacity:.9}to{transform:scale(1.25);opacity:0}}.tipping-hand{position:absolute;width:54px;height:54px;right:-34px;top:38%;pointer-events:none;transform-origin:30% 20%;animation:tap-hand 1.4s ease-in-out infinite;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));z-index:3}@keyframes tap-hand{0%,to{transform:translate(0) rotate(-14deg)}45%{transform:translate(-8px,-10px) rotate(-14deg) scale(.92)}}.coin-card .lc-coin-labels{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.lc-coin-labels span{font-size:10px;padding:2px 6px;border-radius:var(--r-pill);background:#fffbf414;color:var(--text-muted)}.lc-coin-labels span.on{background:var(--gold);color:var(--ink);font-weight:700}.coin-glyph{flex:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25))}.challenge-banner{background:linear-gradient(135deg,#2a3f8f,#1f4e63)}.cb-slots{display:flex;align-items:center;gap:4px;margin-top:4px}.cb-slots i{width:12px;height:12px;border-radius:4px;background:#fffbf42e}.cb-slots i.on{background:var(--c-success)}.cb-slots small{margin-left:auto}.end-card{flex-direction:column;align-items:stretch;background:linear-gradient(135deg,rgba(61,220,132,.25),var(--bg-raised))}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}.lpath-card{position:relative;display:flex;flex-direction:column;background:var(--bg-mid);border-radius:var(--r-md);overflow:hidden;text-align:left;box-shadow:inset 0 0 0 3px transparent;transition:transform var(--t-fast) var(--ease)}.lpath-card:active{transform:scale(.97)}.lpath-card.current{box-shadow:inset 0 0 0 3px var(--primary)}.pcard-hero{aspect-ratio:16 / 9;background:var(--paper);overflow:hidden}.pcard-hero svg{width:100%;height:100%}.lpath-card.locked .pcard-hero{filter:grayscale(1) opacity(.5)}.pcard-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:5px}.pcard-body b{font-family:var(--font-display)}.pcard-body small{font-size:11px}.pcard-lock,.pcard-crown{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg-deep);color:var(--paper)}.pcard-crown{background:var(--gold);color:var(--ink)}.pcard-ribbon,.pcard-current{position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--r-pill);background:var(--c-coral);color:var(--paper)}.pcard-current{background:var(--primary);color:var(--ink)}.pg-screen{display:flex;flex-direction:column;height:100%;min-height:0}.chips-row{display:flex;gap:var(--s2);overflow-x:auto;padding:0 var(--gutter) var(--s2);flex:none;scrollbar-width:none}.chips-row .chip{flex:none;padding:8px 14px;font-size:13px}.pg-scroll{padding-top:0}.pg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s3);margin-top:var(--s3)}.level-progress{display:flex;align-items:center;gap:8px;width:min(260px,45%)}.level-progress .progress{flex:1}.level-progress small{font-weight:700;color:var(--c-highlight)}.level-chest{color:var(--text-muted);display:grid}.level-chest.open{color:var(--gold);animation:wiggle .8s ease-in-out 2}.ftue-rail{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:linear-gradient(90deg,rgba(255,194,58,.18),var(--bg-raised));box-shadow:inset 0 0 0 2px #ffc23a4d}.ftue-steps{display:flex;gap:var(--s2)}.ftue-step{display:flex;flex-direction:column;align-items:center;gap:2px;width:64px;color:var(--text-muted);font-size:11px;text-align:center}.fs-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bg-mid)}.ftue-step.active{color:var(--paper)}.ftue-step.active .fs-dot{background:var(--primary);color:var(--ink)}.ftue-msg{flex:1;display:flex;flex-direction:column;gap:6px}.ftue-msg b{font-family:var(--font-display);font-size:var(--fs-subtitle)}.tip-card{flex:none;width:210px;display:flex;gap:10px;align-items:center;padding:8px;border-radius:var(--r-md);background:var(--bg-raised);text-align:left;font-size:13px;line-height:1.3}.tip-thumb{width:72px;height:56px;border-radius:var(--r-sm);overflow:hidden;flex:none}.tip-thumb svg,.tip-big svg{width:100%;height:100%}.tip-anim g[data-step]:last-of-type path{stroke-dasharray:1 1;animation:draw-stroke 2.6s ease-in-out infinite}@keyframes draw-stroke{0%{stroke-dashoffset:1}60%,to{stroke-dashoffset:0}}.tip-view{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s4);align-items:center}.tip-big{border-radius:var(--r-md);overflow:hidden;aspect-ratio:4 / 3}.locked-row{display:flex;align-items:center;gap:var(--s3);padding:4px 0}.lr-ghost{width:100px;height:70px;border-radius:var(--r-md);border:2px dashed rgba(255,251,244,.2);display:grid;place-items:center;color:var(--text-muted);flex:none}.locked-row p{max-width:280px}.ref-lib{margin-top:var(--s4)}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s2)}.ref-tile{aspect-ratio:4 / 3;border-radius:var(--r-sm);overflow:hidden;background:var(--paper);transition:transform var(--t-fast) var(--ease)}.ref-tile:active{transform:scale(.95)}.ref-tile svg,.ref-big svg{width:100%;height:100%}.ref-big{height:min(62vh,520px)}.ref-title{margin-top:var(--s2);font-family:var(--font-hand)}.journal{position:relative;display:flex;height:100%;min-height:0;padding:var(--s2) var(--gutter) var(--s2) var(--s2);gap:var(--s3)}.jr-menu{flex:none;width:72px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none}.jr-menu-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;border-radius:var(--r-sm);color:var(--text-muted);font-size:10px;font-weight:600;line-height:1.1;flex:none}.jr-menu-item svg{width:22px;height:22px}.jr-menu-item.on{background:var(--bg-raised);color:var(--paper)}.jr-menu-item.on svg{color:var(--primary)}.jr-menu-item .badge-dot{top:0;right:10px}.jr-book{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.jr-page{position:relative;flex:1;min-height:0;border-radius:var(--r-md);padding:30px 22px 14px;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 0 0 1px #00000014;touch-action:pan-y;color:var(--ink)}.jr-page-head{position:absolute;top:6px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:baseline;pointer-events:none}.jr-owner{font-size:20px;line-height:1}.jr-pno{font-family:var(--font-hand);font-size:14px;opacity:.7}.jr-items{height:100%;display:grid;grid-auto-rows:minmax(0,1fr);gap:18px;align-items:center;justify-items:center;animation:page-in var(--t-slow) var(--ease)}@keyframes page-in{0%{opacity:0;transform:translate(14px)}}.layout-1 .jr-items{grid-template-columns:minmax(0,1fr)}.layout-2 .jr-items{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-3 .jr-items{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-aspect-ratio:16/10){.layout-3 .jr-items{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}.jr-cell{width:100%;height:100%;min-height:0;container-type:size;display:grid;place-items:center}.jr-card{position:relative;display:flex;flex-direction:column;align-items:center;width:min(100cqw,calc((100cqh - 36px)*1.3));transform:rotate(var(--rot));transition:transform var(--t-mid) var(--ease)}.jr-card:hover,.jr-card:focus-visible{transform:rotate(0) scale(1.03);z-index:2}.jr-frame{display:block;width:100%;background:var(--paper);padding:6% 6% 0;box-shadow:0 6px 14px #0000004d}.jr-photo{display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--paper-alt)}.journal-photo{width:100%;height:100%;display:block;object-fit:cover}.placeholder-art{width:100%;height:100%;display:block}.jr-title{display:block;font-family:var(--font-hand);font-size:17px;line-height:1.1;padding:6px 4px 8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jr-pin,.jr-tape,.jr-feel,.jr-award{position:absolute;pointer-events:none}.jr-feel{right:4px;bottom:30px}.jr-award{left:6px;bottom:32px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.jr-dot{top:-6px!important;right:-6px!important;z-index:3}.jr-pin,.jr-tape{display:none;z-index:2}.theme-classic .jr-page{background-color:#c89a63;background-image:radial-gradient(rgba(90,55,25,.35) 1.2px,transparent 1.6px),radial-gradient(rgba(255,230,190,.35) 1px,transparent 1.4px),radial-gradient(rgba(120,75,35,.3) 1.5px,transparent 2px);background-size:13px 11px,17px 19px,23px 29px;background-position:0 0,5px 7px,11px 3px;box-shadow:0 10px 30px #0006,inset 0 0 0 10px #8c5a3c,inset 0 0 0 12px #6d4128}.theme-classic .jr-owner{color:#3b2414}.theme-classic .jr-title{background:var(--paper);width:100%;text-align:center;box-shadow:0 6px 10px #0000002e}.theme-classic .jr-frame{box-shadow:none}.theme-classic .jr-card{filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.theme-classic .jr-pin{display:block;top:-8px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9aa9,var(--c-coral) 55%,#b02a44);box-shadow:0 3px 3px #00000059}.theme-notebook .jr-page{background-color:var(--paper);background-image:linear-gradient(90deg,transparent 38px,rgba(255,92,122,.55) 38px,rgba(255,92,122,.55) 40px,transparent 40px),repeating-linear-gradient(180deg,transparent 0,transparent 25px,rgba(90,209,255,.45) 25px,rgba(90,209,255,.45) 26px);padding-left:52px}.theme-notebook .jr-frame{padding:5%;box-shadow:0 3px 8px #0000002e;background:#fff}.theme-notebook .jr-tape{display:block;width:56px;height:18px;background:#ffc23ab8;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 4px,transparent 4px 8px)}.theme-notebook .jr-tape.a{top:-6px;left:-10px;transform:rotate(-35deg)}.theme-notebook .jr-tape.b{top:-6px;right:-10px;transform:rotate(35deg);background-color:#b98bffb3}.theme-gallery .jr-page{background:radial-gradient(ellipse at 50% 0%,#fdf0dc,#e9d2b2 70%);background-color:#ead5b6}.theme-gallery .jr-page:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:#b5703f}.theme-gallery .jr-frame{padding:7%;background:var(--paper);border:10px solid #8c5a3c;border-image:linear-gradient(135deg,#a8703f,#6d4128 40%,#b57a45 60%,#6d4128) 1;box-shadow:0 10px 16px #00000059,inset 0 0 0 2px #00000014}.theme-gallery .jr-card{transform:rotate(0)}.theme-gallery .jr-title{margin-top:6px;padding:2px 10px;font-size:14px;background:linear-gradient(#e9c873,#c69a3f);border-radius:3px;color:#3b2414;box-shadow:0 2px 2px #0000004d}.jr-empty{height:100%;gap:8px;color:var(--ink)}.jr-empty b{font-size:22px}.jr-stickers{position:absolute;inset:0;pointer-events:none}.placed-sticker{position:absolute;pointer-events:auto;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));animation:ft-sticker-in var(--t-slow) cubic-bezier(.34,1.56,.64,1)}@keyframes ft-sticker-in{0%{opacity:0;scale:1.6}}.jr-nav{display:flex;align-items:center;justify-content:center;gap:var(--s4);flex:none}.jr-nav .icon-btn{width:36px;height:36px}.jr-nav .icon-btn:disabled{opacity:.35}.jr-add{position:absolute;right:10px;bottom:4px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--ink);box-shadow:0 5px 0 var(--primary-pressed),0 8px 18px #00000059;z-index:4;transition:transform 90ms var(--ease)}.jr-add:active{transform:translateY(3px)}.jr-pop{position:absolute;z-index:20;left:92px;top:60px;background:var(--paper);color:var(--ink);border-radius:var(--r-md);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2);box-shadow:var(--paper-shadow-elev);animation:pop-in var(--t-mid) var(--ease)}.layout-opt{width:74px;height:52px;border-radius:var(--r-sm);background:var(--paper-alt);border:3px solid transparent;display:grid;grid-auto-flow:column;gap:4px;padding:7px}.layout-opt i{background:var(--ink-muted);border-radius:3px;opacity:.6}.layout-opt.on{border-color:var(--primary)}.theme-opt{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600}.theme-opt i{width:74px;height:52px;border-radius:var(--r-sm);border:3px solid transparent}.theme-opt.on i{border-color:var(--primary)}.th-classic i{background:#c89a63 radial-gradient(rgba(90,55,25,.4) 1px,transparent 1.4px) 0 0 / 7px 7px}.th-notebook i{background:var(--paper) repeating-linear-gradient(180deg,transparent 0 8px,rgba(90,209,255,.6) 8px 9px)}.th-gallery i{background:#ead5b6;box-shadow:inset 0 0 0 8px #8c5a3c}.jr-drawer{position:absolute;z-index:20;right:var(--gutter);top:var(--s2);bottom:var(--s2);width:270px;background:var(--paper);color:var(--ink);border-radius:var(--r-lg);padding:var(--s3);display:flex;flex-direction:column;gap:6px;box-shadow:var(--paper-shadow-elev);animation:drawer-in var(--t-slow) var(--ease)}.jr-drawer .icon-btn{width:34px;height:34px}@keyframes drawer-in{0%{transform:translate(30px);opacity:0}}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;overflow-y:auto;padding:2px}.sticker-slot{position:relative;aspect-ratio:1;border-radius:var(--r-sm);background:var(--paper-alt);display:grid;place-items:center;touch-action:none;cursor:grab}.sticker-slot.locked{cursor:default}.sticker-slot small{position:absolute;bottom:1px;font-size:9px;font-weight:700;color:var(--ink-muted)}.sticker-view.locked{filter:grayscale(1) opacity(.3)}.sticker-slot svg{width:82%;height:82%}.sticker-ghost{position:fixed;z-index:90;transform:translate(-50%,-50%) rotate(-8deg) scale(1.1);pointer-events:none;filter:drop-shadow(0 8px 6px rgba(0,0,0,.4))}.new-sticker-row{justify-content:center}.pop-sticker{display:inline-block;animation:ft-sticker-in .42s cubic-bezier(.34,1.56,.64,1) both}.pop-sticker.big{animation-duration:.6s}.slideshow{background:#050f14;z-index:70;align-items:center;justify-content:center}.ss-frame{height:80%;max-width:90%;display:flex;flex-direction:column;align-items:center;animation:fade-in .6s ease}.ss-frame .journal-photo{flex:1;min-height:0;max-height:100%;width:auto;max-width:100%;background:var(--paper);padding:10px;border-radius:4px}.ss-frame p{margin-top:10px;font-size:24px}.ss-close{position:absolute;top:14px;right:14px}.ss-dots{position:absolute;bottom:14px}.jv{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:start}.jv-photo{position:relative;aspect-ratio:4 / 3;background:var(--paper-alt);border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 0 0 1px var(--paper-shadow);position:sticky;top:0}.jv-award{position:absolute;top:8px;left:8px;background:#fffbf4e6;border-radius:50%;padding:6px;display:grid}.jv-side{display:flex;flex-direction:column;gap:10px;padding-right:36px}.jv-label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:var(--ink-muted);position:relative}.jv .field{background:var(--paper-alt);height:42px}.jv textarea.field{min-height:48px;height:auto;font-size:14px}.hand-field{font-family:var(--font-hand);font-size:20px!important}.jv-count{position:absolute;right:8px;bottom:4px;font-weight:500;font-size:10px}.jv-feel small{font-size:12px;font-weight:700;color:var(--ink-muted)}.jv-feel .row{gap:6px;margin-top:3px}.feel-btn{border-radius:50%;padding:2px;opacity:.55;transition:transform var(--t-fast),opacity var(--t-fast)}.feel-btn{display:grid}.feel-btn.on{opacity:1;transform:scale(1.15);box-shadow:0 0 0 3px var(--primary)}.jv-feedback{display:flex;gap:8px;align-items:center;font-family:var(--font-hand);font-size:17px;background:var(--paper-alt);border-radius:var(--r-sm);padding:6px 10px}.stars{display:inline-flex;gap:2px;flex:none}.jv-compliments{display:flex;flex-direction:column;gap:6px}.bubble{display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px 14px 14px 4px;padding:6px 10px;font-size:13px;box-shadow:0 2px 6px #0000001f}.bubble span:nth-child(2){flex:1}.bubble.fresh{box-shadow:0 0 0 2px var(--primary),0 2px 6px #0000001f;animation:pop-in var(--t-slow) var(--ease)}.jv-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 4px;border-radius:var(--r-pill);background:var(--paper-alt);font-size:12px;font-weight:600}.filter-chip.on{background:var(--primary)}.fc-swatch{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ffc23a,#5ad1ff 50%,#ff5c7a)}.jv-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jv-actions .icon-btn{width:40px;height:40px}.jv-actions .icon-btn.on{background:var(--c-coral);color:var(--paper)}.studio{display:flex;flex-direction:column;height:100%;min-height:0}.studio-body{position:relative;flex:1;min-height:0;padding:0 var(--gutter) var(--s3)}.studio-cta{position:absolute;left:calc(var(--gutter) + 16px);bottom:calc(var(--s3) + 14px);display:flex;align-items:center;gap:var(--s3);z-index:3}.studio-cta small{background:#071a22b3;padding:4px 10px;border-radius:var(--r-pill)}.room{position:relative;height:100%;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 10px 30px #00000073}.room-wall{position:absolute;inset:0 0 26%;background:linear-gradient(180deg,#2c6b7d,#245a6b);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 34px,transparent 34px 68px),linear-gradient(180deg,#2c6b7d,#22566a)}.room-wall:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:#f6efe3;opacity:.85}.room-floor{position:absolute;inset:74% 0 0;background:repeating-linear-gradient(90deg,#b5703f 0 70px,#a8643a 70px 72px,#bd7a48 72px 140px,#a8643a 140px 142px)}.room-window{position:absolute;right:4%;top:8%;width:17%;height:34%;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#ffd9a0,#ffb27a);border:7px solid #f6efe3;overflow:hidden}.room-window i{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 3px),#f6efe3 calc(50% - 3px) calc(50% + 3px),transparent calc(50% + 3px)),linear-gradient(180deg,transparent calc(50% - 3px),#f6efe3 calc(50% - 3px) calc(50% + 3px),transparent calc(50% + 3px))}.room-window:before{content:"";position:absolute;width:30%;aspect-ratio:1;border-radius:50%;left:18%;top:20%;background:#fff3c4;box-shadow:0 0 20px #fff3c4}.room-frame{position:absolute;padding:6px;background:linear-gradient(135deg,#a8703f,#6d4128 45%,#b57a45 65%,#6d4128);box-shadow:0 8px 14px #0006;transition:transform var(--t-mid) var(--ease)}.room-frame:not(.empty):hover{transform:rotate(-1.5deg) scale(1.04)}.rf-mat{display:block;width:100%;height:100%;background:var(--paper);padding:8%}.rf-mat .journal-photo{box-shadow:inset 0 0 0 1px var(--paper-shadow)}.room-frame.empty{background:none;border:3px dashed rgba(255,251,244,.25);box-shadow:none;border-radius:4px}.room-frame.fresh{animation:frame-glow 1.2s ease-in-out 3;z-index:2}@keyframes frame-glow{50%{box-shadow:0 0 0 6px var(--c-highlight),0 0 36px var(--c-highlight);transform:scale(1.06)}}.room-lamp{position:absolute;left:1%;bottom:9%;height:50%}.lamp-glow{position:absolute;left:-4%;top:30%;width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,231,163,.45),transparent 70%);pointer-events:none;animation:twinkle 5s ease-in-out infinite}.room-plant{position:absolute;left:13%;bottom:6%;height:30%}.room-easel{position:absolute;right:12%;bottom:5%;height:58%;display:flex;flex-direction:column;align-items:center;transition:transform var(--t-fast) var(--ease)}.room-easel svg{height:100%}.room-easel:hover{transform:rotate(-2deg)}.easel-doodle{stroke-dasharray:120;animation:easel-doodle 3s ease-in-out infinite}@keyframes easel-doodle{0%{stroke-dashoffset:120}60%,to{stroke-dashoffset:0}}.easel-tag{position:absolute;top:8%;left:50%;transform:translate(-50%,-100%);white-space:nowrap;background:var(--paper);color:var(--ink);font-family:var(--font-hand);font-size:15px;padding:3px 10px;border-radius:var(--r-pill);box-shadow:0 3px 6px #0000004d;animation:float 3s ease-in-out infinite}.room-scribble{position:absolute;right:.5%;bottom:2%;height:34%}.room-scribble svg{height:100%;width:auto}.tutorial{position:absolute;inset:0;z-index:30;background:#071a228c;display:grid;place-items:end center;padding:var(--s4)}.tut-card{display:flex;align-items:center;gap:var(--s4);background:var(--paper);color:var(--ink);border-radius:var(--r-lg);padding:var(--s3) var(--s5) var(--s3) var(--s3);max-width:560px;box-shadow:var(--paper-shadow-elev);animation:pop-in var(--t-slow) var(--ease)}.tut-card p{font-size:22px;line-height:1.2}.tut-card .btn-ghost{color:var(--ink-muted)}.flow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s3);margin-top:var(--s3)}.flow-card{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;padding:8px 8px 10px;border-radius:var(--r-md);background:var(--bg-mid);transition:transform var(--t-fast) var(--ease)}.flow-card:active{transform:scale(.97)}.fc-art{border-radius:var(--r-sm);overflow:hidden;aspect-ratio:4 / 3}.fc-art svg{width:100%;height:100%;display:block}.flow-card b{font-family:var(--font-display)}.flow-card small{display:inline-flex;align-items:center;gap:4px}.flow-card .ic-badge{top:14px;right:14px}.frame-view{display:flex;flex-direction:column;gap:var(--s3)}.fv-photo{height:min(56vh,460px);background:var(--paper-alt);border:10px solid #8c5a3c}.studio-flow{z-index:20}.sf-top{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--gutter);flex:none}.sf-top h2{font-size:var(--fs-subtitle)}.sf-top .progress{width:160px}.sf-foot{display:flex;justify-content:flex-end;gap:var(--s3);padding:var(--s2) var(--gutter) var(--s3);flex:none}.sf-choose,.sf-draw,.sf-feedback{flex:1;min-height:0;display:flex;gap:var(--s4);padding:0 var(--gutter)}.sf-preview,.sf-ref{flex:1.25;min-width:0;display:grid;place-items:center;border-radius:var(--r-md);overflow:hidden}.studio-comp{width:100%;height:100%;display:block;border-radius:var(--r-md)}.sf-preview .studio-comp{box-shadow:var(--paper-shadow-elev)}.comp-hl path{stroke:var(--primary)}.sf-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);align-content:center;overflow-y:auto}.sf-opt{display:flex;flex-direction:column;gap:4px;padding:6px;font-weight:600;font-size:13px}.sf-opt-art{display:block;aspect-ratio:4 / 3;border-radius:var(--r-sm);overflow:hidden;background:var(--paper)}.sf-opt-art svg{width:100%;height:100%}.sf-carousel{flex:1;display:flex;align-items:center;gap:var(--s2);touch-action:pan-y}.sf-car-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s2);animation:pop-in var(--t-mid) var(--ease)}.sf-car-card .sf-opt-art{width:100%;box-shadow:var(--paper-shadow-elev)}.sf-car-card b{font-family:var(--font-display);font-size:var(--fs-subtitle)}.sf-steps{width:230px;flex:none;display:flex;flex-direction:column;gap:var(--s2);overflow-y:auto}.sf-steps .dots{justify-content:flex-start}.sf-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sf-step{display:flex;gap:8px;align-items:flex-start;text-align:left;font-size:13px;line-height:1.3;padding:6px 8px;border-radius:var(--r-sm);background:var(--bg-raised);width:100%}.sf-step.on{background:#3ddc842e;color:var(--text-muted)}.sf-check{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--bg-mid);font-size:11px;font-weight:700}.sf-step.on .sf-check{background:var(--c-success);color:var(--ink)}.sf-preview,.sf-ref{position:relative}.sf-preview>.studio-comp,.sf-zoom{position:absolute;inset:0}.sf-zoom{transition:transform var(--t-mid) var(--ease)}.sf-tools{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;overflow-y:auto}.sf-tools .icon-btn{width:42px;height:42px}.sf-tool-label{font-size:10px;color:var(--text-muted);margin-top:-4px}.sf-timer{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r-pill);background:var(--bg-deep);overflow:hidden;font-family:var(--font-display);font-size:18px;margin-top:auto;flex:none}.sf-timer i{position:absolute;left:0;bottom:0;height:4px;background:var(--primary);transition:width 1s linear}.sf-timer.done{background:var(--primary);color:var(--ink);animation:pulse 1s ease-in-out 3}.sf-feedback{align-items:center}.sf-pair{flex:1.3;display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);min-width:0}.sf-photo{aspect-ratio:4 / 3;background:var(--paper);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--paper-shadow-elev)}.sf-photo img{width:100%;height:100%;object-fit:cover}.sf-fb-text{flex:1;display:flex;align-items:center;gap:var(--s3)}.overview .topbar{padding-left:0;padding-right:0}.ov-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s3)}.ov-name{font-family:var(--font-display);font-size:var(--fs-subtitle)}.ov-sparks{gap:6px}.ov-sparks b{font-family:var(--font-display);font-size:22px;color:var(--c-highlight)}.level-badge{font-family:var(--font-display);font-weight:700;padding:6px 12px;border-radius:var(--r-pill);background:var(--gold);color:var(--ink)}.level-track{display:flex;justify-content:space-between;margin:var(--s3) 0 var(--s2);position:relative}.level-track:before{content:"";position:absolute;left:14px;right:14px;top:15px;height:3px;background:#fffbf426}.lt-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.lt-node span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;background:var(--bg-mid);color:var(--text-muted)}.lt-node small{font-size:10px;color:var(--text-muted)}.lt-node.past span{background:var(--c-highlight);color:var(--ink)}.lt-node.now span{background:var(--primary);color:var(--ink);transform:scale(1.2);box-shadow:0 0 0 4px #ff7a1a4d}.ov-next{margin-top:6px;font-weight:600}.ov-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);margin-top:var(--s3)}.ov-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:var(--r-md);background:var(--bg-mid);text-align:center}.ov-stat svg{color:var(--c-game)}.ov-stat b{font-family:var(--font-display);font-size:20px}.ov-stat small{font-size:11px;color:var(--text-muted)}.ov-features ul,.ov-keys ul,.letters-list ul{list-style:none;margin:var(--s2) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.ov-features li,.ov-keys li{display:flex;align-items:center;gap:8px;font-size:14px}.ovf-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bg-mid);color:var(--text-muted)}.ov-features li.on .ovf-icon{background:var(--c-highlight);color:var(--ink)}.ov-features li:not(.on){color:var(--text-muted)}.chip.ok{background:#3ddc8433;color:var(--c-success)}.keys{display:inline-flex;gap:3px}.key-on{color:var(--gold)}.key-off{color:#fffbf433}.ov-short-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--s2);margin-top:var(--s2)}.ov-short{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:var(--r-md);background:var(--bg-mid);font-weight:600;font-size:13px}.ov-short svg{color:var(--primary)}.skills .topbar,.skill-journey .topbar,.challenges .topbar,.letters .topbar,.letters-select .topbar,.tales .topbar{padding-left:0;padding-right:0}.skills-intro{margin-bottom:var(--s3)}.skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s3)}.skill-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s3) var(--s2);border-radius:var(--r-md);background:var(--bg-raised);text-align:center}.skill-card b{font-family:var(--font-display);font-size:14px}.skill-card small{font-size:11px}.skill-card .progress{width:100%;height:7px}.skill-badge{display:grid;place-items:center;border-radius:30%;color:var(--ink);background:var(--c-highlight);box-shadow:0 4px #00000040,inset 0 0 0 3px #ffffff59;flex:none}.c-highlight .skill-badge,.skill-badge.c-highlight{background:var(--c-highlight)}.skill-badge.c-game{background:var(--c-game)}.skill-badge.c-success{background:var(--c-success)}.skill-badge.c-brand{background:var(--c-brand)}.skill-badge.c-coral{background:var(--c-coral)}.skill-badge.c-pink{background:var(--c-pink)}.ribbons{display:flex;gap:3px}.ribbons i{width:10px;height:14px;background:#fffbf426;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.ribbons i.on{background:var(--c-coral)}.sj-head{display:flex;align-items:center;gap:var(--s4);padding:var(--s3);border-radius:var(--r-lg);background:var(--bg-raised)}.sj-head .row .progress{flex:1}.mastery-spotlight{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:var(--r-md);background:radial-gradient(circle,rgba(255,194,58,.45),transparent 70%);color:var(--gold);font-family:var(--font-display);animation:float 3s ease-in-out infinite}.classroom{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}.class-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:var(--r-md);background:var(--bg-raised);text-align:left}.class-card b{font-family:var(--font-display);font-size:14px}.class-card small{font-size:11px}.cc-art{aspect-ratio:4 / 3;border-radius:var(--r-sm);overflow:hidden;background:var(--paper)}.cc-art svg{width:100%;height:100%}.cc-num{position:absolute;top:12px;left:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--bg-deep);z-index:1}.class-card .ic-badge{top:12px;right:12px}.class-card.done{box-shadow:inset 0 0 0 2px var(--c-success)}.class-card.is-locked .cc-art{filter:saturate(.5) opacity(.8)}.wc-card{position:relative;display:flex;gap:var(--s4);padding:var(--s4);border-radius:var(--r-lg);background:linear-gradient(135deg,#2a3f8f,#1f4e63 70%);box-shadow:0 10px 24px #0000004d;overflow:hidden}.wc-card.status-expired{background:var(--bg-raised);filter:saturate(.4)}.wc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.wc-info .caps{color:var(--c-highlight);font-weight:700;font-size:11px}.wc-slots{display:flex;gap:var(--s2);margin:4px 0}.wc-slot{width:72px;aspect-ratio:4 / 3;border-radius:var(--r-sm);border:2px dashed rgba(255,251,244,.35);display:grid;place-items:center;font-family:var(--font-display);font-size:20px;color:#fffbf466;overflow:hidden}.wc-slot.filled{border:3px solid var(--c-success);background:var(--paper);color:var(--c-success);animation:pop-in var(--t-slow) var(--ease)}.wc-slot svg,.wc-slot img{width:100%;height:100%}.wc-chest{position:relative;flex:none;width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:700;font-size:13px;text-align:center}.wc-chest:disabled{cursor:default}.chest-art{width:120px}.wc-chest-glow{opacity:0}.wc-chest.completed .chest-art{animation:wiggle .7s ease-in-out infinite}.wc-chest.completed .wc-chest-glow,.chest-art.open .wc-chest-glow{opacity:1;animation:twinkle 1.4s ease-in-out infinite}.wc-chest.active .chest-art,.wc-chest.expired .chest-art{filter:grayscale(.6) brightness(.8)}.wc-chest-lid{transform-origin:16px 52px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.chest-art.open .wc-chest-lid{transform:rotate(-28deg) translate(-4px,-8px)}.wc-reward-peek{position:absolute;top:4px;right:8px;animation:float 2.4s ease-in-out infinite}.wc-next{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--bg-raised)}.wc-next>svg{color:var(--c-brand)}.letters-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s3)}.envelope-card{display:flex;align-items:center;gap:var(--s4)}.envelope-art{width:170px;flex:none}.envelope-art.ready{animation:wiggle 1s ease-in-out infinite}.envelope-art.sent{animation:ft-fly 2.6s ease-in-out infinite}@keyframes ft-fly{50%{transform:translate(8px,-8px) rotate(4deg)}}.env-fill{transition:y var(--t-slow),height var(--t-slow)}.env-text{flex:1;min-width:0;align-items:flex-start}.energy{display:flex;gap:6px}.energy i{width:30px;height:12px;border-radius:6px;background:#fffbf426}.energy i.on{background:var(--c-highlight);box-shadow:0 0 8px #ffc23a99}.sent-thumbs{display:flex;gap:6px}.st-thumb{width:46px;height:46px;border-radius:6px;overflow:hidden;background:var(--paper);transform:rotate(-3deg)}.st-thumb:nth-child(2n){transform:rotate(3deg)}.empty-letters{margin-top:var(--s3)}.letter-row{display:flex;align-items:center;gap:var(--s3);width:100%;padding:10px 12px;border-radius:var(--r-md);background:var(--bg-mid);text-align:left}.letter-row span small{display:block;font-size:11px}.letter-row.unread{box-shadow:inset 0 0 0 2px var(--primary)}.letter-row.unread>svg{color:var(--primary)}.select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--s3)}.select-card{position:relative;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);padding:6px 6px 0;border-radius:4px;box-shadow:0 0 0 3px transparent,var(--paper-shadow-elev);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast)}.select-card.on{box-shadow:0 0 0 4px var(--primary),var(--paper-shadow-elev);transform:rotate(-2deg) scale(1.03)}.sc-photo{aspect-ratio:4 / 3;overflow:hidden;background:var(--paper-alt)}.sc-title{font-family:var(--font-hand);font-size:15px;padding:4px 2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-num{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--ink);font-weight:700}.letter-view{background:#071a22d9;z-index:60;align-items:center;justify-content:flex-start;overflow-y:auto;padding:var(--s4)}.letter-paper{position:relative;width:min(760px,100%);margin:auto;background:var(--paper);background-image:repeating-linear-gradient(180deg,transparent 0 29px,rgba(90,209,255,.3) 29px 30px);color:var(--ink);border-radius:6px;padding:var(--s5) var(--s6);box-shadow:0 20px 50px #00000080;animation:letter-unfold .52s var(--ease);transform-origin:top center}@keyframes letter-unfold{0%{transform:perspective(800px) rotateX(-40deg);opacity:0}}.letter-close{position:absolute;top:10px;right:10px}.letter-head{display:flex;align-items:center;gap:var(--s3)}.letter-head small{display:block;color:var(--ink-muted);font-weight:700;font-size:11px}.letter-head b{font-size:26px}.letter-body{font-family:var(--font-hand);font-size:21px;line-height:30px;margin:var(--s3) 0;white-space:pre-line}.letter-notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--s3)}.note{display:flex;gap:8px;align-items:flex-start}.note-photo{width:64px;height:64px;flex:none;border-radius:4px;overflow:hidden;background:var(--paper-alt);border:3px solid #fff;box-shadow:0 3px 6px #0003;transform:rotate(-4deg);display:grid;place-items:center}.note-bubble{position:relative;background:#fff6c9;border-radius:12px;padding:6px 10px;font-family:var(--font-hand);font-size:16px;line-height:1.25;box-shadow:0 2px 4px #0000001a}.letter-sign{margin-top:var(--s4);text-align:right;font-family:var(--font-hand);font-size:20px}.letter-sign .sig{font-family:"Dancing Script",var(--font-hand);font-size:34px;color:var(--primary-pressed)}.tale-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s3)}.tale-card{position:relative;display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 8px 10px;border-radius:var(--r-md);background:var(--bg-raised);transition:transform var(--t-fast) var(--ease)}.tale-card:active{transform:scale(.97)}.tale-card b{font-family:var(--font-display)}.tale-card small.caps{font-size:10px;margin-top:4px}.tc-art{position:relative;aspect-ratio:16 / 10;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-mid)}.tale-card.locked .tc-art .tale-thumb{filter:grayscale(.8) brightness(.6)}.tc-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--paper);text-align:center;font-weight:700}.tc-lock small{font-size:11px;background:#071a22b3;padding:2px 8px;border-radius:var(--r-pill)}.tc-new{position:absolute;top:6px;left:6px}.tale-card .ic-badge{top:14px;right:14px}.tale-card.soon{border:2px dashed rgba(255,251,244,.2);background:none}.tale-thumb{position:absolute;inset:0}.tale-thumb .tale-bg{position:absolute;inset:0;width:100%;height:100%}.tt-props{position:absolute;inset:auto 0 6%;display:flex;justify-content:center;align-items:flex-end;gap:6px}.tale-player{background:#000;z-index:40}.tale-tap{position:absolute;inset:0;cursor:pointer}.tale-stage{position:absolute;inset:0;overflow:hidden;animation:fade-in .6s ease}.tale-bg{position:absolute;inset:0;width:100%;height:100%}.tale-prop{position:absolute;transform:translate(-50%);animation:prop-in .7s cubic-bezier(.34,1.56,.64,1) both}.tale-prop.sky svg{width:clamp(56px,12vh,120px);height:clamp(56px,12vh,120px);animation:float 4s ease-in-out infinite}.tale-prop.ground{bottom:18%}.tale-prop.ground>svg{width:clamp(90px,30vh,220px);height:clamp(90px,30vh,220px);display:block}.tale-prop.ground .scribble,.tale-prop.ground .juno{width:clamp(110px,38vh,260px);height:clamp(110px,38vh,260px)}.tale-prop.ground>*{animation:float 3.6s ease-in-out infinite}.tale-prop.ground:nth-child(odd)>*{animation-delay:-1.4s}.tale-prop.prop-paper>svg,.tale-prop.prop-pencil>svg{animation:wiggle 1.4s ease-in-out infinite}@keyframes prop-in{0%{opacity:0;transform:translate(-50%,30px) scale(.7)}}.twinkle{animation:twinkle 3s ease-in-out infinite}.snowflake{animation:snow 6s linear infinite}@keyframes snow{to{transform:translateY(120px);opacity:0}}.wave{animation:wave 3s ease-in-out infinite}@keyframes wave{50%{transform:translate(-20px)}}.flame{animation:pulse .4s ease-in-out infinite;transform-origin:50px 68px}.tale-close{position:absolute;top:12px;right:12px;z-index:3}.tale-caption{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(720px,calc(100% - 32px));background:#fffbf4f2;color:var(--ink);border-radius:var(--r-lg);padding:10px 18px;display:flex;flex-direction:column;gap:6px;pointer-events:none;box-shadow:var(--paper-shadow-elev);z-index:2}.tale-caption p{font-family:var(--font-hand);font-size:22px;line-height:1.2;text-align:center}.tale-caption .dots i{background:#13263033}.tale-sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(820px,100%);display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--bg-raised);border-radius:var(--r-xl) var(--r-xl) 0 0;z-index:5;animation:sheet-up var(--t-slow) var(--ease);box-shadow:0 -10px 30px #0006}.tale-sheet .chip.choice{padding:8px 14px;font-size:13px}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}@media(max-height:430px){.main-header{min-height:46px;padding-top:4px;padding-bottom:4px}.main-header .icon-btn{width:38px;height:38px}.path-switch{font-size:18px}.learn-side{width:210px;gap:6px}.side-card{padding:8px 10px;gap:10px}.side-card b{font-size:14px}.side-card small{font-size:11px}.cb-icon{width:36px;height:36px}.coin-glyph{width:46px;height:46px}.item-card{width:126px}.item-card .caption{font-size:13px;padding:4px 2px 6px}.hrow{margin-top:4px}.hrow-head{margin:4px 0 2px}.hrow-scroll{padding-bottom:8px}.jr-page{padding:26px 16px 10px}.theme-notebook .jr-page{padding-left:48px}.jr-items{gap:12px}.jr-title{font-size:15px;padding:4px 4px 6px}.jr-add{width:48px;height:48px}.jr-nav .icon-btn{width:32px;height:32px}.jr-menu-item{padding:3px 2px}.jr-menu-item svg{width:20px;height:20px}.sf-steps{width:200px}.sf-step{padding:4px 6px;font-size:12px}.sf-tools .icon-btn{width:36px;height:36px}.sf-foot{padding-bottom:var(--s2)}.sf-top{padding-top:4px;padding-bottom:4px}.wc-card{padding:var(--s3)}.wc-slot{width:62px}.chest-art{width:96px}.envelope-art{width:130px}.tale-caption p{font-size:18px}.tale-caption{padding:6px 14px}.tut-card p{font-size:18px}.skill-card{padding:8px 6px}.lt-node span{width:28px;height:28px}.ov-stat{padding:4px}.jv{gap:var(--s3)}.jv-side{gap:6px}.jv .field{height:36px}.modal{padding:var(--s4)}}@media(orientation:portrait){.learn-body{flex-direction:column}.learn-side{width:auto;flex-direction:row;overflow-x:auto;padding:var(--s2) var(--gutter)}.learn-side .side-card{min-width:240px}.path-map{min-height:300px}.journal{flex-direction:column}.jr-menu{width:auto;flex-direction:row;overflow-x:auto}.jr-menu-item{min-width:60px}.ov-grid,.letters-grid,.jv,.tip-view{grid-template-columns:1fr}.skill-grid,.path-grid{grid-template-columns:repeat(2,1fr)}.wc-card,.envelope-card,.sf-choose,.sf-draw,.sf-feedback{flex-direction:column}.sf-steps{width:auto}.sf-tools{flex-direction:row}}@media(max-width:900px)and (orientation:landscape){.skill-grid{grid-template-columns:repeat(5,1fr);gap:var(--s2)}.path-grid{grid-template-columns:repeat(3,1fr)}}.learn-side .dt-banner{flex-wrap:wrap;gap:8px;padding:10px 12px;border-radius:var(--r-md);flex:none}.learn-side .dt-banner .dt-banner-text{flex:1 1 100px;min-width:0;gap:2px}.learn-side .dt-banner .dt-banner-text b{font-family:var(--font-display);font-size:14px;line-height:1.2}.learn-side .dt-banner .dt-banner-text span{font-size:11px;line-height:1.3}.learn-side .dt-banner .btn{width:100%}.wc-next .grow{display:flex;flex-direction:column}.wc-next .grow small{font-size:11px}.select-grid{padding:8px 4px}@media(min-width:1000px)and (min-height:600px){.learn-side{width:300px}.item-card{width:176px}}.world-map{border-radius:24px;margin:0 0 var(--s2) var(--s2);mask-image:none;box-shadow:inset 0 0 0 2px #fffbf414}.world-map .path-track{overflow:hidden}.world-map .world-trail{position:absolute;left:0;top:0;pointer-events:none}.world-map .lantern-glow{filter:drop-shadow(0 0 6px rgba(255,217,138,.9))}.world-map .pnode-header{background:var(--w-label);color:var(--w-ink);box-shadow:0 4px #4a32262e,0 8px 18px #281c1429;border-radius:14px;transform:translateY(-50%) rotate(-2deg)}.world-map .pnode-header .caps{color:var(--w-ring)}.world-map .pc-label{color:var(--w-ink);background:var(--w-label);padding:3px 10px;border-radius:999px;box-shadow:0 2px #4a322629;max-width:150%}.world-map .pc-thumb{background:var(--w-disc);box-shadow:0 4px #4a322638,0 8px 16px #281c142e}.world-map .pc-thumb svg{transform:scale(1.12) translateY(2%)}.world-map .ring-bg{stroke:var(--w-label)}.world-map .ring-fg,.world-map .pnode-circle.st-done .ring-bg{stroke:var(--w-done)}.world-map .pnode-circle.st-current .ring-bg{stroke:var(--w-ring)}.world-map .pnode-circle.st-current .pc-disc:before{border-color:var(--w-ring)}.world-map .st-locked .pc-thumb,.world-map .st-keyLocked .pc-thumb{background:var(--w-locked);filter:grayscale(.9) opacity(.7)}.world-map .st-locked .pc-label,.world-map .st-keyLocked .pc-label{color:var(--w-ink);opacity:.75}.world-map .pbadge.done{background:var(--w-done)}.world-map .pnode-key{background:var(--w-label);color:var(--w-ink);box-shadow:0 3px #4a322633}.world-map .pnode-key.earned{background:radial-gradient(circle,#ffe7a3,var(--gold))}.world-map .pnode-soon{background:var(--w-label);border-color:var(--w-ring);color:var(--w-ink)}.world-map .pnode-soon b{color:var(--w-ink)}.world-map .pnode-container .polaroid{box-shadow:0 6px #4a322633,0 12px 26px #281c1438}.world-map .pnode-container .photo{background:var(--w-card)}.world-map .pnode-container.st-current .polaroid{box-shadow:0 0 0 4px var(--w-ring),0 12px 26px #281c1438}.world-map .connector-lock{background:var(--w-label);color:var(--w-ink);box-shadow:inset 0 0 0 2px var(--w-ring)}.world-map.w-dark .pnode-header,.world-map.w-dark .pc-label{box-shadow:0 0 0 1.5px #ff8fb880,0 0 14px #ff8fb859}:has(>.art-card){position:relative}.art-card{position:absolute;inset:0;display:grid;place-items:center}.art-card>svg,.polaroid .photo .art-card>svg{width:100%;height:100%;padding:4%;box-sizing:border-box}.world-map.painted{background-size:cover;background-position:0% center;background-repeat:no-repeat;background-color:#e9e2d2}.world-map.painted .path-track{overflow:visible}.world-map .pnode-finale{color:var(--w-ink)}.world-map .pnode-finale>b,.world-map .pnode-finale>small{color:var(--w-ink);background:var(--w-label);padding:2px 10px;border-radius:999px;box-shadow:0 2px #4a322629}.world-map .pnode-finale>small{padding:1px 8px;font-weight:700}@media(max-width:560px){.studio .main-header{flex-wrap:wrap;row-gap:4px}.studio .main-header .mh-title{flex:1 1 100%}.studio .studio-expo-door span{display:none}.studio-cta{right:calc(var(--gutter) + 16px);flex-wrap:wrap;justify-content:center}.studio-cta small{max-width:100%;text-align:center}}@media(max-width:560px){.studio .main-header{column-gap:4px}.studio .main-header .icon-btn{width:36px;height:36px}}.svc-block{z-index:90;display:grid;place-items:center;text-align:center}.svc-block-body{position:relative;max-width:520px;gap:var(--s3);padding:var(--s5) var(--gutter)}.svc-sheet{gap:var(--s3);text-align:center}.svc-pending-chip{position:fixed;right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:40;box-shadow:0 6px 18px #00000040}.svc-notice{border-radius:var(--r-md);padding:var(--s3);background:var(--bg-mid);font-size:.9rem}.oauth-gsi{display:flex;justify-content:center;min-height:40px}.chip b,.cel-counter b,.an-counter{font-variant-numeric:tabular-nums}.an-logo-bounce{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end}.an-lb-mark{display:block;transform-origin:50% 100%;animation:an-bounce 1.72s cubic-bezier(.3,0,.3,1) infinite}.an-lb-shadow{width:60%;height:8px;border-radius:50%;background:#00000059;animation:an-bounce-shadow 1.72s cubic-bezier(.3,0,.3,1) infinite}@keyframes an-bounce{0%,to{transform:translateY(0) scale(1.12,.86)}12%{transform:translateY(0) scale(.92,1.1)}45%{transform:translateY(-38%) scale(1) rotate(-8deg)}60%{transform:translateY(-40%) rotate(8deg)}88%{transform:translateY(0) scale(1)}}@keyframes an-bounce-shadow{0%,to{transform:scaleX(1);opacity:.6}50%{transform:scaleX(.55);opacity:.25}}.an-app-loading{gap:var(--s4)}.an-loading-text{font-family:var(--font-display);font-weight:600;font-size:var(--fs-subtitle);text-align:center;margin:0}.an-loading-text span{display:inline-block;margin-right:.28em;animation:an-word 2.4s var(--ease) both}.an-loading-text.c-green{color:var(--c-success)}.an-loading-text.c-orange{color:var(--primary)}.an-loading-text.c-purple{color:var(--c-brand)}.an-loading-text.c-yellow{color:var(--c-highlight)}@keyframes an-word{0%{opacity:0;transform:translateY(10px) scale(.9)}15%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.an-big-check .an-bc-ring{stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:60px 60px;animation:an-draw .8s var(--ease) forwards}.an-big-check .an-bc-fill{transform-origin:60px 60px;transform:scale(0);animation:an-pop .5s .6s cubic-bezier(.34,1.56,.64,1) forwards}.an-big-check .an-bc-tick{stroke-dasharray:1;stroke-dashoffset:1;animation:an-draw .6s .8s var(--ease) forwards}.an-big-check .an-bc-dot{opacity:0;transform-origin:60px 60px;animation:an-dot 1.4s ease-out forwards}.an-big-check{animation:an-settle 3.6s ease-in-out forwards}@keyframes an-dot{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.25)}}@keyframes an-settle{0%,60%{transform:scale(1)}70%{transform:scale(1.06)}80%,to{transform:scale(1)}}@keyframes an-draw{to{stroke-dashoffset:0}}@keyframes an-pop{to{transform:scale(1)}}.an-small-check .an-sc-disc{transform-origin:12px 12px;transform:scale(0);animation:an-pop .45s cubic-bezier(.34,1.56,.64,1) forwards}.an-small-check .an-sc-tick{stroke-dasharray:1;stroke-dashoffset:1;animation:an-draw .5s .35s var(--ease) forwards}.an-small-check{animation:an-settle 1.2s ease-in-out}.an-next-arrows{display:inline-flex;color:var(--c-success);pointer-events:none}.an-next-arrows svg{width:12px;height:18px;margin-left:-2px;opacity:.25;animation:an-arrow .9s linear infinite}.an-next-arrows.dir-down{transform:rotate(90deg)}@keyframes an-arrow{0%,to{opacity:.25;transform:translate(0)}30%{opacity:1;transform:translate(2px)}}.pn-next{position:absolute;right:-34px;top:38%}.an-padlock .an-pl-body,.an-padlock .an-pl-shackle{transform-origin:50px 74px;animation:an-pl-shake 3.03s ease-in-out forwards}.an-padlock .an-pl-shackle{animation-name:an-pl-shake,an-pl-open}.an-padlock .an-pl-glow{opacity:0;transform-origin:50px 66px;animation:an-pl-glow 3.03s ease-out forwards}@keyframes an-pl-shake{0%,8%{transform:rotate(0)}12%{transform:rotate(-8deg)}18%{transform:rotate(8deg)}24%{transform:rotate(-6deg)}30%{transform:rotate(5deg)}36%,to{transform:rotate(0)}}@keyframes an-pl-open{0%,38%{transform:translateY(0) rotate(0)}48%{transform:translateY(-14px) rotate(0)}56%,to{transform:translate(14px,-14px) rotate(24deg)}}@keyframes an-pl-glow{0%,38%{opacity:0;transform:scale(.5)}52%{opacity:.45;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}.an-journey-lock .an-jl-body{transform-origin:50px 100px;animation:an-jl-nudge 4s ease-in-out infinite}.an-journey-lock .an-jl-key{transform-origin:50px 70px}.an-journey-lock.unlock .an-jl-body{animation:none}.an-journey-lock.unlock .an-jl-key{animation:an-jl-turn .6s .2s ease-in-out forwards}.an-journey-lock.unlock .an-jl-shackle{animation:an-pl-open 2s .2s ease-out forwards;transform-origin:50px 74px}.an-jl-burst{opacity:0;transform-origin:50px 70px;animation:an-jl-burst 1.1s ease-out forwards}@keyframes an-jl-nudge{0%,80%,to{transform:rotate(0)}84%{transform:rotate(-6deg)}88%{transform:rotate(6deg)}92%{transform:rotate(-3deg)}}@keyframes an-jl-turn{to{transform:rotate(90deg)}}@keyframes an-jl-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}to{opacity:0;transform:rotate(var(--a)) translateY(-46px) scale(1.2)}}.ls-lock.an-wrap{background:none;box-shadow:none;padding:0}.an-jar{flex:none;overflow:visible}.an-jar-sheet{transform-box:fill-box;transform-origin:center;animation:an-sheet-drop .6s cubic-bezier(.34,1.56,.64,1) both}.an-jar-fill{transition:y .6s var(--ease),height .6s var(--ease)}.an-jar.is-full .an-jar-cork{animation:an-cork 1.2s ease-out forwards;transform-box:fill-box;transform-origin:center}.an-jar-pop{animation:twinkle 1.2s ease-in-out infinite}@keyframes an-sheet-drop{0%{transform:translateY(-50px);opacity:0}to{transform:none;opacity:1}}@keyframes an-cork{0%{transform:none}30%{transform:translateY(-14px) rotate(-20deg)}to{transform:translate(14px,-4px) rotate(40deg)}}.ftue-rail .an-jar{margin-right:var(--s3)}.an-coin-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.an-cb-rays{position:absolute;inset:-40%;width:180%;height:180%;animation:spin 9.93s linear infinite}.an-cb-spark{position:absolute;width:8px;height:8px;background:var(--paper);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:an-drift 9.93s ease-in-out infinite}@keyframes an-drift{0%{opacity:0;transform:translateY(20px) scale(.6)}20%,70%{opacity:.55}to{opacity:0;transform:translateY(-60px) scale(1.2)}}.cel-overlay .an-coin-backdrop~*{position:relative;z-index:1}.an-eq{display:inline-flex;align-items:flex-end;gap:2px;vertical-align:middle}.an-eq i{flex:1;height:100%;border-radius:2px;background:var(--paper);transform-origin:bottom;animation:an-eq 1.8s ease-in-out infinite}.an-eq.off i{animation:none;transform:scaleY(.25);opacity:.5}@keyframes an-eq{0%,to{transform:scaleY(.25)}25%{transform:scaleY(1)}50%{transform:scaleY(.5)}75%{transform:scaleY(.85)}}.an-skip-burst{position:absolute;top:40%;z-index:5;padding:6px 14px;border-radius:var(--r-pill);background:#071a22bf;color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:20px;pointer-events:none;animation:an-skip .7s var(--ease) forwards}.an-skip-burst.fwd{right:18%}.an-skip-burst.back{left:18%}@keyframes an-skip{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:translateY(-18px) scale(1)}}.an-pp-sheet{animation:an-sheet-in .5s var(--ease) both;transform-box:fill-box}.an-pp-line{stroke-dasharray:1;stroke-dashoffset:1;animation:an-draw 1.3s .5s ease-in-out forwards}.an-pp-pencil{offset-path:path("M44 70c10-26 30-26 34-6s20 20 30-4");offset-rotate:0deg;animation:an-pp-move 1.3s .5s ease-in-out both}@keyframes an-sheet-in{0%{transform:translateY(30px) rotate(-10deg);opacity:0}}@keyframes an-pp-move{0%{offset-distance:0%}to{offset-distance:100%}}.an-st-device{transform-origin:70px 70px;animation:an-st-rotate 7s ease-in-out infinite}.an-st-left{animation:an-st-left 7s ease-in-out infinite;transform-box:fill-box;transform-origin:left}.an-st-arrow{animation:an-st-arrow 7s ease-in-out infinite}@keyframes an-st-rotate{0%,30%{transform:rotate(0)}45%,85%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes an-st-left{0%,50%{transform:scaleX(1);opacity:1}60%,85%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes an-st-arrow{0%,15%{opacity:0}25%,40%{opacity:1}50%,to{opacity:0}}.rotate-guard .an-split-tip{margin-bottom:var(--s3)}.an-premium{position:absolute;right:6%;bottom:8%;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.an-pr-fan{position:relative;width:40px;height:54px}.an-pr-fan span{position:absolute;left:14px;bottom:0;width:12px;height:50px;border-radius:6px;border:2px solid var(--ink);transform-origin:50% 100%;transform:rotate(0);animation:an-fan 3.2s var(--ease) infinite}.an-pr-avatars{display:flex}.an-pr-avatars span{width:24px;height:24px;margin-left:-6px;border-radius:50%;border:2px solid var(--bg-base);overflow:hidden;animation:pop-in .4s both}@keyframes an-fan{0%,to{transform:rotate(0)}30%,75%{transform:rotate(var(--r))}}.an-testimonials{margin-top:var(--s3);max-width:340px}.an-testi-card{display:flex;gap:var(--s3);align-items:center;padding:var(--s3);border-radius:var(--r-md);background:var(--paper);color:var(--ink);box-shadow:var(--paper-shadow-elev);animation:an-card-bounce .6s cubic-bezier(.34,1.56,.64,1) both}.an-testi-card>svg{flex:none}.an-testi-card q{font-family:var(--font-hand);font-size:15px;line-height:1.2;quotes:none}.an-testi-card small{color:var(--ink-muted);font-size:11px}.an-testi-stars{color:var(--gold);font-size:11px;letter-spacing:1px}.an-testi-dots{display:flex;gap:6px;justify-content:center;margin-top:6px}.an-testi-dots i{width:6px;height:6px;border-radius:50%;background:#fffbf44d;transition:background var(--t-mid)}.an-testi-dots i.on{background:var(--paper)}@keyframes an-card-bounce{0%{opacity:0;transform:translateY(16px) rotate(-3deg) scale(.9)}to{opacity:1;transform:none}}.an-deferred{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:var(--scrim);backdrop-filter:blur(6px)}.an-df-card{padding:var(--s5) var(--s6);border-radius:var(--r-lg);background:var(--bg-raised);min-width:300px;text-align:center;animation:card-pop .4s both}.an-df-card h3{margin:var(--s2) 0 0}.an-df-ring{transform-origin:60px 60px;animation:spin 1.2s linear infinite}.an-deferred[data-state=approved] .an-df-ring,.an-deferred[data-state=denied] .an-df-ring,.an-deferred[data-state=request] .an-df-ring{animation:none;opacity:.25;stroke-dasharray:none}.an-df-mark{stroke-dasharray:1;stroke-dashoffset:1;animation:an-draw .5s var(--ease) forwards}.an-df-plane{transform-origin:60px 60px}.an-df-plane.sent{animation:an-plane 1.2s ease-in forwards}.an-df-plane.pending{animation:float 2s ease-in-out infinite}.an-df-plane.request{animation:wiggle 1.6s ease-in-out infinite}@keyframes an-plane{0%{transform:none}40%{transform:translate(-6px,4px) rotate(-6deg)}to{transform:translate(60px,-50px) scale(.4);opacity:0}}.an-rating-face{animation:card-pop .35s cubic-bezier(.34,1.56,.64,1) both}.an-rating-face.m-angry{animation:shake .4s both}.rev-star.on svg{animation:an-star-click .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes an-star-click{0%{transform:scale(.6) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.toggle[aria-checked=true]{box-shadow:0 0 #3ddc8480;animation:an-toggle-glow .5s ease-out}.toggle:active:after{width:30px}.toggle[aria-checked=true]:active:after{transform:translate(18px)}@keyframes an-toggle-glow{0%{box-shadow:0 0 #3ddc848c}to{box-shadow:0 0 0 10px #3ddc8400}}.an-update{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;gap:var(--s6);padding:var(--gutter);background:var(--bg-base)}.an-up-art svg{max-width:38vw;height:auto}.an-up-sheet{animation:an-sheet-in .6s .2s var(--ease) both;transform-box:fill-box}.an-up-doodle{stroke-dasharray:1;stroke-dashoffset:1;animation:an-draw 1.2s .7s ease-in-out forwards}.an-up-badge{transform-box:fill-box;transform-origin:center;animation:pop-in .5s 1.4s both,wiggle 2s 2s ease-in-out infinite}.an-up-blobs{animation:float 6s ease-in-out infinite}.an-up-copy{max-width:360px;gap:var(--s2)}.an-up-copy h1{margin:0;font-size:var(--fs-title)}.an-up-copy ul{list-style:none;padding:0;margin:0 0 var(--s3);display:grid;gap:var(--s2)}.an-up-copy li{display:flex;gap:var(--s2);align-items:center;animation:step-in .4s both}.an-up-copy li svg{color:var(--c-highlight)}.intro-clip{position:relative;margin:0;width:100%;max-width:420px;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-deep);box-shadow:var(--paper-shadow-elev)}.ic-stage{display:block;width:100%;height:auto}.ic-caption{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--paper);text-shadow:0 1px 4px rgba(0,0,0,.6);animation:an-word 3.5s var(--ease) both;display:flex;justify-content:center;align-items:center;gap:4px}.ic-timeline{position:absolute;left:0;right:0;bottom:0;height:4px;background:#fffbf426}.ic-timeline i{display:block;height:100%;background:var(--primary);transform-origin:left;animation:ic-progress linear forwards}@keyframes ic-progress{0%{transform:scaleX(var(--from))}to{transform:scaleX(var(--to))}}.ic-bg-stars path{animation:twinkle 2.4s ease-in-out infinite}.ic-stroke{stroke-dasharray:1;stroke-dashoffset:1;animation:an-draw .75s ease-in-out forwards}.ic-done .ic-stroke{animation:none;stroke-dashoffset:0}.ic-logo-star{animation-duration:1.6s;animation-delay:.2s}.ic-logo-pencil{offset-path:path("M160 40l14 30 33 4-24 23 6 33-29-16-29 16 6-33-24-23 33-4z");offset-rotate:0deg;animation:an-pp-move 1.6s .2s ease-in-out both,fade-out .3s 1.9s forwards}.ic-logo-word{font-family:var(--font-display);font-weight:700;font-size:26px;fill:var(--paper);animation:step-in .6s 1.6s both}.ic-step-dots circle{fill:#fffbf440;animation:ic-dot .3s forwards}@keyframes ic-dot{to{fill:var(--primary)}}.ic-play{animation:pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ic-kid-pencil{offset-path:path("M120 120c-14-30 6-58 40-58s54 28 40 58c-8 18-72 18-80 0z");offset-rotate:0deg;animation:an-pp-move 2.6s .2s ease-in-out both,fade-out .4s 3.4s forwards}.ic-phone{animation:ic-phone 3.5s var(--ease) both}.ic-flash{opacity:0;animation:ic-flash 3.5s linear forwards}@keyframes ic-phone{0%{transform:translateY(140px)}30%,to{transform:none}}@keyframes ic-flash{0%,52%{opacity:0}55%{opacity:.95}70%,to{opacity:0}}.ic-polaroid{animation:ic-drop .9s .2s cubic-bezier(.34,1.56,.64,1) both;transform-box:fill-box;transform-origin:center}@keyframes ic-drop{0%{transform:translateY(-160px) rotate(-14deg)}to{transform:rotate(3deg)}}.ic-heart{transform-box:fill-box;transform-origin:center;animation:pop-in .5s 1s both,pulse 1.2s 1.6s ease-in-out infinite}.ic-spark-fly{opacity:0;animation:ic-spark-fly 1s ease-in forwards}@keyframes ic-spark-fly{0%{opacity:1;transform:none}to{opacity:.2;transform:translate(70px,-88px) scale(.5)}}.ic-counter text{font-family:var(--font-display);font-weight:700;font-size:14px;fill:var(--c-highlight)}.ic-counter{animation:pop-in .4s 1.9s both;transform-box:fill-box;transform-origin:center}.ic-confetti{animation:ic-fall 2.4s linear infinite}@keyframes ic-fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(220px) rotate(540deg)}}.ic-fam{transform-box:fill-box;transform-origin:50% 100%;animation:ic-hop .9s ease-in-out infinite}@keyframes ic-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}.ic-trophy{animation:pop-in .5s .4s both;transform-box:fill-box;transform-origin:center}@keyframes fade-out{to{opacity:0}}.landing-art .intro-clip{max-width:min(420px,46vw)}.asset-gallery{padding:var(--s4) var(--gutter);overflow:auto;height:100%;display:block}.asset-gallery>*{flex-shrink:0}.ag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s3)}.ag-cell{position:relative;min-height:170px;padding:var(--s3);border-radius:var(--r-md);background:var(--bg-raised);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--s2);overflow:hidden}.ag-cell .ag-stage{flex:1;display:grid;place-items:center;width:100%;position:relative}.ag-cell small{font-size:11px;text-align:center;color:var(--text-muted)}.ag-sfx{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0}@media(prefers-reduced-motion:reduce){.an-lb-mark,.an-lb-shadow,.an-next-arrows svg,.an-cb-rays,.an-cb-spark,.an-eq i,.ic-confetti,.ic-fam,.an-pr-fan span{animation:none!important}}.paywall-hero .an-premium{inset:4% auto auto 0;transform:scale(.7);transform-origin:top left}.sop-prop{display:inline-grid;place-items:center;animation:float 3s ease-in-out infinite}.sop-1{color:var(--c-highlight)}.sop-2{color:var(--c-coral)}.sop-3{color:var(--c-success)}.sop-0{color:var(--c-game)}.an-curved-arrow{pointer-events:none;animation:float 1.8s ease-in-out infinite}.an-ca-line{animation:an-dash 1.2s linear infinite}@keyframes an-dash{to{stroke-dashoffset:-22}}.pn-curve{position:absolute;left:-46px;top:-40px}.content-notice{position:fixed;left:50%;top:max(8px,env(safe-area-inset-top));transform:translate(-50%);z-index:120;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 10px 8px 14px;border-radius:999px;background:var(--bg-raised);color:var(--paper);box-shadow:0 8px 24px #0006;animation:cn-in var(--t-slow) var(--ease)}.content-notice svg{color:var(--primary);flex:none}.content-notice b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-notice-later{color:var(--text-muted);font-size:13px;padding:4px 6px}@keyframes cn-in{0%{opacity:0;transform:translate(-50%,-20px)}}.jr-card-wrap{position:relative;width:min(100cqw,calc((100cqh - 36px)*1.3));transform:rotate(var(--rot));transition:transform var(--t-mid) var(--ease)}.jr-card-wrap .jr-card{width:100%;transform:none}.jr-card-wrap .jr-card:hover,.jr-card-wrap .jr-card:focus-visible{transform:none}.jr-card-wrap:hover,.jr-card-wrap:focus-within{transform:rotate(0) scale(1.03);z-index:2}.jr-card-wrap .placed-sticker{position:absolute;z-index:3}.jr-page-grid{padding-bottom:6px}.jr-grid{height:100%;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:168px;gap:20px 18px;padding:10px 8px 72px;scrollbar-width:thin;animation:page-in var(--t-slow) var(--ease)}.jr-grid-cell{height:100%}.view-grid .jr-nav[hidden]{display:none}.jsv{gap:10px;min-width:min(420px,82vw)}.jsv h2{margin:0}.jsv-voice{gap:8px;padding:6px 0}.jsv-mic{position:relative;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--ink);box-shadow:0 5px 0 var(--primary-pressed),0 8px 18px #00000059;transition:transform 90ms var(--ease)}.jsv-mic:active{transform:translateY(3px)}.jsv-mic:disabled{opacity:.6}.jsv-mic.on{background:var(--danger, #ff5c7a);animation:jsv-pulse 1.2s ease-in-out infinite}.jsv-stop-square{width:26px;height:26px;border-radius:6px;background:var(--paper)}.jsv-ring{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);transform:rotate(-90deg);pointer-events:none}.jsv-ring circle{fill:none;stroke:var(--paper);stroke-width:5;stroke-dasharray:1;transition:stroke-dashoffset .25s linear}@keyframes jsv-pulse{50%{box-shadow:0 5px 0 var(--primary-pressed),0 0 0 10px #ff5c7a40}}.jsv-count{font-variant-numeric:tabular-nums}.jsv-clip{gap:8px}.jsv-clip audio{width:min(320px,70vw);height:36px}.jsv-error{color:var(--danger, #ff5c7a)}.jsv-denied{gap:8px;padding:10px 12px;border-radius:var(--r-md);background:var(--bg-raised)}.link-btn{color:var(--text-muted);font-size:13px;text-decoration:underline;padding:4px}.sj-trail{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--s3)}.sj-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.sj-step{position:relative;display:grid;grid-template-columns:auto 64px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:6px 10px;padding:10px;border-radius:var(--r-md);background:var(--bg-raised)}.sj-step .btn{grid-column:1 / -1;justify-self:end;display:inline-flex;align-items:center;gap:6px}.sj-step.is-locked{opacity:.6}.sj-step.is-current{box-shadow:inset 0 0 0 2px var(--primary)}.sj-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--paper);color:var(--ink)}.sj-step.is-done .sj-dot{background:var(--success, #3ddc84)}.sj-art{width:64px;height:48px;border-radius:var(--r-sm);overflow:hidden;background:var(--paper)}.sj-art svg,.sj-art img{width:100%;height:100%;object-fit:cover}.sj-text{gap:2px;min-width:0}.sj-text b{font-size:14px;line-height:1.25}.sj-compare{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:var(--r-md);background:var(--bg-raised)}.sj-compare .row{align-items:center;gap:10px}.sj-compare figure{margin:0;width:140px;text-align:center}.sj-compare figure .journal-photo{aspect-ratio:4 / 3;border-radius:var(--r-sm);background:var(--paper)}.sj-compare figcaption{font-size:12px;color:var(--text-muted)}@media(orientation:portrait)and (max-width:700px){.layout-2 .jr-items{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}.jr-page{padding:34px 14px 12px}.jr-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:16px 12px}.jsv{min-width:0}.item-split{grid-template-rows:auto auto;align-content:start;gap:14px;padding:6px 16px 16px}.item-split>.item-paper{height:auto;aspect-ratio:4 / 3;max-height:56vh}.sp-stage .sp-paper{height:auto;max-height:100%;aspect-ratio:4 / 3}.sj-steps{grid-template-columns:minmax(0,1fr)}.sj-compare figure{width:42vw}}.parents{--p-ink: #4a3226;--p-soft: #8c7262;--p-card: #fffbf3;--p-edge: #ead8bf;--p-accent: #e9783a;display:flex;flex-direction:column;min-height:100dvh;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(233,120,58,.12),transparent 60%),radial-gradient(ellipse 70% 60% at 100% 100%,rgba(63,156,154,.18),transparent 60%),var(--bg-base, #0d2a36);padding:8px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left))}.par-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.par-title{display:flex;align-items:center;gap:6px;margin:0;font-family:var(--font-display);font-size:22px}.par-title .juno{margin-bottom:-6px}.par-tabs{display:flex;gap:6px;margin-left:auto;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;background:#fff8ec14;padding:4px;border-radius:999px}.par-tabs button{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 14px;background:transparent;color:var(--text, #fffbf4);font:600 14px var(--font-display);cursor:pointer}.par-tabs button.on{background:var(--p-card);color:var(--p-ink);box-shadow:0 3px 0 var(--p-edge)}.par-kids{gap:6px;margin:8px 0 2px;flex-wrap:wrap}.par-kid{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 3px;border-radius:999px;border:1.5px solid rgba(255,248,236,.25);background:transparent;color:var(--text, #fffbf4);font:600 14px var(--font-display);cursor:pointer}.par-kid.on{background:var(--p-card);color:var(--p-ink);border-color:var(--p-card)}.par-main{margin-top:10px}.par-muted{color:var(--p-soft)}.parents .par-muted.par-off,.par-main>.par-muted{color:var(--text-muted, #a9c2cc)}.par-cast{position:absolute;left:-10000px;top:0;width:1px;height:1px;overflow:hidden}.par-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:#f3e6d2;color:var(--p-ink);font:600 12px var(--font-display);white-space:nowrap;margin:0}.par-chip.up{background:#dff3e8;color:#23704a}.par-chip.gold{background:#f2c14e}.par-link{background:none;border:0;color:var(--p-accent);font:600 14px var(--font-display);text-decoration:underline;cursor:pointer;padding:6px 0}.par-card,.par-stat,.par-hero,.sb-paper-card{background:var(--p-card, #fffbf3);color:var(--p-ink, #4a3226);border:2px solid var(--p-ink, #4a3226);border-radius:20px;box-shadow:0 6px #c9ab88,0 12px 26px #0a060247}.par-card{padding:12px 16px 14px}.par-card h3{margin:0 0 8px;font-family:var(--font-display);font-size:17px}.par-empty{max-width:520px}.par-gate{min-height:100dvh;display:grid;place-items:center;padding:12px 16px;background:radial-gradient(ellipse at 50% 40%,rgba(242,193,78,.18),transparent 60%),var(--bg-base, #0d2a36)}.par-gate-card{--p-ink: #4a3226;--p-soft: #8c7262;position:relative;display:flex;align-items:flex-end;gap:4px;padding:14px 24px 16px 150px;max-width:560px;width:100%;animation:sb-stage-in .45s cubic-bezier(.3,1.4,.5,1) both}.par-gate-juno{position:absolute;left:-6px;bottom:-6px}.par-gate-body{gap:4px;align-items:flex-start}.par-gate-body h1{margin:0;font-family:var(--font-display);font-size:26px}.par-gate-body p{margin:0}.par-gate-lock{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f2c14e;border:2px solid var(--p-ink)}.par-gate-q{font:700 28px var(--font-display);margin:6px 0 2px!important}.par-gate-answers{gap:10px}.par-gate-answer{min-width:74px;padding:10px 14px;border-radius:16px;border:2px solid var(--p-ink);background:#fff1dc;color:var(--p-ink);font:700 22px var(--font-display);box-shadow:0 4px #c9ab88;cursor:pointer}.par-gate-answer:active{transform:translateY(3px);box-shadow:0 1px #c9ab88}.par-report{display:flex;flex-direction:column;gap:14px}.par-hero{position:relative;display:flex;align-items:center;gap:14px;min-height:132px;padding:12px 140px 12px 18px;overflow:visible;background:radial-gradient(ellipse 55% 42% at 22% 128%,color-mix(in srgb,var(--hill) 55%,#fff) 60%,transparent 61%),radial-gradient(ellipse 60% 40% at 78% 132%,color-mix(in srgb,var(--hill) 80%,#fff) 60%,transparent 61%),radial-gradient(ellipse 40% 34% at 50% 138%,color-mix(in srgb,var(--acc) 45%,#fff) 60%,transparent 61%),linear-gradient(180deg,var(--sky),var(--sky-low))}.par-hero[data-dark] .par-hero-text h1,.par-hero[data-dark] .par-range{color:#fff8ec}.par-hero-text{flex:1 1 auto;min-width:0}.par-hero-text h1{margin:2px 0 6px;font-family:var(--font-display);font-size:28px;line-height:1.1}.par-kicker{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--p-accent);color:#fff8ec;font:700 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase}.par-week-seg{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.par-week-seg button{border:1.5px solid var(--p-ink);background:#fffbf3b3;color:var(--p-ink);border-radius:999px;padding:3px 11px;font:600 13px var(--font-display);cursor:pointer}.par-week-seg button.on{background:var(--p-ink);color:#fff8ec}.par-range{font:500 13px var(--font-text);color:var(--p-soft)}.par-hero-tip{flex:0 1 280px;position:relative;background:var(--p-card);border:2px solid var(--p-ink);border-radius:16px;padding:8px 12px;font:600 14px/1.3 var(--font-display);box-shadow:0 3px 0 var(--p-edge)}.par-hero-tip p{margin:0}.par-hero-tip:after{content:"";position:absolute;right:-10px;bottom:18px;width:14px;height:14px;background:var(--p-card);border-right:2px solid var(--p-ink);border-top:2px solid var(--p-ink);transform:rotate(45deg)}.par-hero-juno{position:absolute;right:4px;bottom:-4px}.par-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.par-stat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:10px 14px;border-radius:18px}.par-stat-icon{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--p-ink);background:#fff1dc}.par-stat:nth-child(1) .par-stat-icon{background:#f8d7c4}.par-stat:nth-child(2) .par-stat-icon{background:#d6ecea}.par-stat:nth-child(3) .par-stat-icon{background:#fbe7b2}.par-stat:nth-child(4) .par-stat-icon{background:#dbe6f6}.par-stat b{font:700 28px/1 var(--font-display)}.par-stat-label{font:500 12px var(--font-text);color:var(--p-soft)}.par-stat small{grid-column:2;font:500 11px var(--font-text);color:var(--p-soft)}.par-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.par-skills{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.par-skills li{display:flex;align-items:center;gap:8px;font:600 14px var(--font-display)}.par-bars{width:100%;height:auto;max-height:130px}.par-legend{display:flex;align-items:center;gap:6px;margin:2px 0 0;font:500 11px var(--font-text);color:var(--p-soft)}.par-legend i{display:inline-block;width:10px;height:10px;margin-left:6px;border:1.5px solid var(--p-ink)}.par-legend i.sq{border-radius:3px}.par-legend i.dot{border-radius:50%}.par-worlds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.par-world{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.par-world-name{font:600 12px/1.15 var(--font-display)}.par-world b{font:700 12px var(--font-text);color:var(--p-soft)}.par-actions{gap:12px;align-items:center;flex-wrap:wrap}.parents .par-actions .par-muted{color:var(--text-muted, #a9c2cc)}.par-card-preview{display:flex;gap:18px;align-items:center}.par-card-preview img{width:min(300px,40vw);aspect-ratio:1;border-radius:14px;border:2px solid #4a3226;box-shadow:0 6px #c9ab88}.par-card-actions{gap:8px;align-items:stretch;min-width:200px}.par-card-actions h3{margin:0;font-family:var(--font-display)}.par-timelapse{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:16px;align-items:start}.par-tl-stage{position:relative;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;border:2px solid #4a3226;box-shadow:0 6px #c9ab88,0 12px 26px #0a060247;background:#f6ead6}.par-tl-canvas,.par-tl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f6ead6}.par-tl-canvas.idle{opacity:0}.par-tl-strip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(120,80,40,.15)),#f6ead6}.par-tl-thumb{width:18%;margin:0 -2%;transform:rotate(var(--r))}.par-tl-thumb .photo img{width:100%;height:100%;object-fit:cover}.par-tl-side{gap:8px;align-items:stretch;color:var(--text, #fffbf4)}.par-tl-side h3{margin:0;font-family:var(--font-display);font-size:20px}.par-tl-side .par-muted{color:var(--text-muted, #a9c2cc);margin:0}.par-tl-side .par-chip{align-self:flex-start}.par-note{font-size:13px;color:#ffd98a;margin:0}.par-ok{font:700 16px var(--font-display);color:#7fe3b0;margin:0}.par-progress{position:relative;height:34px;border-radius:999px;background:#fff8ec1f;overflow:hidden}.par-progress span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#f2c14e,#e9783a);transition:width .2s linear}.par-progress em{position:relative;display:block;text-align:center;line-height:34px;font:600 13px var(--font-display);font-style:normal;color:#fff8ec;text-shadow:0 1px 2px rgba(0,0,0,.4)}.par-family{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:16px;align-items:start;color:var(--text, #fffbf4)}.par-fam-head{gap:10px;align-items:center}.par-fam-head h3{margin:0;font-family:var(--font-display);font-size:20px}.par-family .par-muted{color:var(--text-muted, #a9c2cc);margin:4px 0 10px}.par-fam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}.par-fam-item{position:relative;cursor:pointer;border:0;padding:6px 6px 4px;transition:transform .15s ease}.par-fam-item:nth-child(odd){transform:rotate(-1.5deg)}.par-fam-item:nth-child(2n){transform:rotate(1.2deg)}.par-fam-item.on{transform:translateY(-4px) rotate(0);outline:3px solid #f2c14e;outline-offset:2px}.par-fam-item .photo img{width:100%;height:100%;object-fit:cover}.par-fam-item .caption{display:block;font:400 14px var(--font-hand);color:#4a3226;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.par-fam-check{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#4cc38a;color:#fff;border:2px solid #4a3226}.par-fam-right{gap:10px;align-items:stretch}.par-label{margin:0;font:600 14px var(--font-display)}.par-fam-to{gap:8px}.par-to{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:16px;border:2px solid rgba(255,248,236,.2);background:#fff8ec0f;color:var(--text, #fffbf4);font:600 13px var(--font-display);cursor:pointer}.par-to.on{border-color:#f2c14e;background:#f2c14e29}.par-letter{background:#fffbf3;color:#4a3226;border:2px solid #4a3226;border-radius:14px;padding:10px 12px;box-shadow:0 4px #c9ab88}.par-letter pre{margin:0 0 8px;white-space:pre-wrap;word-break:break-word;font:400 15px/1.35 var(--font-hand);max-height:104px;overflow:auto}@media(max-width:900px),(max-height:430px){.par-hero{min-height:108px;padding-right:120px}.par-hero-juno .juno,.par-hero-juno svg{width:108px!important;height:108px!important}.par-hero-text h1{font-size:23px}.par-hero-tip{font-size:13px}.par-stat b{font-size:23px}}@media(max-width:700px){.par-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.par-grid,.par-timelapse,.par-family{grid-template-columns:1fr}.par-worlds{grid-template-columns:repeat(3,minmax(0,1fr))}.par-hero{flex-wrap:wrap}.par-tabs{margin-left:0}}.pgate-overlay{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:10px 14px;background:#08161ec7;backdrop-filter:blur(3px)}.pgate-card.par-gate-card{max-width:680px;align-items:center;gap:18px;padding:14px 18px 14px 128px}.pgate-juno{left:-8px}.pgate-left{flex:1 1 auto;gap:4px;align-items:flex-start;min-width:0}.pgate-left h1{margin:2px 0 0;font-family:var(--font-display);font-size:24px}.pgate-left p{margin:0}.pgate-body{font-size:14px}.pgate-q{font:700 30px var(--font-display);margin:6px 0 0!important;letter-spacing:.5px;white-space:nowrap}.pgate-typed{display:inline-block;min-width:2.4ch;padding:0 8px;border-bottom:3px solid var(--p-accent, #e9783a);text-align:center}.pgate-typed.empty{color:#c9ab88}.pgate-words{color:var(--p-soft);font-size:14px;font-style:italic}.pgate-wrong{font-size:13px}.pgate-locked{margin:8px 0 2px!important;padding:8px 12px;border-radius:12px;background:#fde3d6;color:#9c3d16;font:600 15px var(--font-display)}.pgate-pad{display:grid;grid-template-columns:repeat(3,54px);gap:6px;flex:0 0 auto}.pgate-pad.off{opacity:.45}.pgate-key{height:44px;border-radius:14px;border:2px solid var(--p-ink, #4a3226);background:#fff1dc;color:var(--p-ink, #4a3226);font:700 21px var(--font-display);box-shadow:0 3px #c9ab88;cursor:pointer;display:grid;place-items:center}.pgate-key:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #c9ab88}.pgate-key.ok{background:#4cc38a;color:#fff}.pgate-key.del{background:#f3e6d2}.pgate-key:disabled{cursor:default;opacity:.6}@media(max-height:420px){.pgate-key{height:40px}.pgate-pad{gap:5px}.pgate-card.par-gate-card{padding-top:10px;padding-bottom:10px}}@media(max-width:620px){.pgate-card.par-gate-card{flex-direction:column;padding-left:18px}.pgate-juno{display:none}}.par-tab-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f2c14e;color:#4a3226;font:700 11px var(--font-display)}@media(max-width:900px){.par-tabs button{padding:7px 10px}.par-tabs button span:not(.par-tab-badge){font-size:13px}}.par-wishes,.par-plan{display:flex;flex-direction:column;gap:12px}.par-wish-head{align-items:center;gap:12px}.par-wish-head .wish-jar,.par-wish-week .wish-jar{position:static}.par-wish-head h3{margin:0 0 2px}.par-wish-head p{margin:0}.par-wish-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.par-wish{position:relative;display:flex;flex-direction:column;gap:2px;color:var(--p-ink, #4a3226)}.par-wish .photo{aspect-ratio:4 / 3;display:grid;place-items:center}.par-wish .photo svg{width:100%;height:100%}.par-wish-word{font:700 16px var(--font-display);text-align:center;padding:8px}.par-wish-new{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;gap:3px}.par-wish-week{align-items:center;gap:12px;margin-bottom:12px}.par-wish-week p{margin:0;font:600 15px var(--font-display)}.par-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.par-plan-col{gap:12px}.par-manage,.par-invite,.par-redeem{gap:6px}.par-manage p,.par-invite p,.par-redeem p,.par-notice p{margin:0}.par-plan-name{font:700 19px var(--font-display)}.par-plan-actions{gap:8px;margin-top:4px}.par-legal{gap:14px}.par-chip.st-active,.par-chip.st-trialing{background:#dff3e8;color:#23704a}.par-chip.st-grace,.par-chip.st-billing_issue,.par-chip.st-expired,.par-chip.st-canceled{background:#fde3d6;color:#9c3d16}.par-banner{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:#fde3d6;color:#9c3d16;font-weight:600}.par-notices{display:flex;flex-direction:column;gap:8px}.par-notice{display:flex;align-items:center;gap:10px;padding:10px 14px}.par-notice-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f2c14e;border:2px solid var(--p-ink, #4a3226);flex:none}.par-notice.k-billing_issue .par-notice-icon{background:#f6a98a}.par-invite h3,.par-redeem h3{display:flex;align-items:center;gap:6px}.par-invite-code{gap:10px;align-items:center}.par-invite-link{word-break:break-all}@media(max-width:760px){.par-plan-grid{grid-template-columns:1fr}}:root{--sb-ink: #4a3226;--sb-ink-soft: #8c7262;--sb-paper: #fff8ec;--sb-card: #fffbf3;--sb-edge: #ead8bf;--sb-accent: #e9783a;--sb-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.29  0 0 0 0 0.2  0 0 0 0 0.15  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.juno-react{position:fixed;left:max(10px,env(safe-area-inset-left));bottom:0;z-index:96;display:flex;align-items:flex-end;gap:0;pointer-events:none;cursor:pointer;max-width:min(560px,92vw);animation:jr-out .4s ease-in forwards;animation-delay:var(--jr-ms, 999s)}.juno-react .jr-juno{flex:none;margin-bottom:-10px;transform-origin:50% 100%;animation:jr-rise .55s cubic-bezier(.3,1.5,.5,1) both;filter:drop-shadow(0 6px 10px rgba(30,18,10,.25))}.juno-react.jr-stepDone .jr-juno{animation:jr-rise .45s cubic-bezier(.3,1.5,.5,1) both,jr-hop .5s .45s ease-in-out}.juno-react .jr-bubble{position:relative;margin:0 0 54px 10px;padding:10px 16px 11px;background:var(--sb-card);color:var(--sb-ink);border:2px solid var(--sb-ink);border-radius:18px;box-shadow:0 4px 0 var(--sb-edge),0 10px 22px #1e120a38;font-family:var(--font-display, "Fredoka Variable", sans-serif);font-weight:600;font-size:17px;line-height:1.22;max-width:330px;transform-origin:0% 100%;animation:jr-pop .42s .18s cubic-bezier(.3,1.5,.5,1) both}.juno-react .jr-bubble:before{content:"";position:absolute;left:-11px;bottom:12px;width:16px;height:16px;background:var(--sb-card);border-left:2px solid var(--sb-ink);border-bottom:2px solid var(--sb-ink);transform:rotate(45deg) skew(8deg,8deg);border-bottom-left-radius:4px}.juno-react .jr-bubble:after{content:"";position:absolute;left:14px;right:14px;bottom:-2px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--jr-a),var(--jr-b),var(--jr-c));opacity:.9}.juno-react .jr-bubble p{margin:0}.juno-react .jr-dots{position:absolute;top:-9px;right:14px;display:flex;gap:4px}.juno-react .jr-dots i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--sb-ink);background:var(--jr-a);animation:jr-dot 1.2s ease-in-out infinite}.juno-react .jr-dots i:nth-child(2){background:var(--jr-b);animation-delay:.15s}.juno-react .jr-dots i:nth-child(3){background:var(--jr-c);animation-delay:.3s}.juno-react .jr-bubble{pointer-events:auto}.juno-react.jr-stepDone{bottom:52px}.juno-react.jr-stepDone .jr-bubble{pointer-events:none}.juno-react.jr-stepDone .jr-bubble{font-size:16px;margin-bottom:44px}.jr-scribble{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:-4px;z-index:96;pointer-events:none;animation:jr-scribble-in .6s .25s cubic-bezier(.3,1.5,.5,1) both;filter:drop-shadow(0 6px 10px rgba(30,18,10,.25))}.jr-scribble.mood-cheer>svg,.jr-scribble.mood-cheer>.scribble{animation:jr-cheer .55s .85s ease-in-out 3}.jr-spark{position:absolute;left:50%;top:30%;width:10px;height:10px;border:1.5px solid var(--sb-ink);border-radius:2px;transform:rotate(45deg);opacity:0;animation:jr-spark .9s calc(.8s + var(--i) * .06s) ease-out forwards}.jr-spark:nth-child(2n){border-radius:50%}.juno-react.reduced *,.juno-react.reduced,.jr-scribble.reduced,.jr-scribble.reduced *{animation-duration:.01s!important;animation-delay:0s!important}@keyframes jr-rise{0%{transform:translateY(70%) scale(.9)}to{transform:none}}@keyframes jr-hop{50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes jr-pop{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}@keyframes jr-dot{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes jr-scribble-in{0%{transform:translate(40px,80%) rotate(12deg)}to{transform:none}}@keyframes jr-cheer{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(2px) scale(1.04,.96)}60%{transform:translateY(-16px) scale(.97,1.04)}}@keyframes jr-spark{0%{opacity:1;transform:translate(0) rotate(45deg) scale(.4)}to{opacity:0;transform:translate(calc(cos(var(--i) * 60deg)*70px),calc(sin(var(--i) * 60deg)*70px - 20px)) rotate(225deg) scale(1)}}@keyframes jr-out{to{opacity:0;transform:translateY(30px)}}.cel-overlay.sb-cel{background:radial-gradient(ellipse 60% 55% at 50% 45%,color-mix(in srgb,var(--acc2, #f2c14e) 22%,transparent),transparent 70%),#22160ecc;gap:8px;padding:10px 24px 12px}.sb-stage{position:relative;width:min(640px,90vw);max-height:calc(100dvh - 76px);border-radius:22px;border:2px solid var(--sb-ink);background:var(--sb-card);box-shadow:0 7px #c9ab88,0 18px 40px #140a0473;padding:12px 120px 16px;color:var(--sb-ink);animation:sb-stage-in .5s cubic-bezier(.3,1.4,.5,1) both;overflow:visible}.sb-stage:after{content:"";position:absolute;inset:0;border-radius:20px;background-image:var(--sb-grain);opacity:.16;mix-blend-mode:multiply;pointer-events:none}.sb-stage-sky{position:absolute;left:0;right:0;top:0;height:58%;border-radius:20px 20px 0 0;overflow:hidden;background:linear-gradient(180deg,var(--sky, #f6e7cf),var(--sky-low, #fff4e2))}.sb-stage-sky .sb-hills{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:44%}.sb-stage-sky:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:linear-gradient(180deg,transparent,var(--sb-card))}.sb-content{position:relative;z-index:1;gap:2px;max-width:none}.sb-stage .cel-h{color:var(--sb-ink);font-size:27px;margin:2px 0 0}.sb-stage .muted,.sb-stage .cel-content .muted{color:var(--sb-ink-soft);max-width:400px;margin:2px 0 0}.sb-stage .chip.cel-for{background:var(--sb-paper);color:var(--sb-ink);border:1.5px solid var(--sb-edge)}.sb-kicker{color:var(--sb-accent);font-weight:700;letter-spacing:.08em;font-size:12px;margin:2px 0 0}.sb-juno,.sb-scribble{position:absolute;bottom:-8px;z-index:2;filter:drop-shadow(0 6px 8px rgba(30,18,10,.22))}.sb-juno{left:-18px;animation:sb-peek-l .6s .15s cubic-bezier(.3,1.5,.5,1) both}.sb-scribble{right:-14px;animation:sb-peek-r .6s .3s cubic-bezier(.3,1.5,.5,1) both}.sb-cel.big .sb-scribble>*{animation:jr-cheer .6s .9s ease-in-out 2}.sb-halo{position:relative;display:grid;place-items:center}.sb-halo:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--halo) 55%,#fff8ec) 0%,transparent 68%)}.sb-halo .sb-rays{position:absolute;inset:-6%;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--halo) 40%,transparent) 0deg 9deg,transparent 9deg 22.5deg);mask:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);animation:sb-spin 14s linear infinite;opacity:.75}.sb-halo>svg,.sb-halo>span:not(.sb-rays){position:relative}.sb-prop{overflow:visible}.sb-feature-disc{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff1dc;color:var(--sb-ink);border:2px solid var(--sb-ink);box-shadow:inset -6px -6px #6d3d6b2e}.sb-feature-disc .cel-unlock-badge{position:absolute;right:-10px;bottom:-6px}.sb-ribbon{position:relative;margin-top:-6px;padding:4px 22px 5px;background:#ee8c8c;color:#fff8ec;border:2px solid var(--sb-ink);border-radius:6px;font-family:var(--font-display, "Fredoka Variable", sans-serif);font-weight:700;font-size:15px;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);padding-inline:26px}.sb-lock .sb-shackle{animation:sb-shackle .5s 1.1s ease-out both}.sb-key{animation:sb-key 1.1s .2s cubic-bezier(.45,0,.25,1) both}.sb-chest-glow{animation:sb-glow 1.6s ease-in-out infinite alternate}.sb-cel .cel-coin{width:120px;height:120px}.sb-cel .cel-foot .btn{min-width:180px}.sb-dots{display:inline-flex;gap:6px;align-items:center}.sb-dots i{width:9px;height:9px;border-radius:50%;background:#fff8ec4d}.sb-dots i.done{background:#fff8ecb3}.sb-dots i.on{width:22px;border-radius:6px;background:var(--acc, #f2c14e)}@keyframes sb-stage-in{0%{transform:translateY(24px) scale(.92);opacity:0}to{transform:none;opacity:1}}@keyframes sb-peek-l{0%{transform:translate(-30px,40px) rotate(-10deg);opacity:0}to{transform:none;opacity:1}}@keyframes sb-peek-r{0%{transform:translate(30px,40px) rotate(10deg);opacity:0}to{transform:none;opacity:1}}@keyframes sb-spin{to{transform:rotate(360deg)}}@keyframes sb-shackle{to{transform:translateY(-8px) rotate(-12deg);transform-origin:90px 54px}}@keyframes sb-key{0%{transform:translate(-30px) rotate(-20deg);opacity:0}70%{transform:translate(22px);opacity:1}to{transform:translate(22px) rotate(90deg);transform-origin:26px 60px}}@keyframes sb-glow{0%{opacity:.55}to{opacity:1}}@media(max-height:420px){.sb-stage{padding:8px 108px 12px}.sb-stage .cel-h{font-size:23px}.sb-juno svg,.sb-juno .juno{width:104px!important;height:104px!important}.sb-scribble svg,.sb-scribble .scribble{width:88px!important;height:88px!important}}@media(prefers-reduced-motion:reduce){.sb-stage,.sb-juno,.sb-scribble,.sb-halo .sb-rays,.sb-key,.sb-chest-glow{animation:none!important}}.fx-panel .fx-slider{display:flex;align-items:center;gap:10px;min-width:0}.fx-panel input[type=range]{width:min(180px,30vw);accent-color:var(--primary, #ff7a1a)}.fx-panel .fx-hint{font-size:12px;margin:2px 0 6px 34px}.vignette{position:absolute;inset:0;overflow:hidden;background-color:var(--paper, #fffaf0);background-size:cover;background-position:center 60%;container-type:size}.vignette .vg-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at var(--lx, 12%) var(--ly, 6%),rgba(255,244,214,.32) 0,rgba(255,244,214,0) 55%),radial-gradient(140% 100% at 50% 50%,#0000 58%,#4a322629)}.vignette>svg.vg-fig,.pc-thumb .vignette>svg.vg-fig,.world-map .pc-thumb .vignette>svg.vg-fig,.polaroid .photo .vignette>svg.vg-fig,.art-card .vignette>svg.vg-fig{position:absolute;left:50%;bottom:0;height:min(100cqh,100cqw);width:auto;transform:translate(-50%);aspect-ratio:1;padding:0;overflow:visible;filter:drop-shadow(0 1px 0 rgba(255,250,240,.5))}.photo:has(>.vignette),.sp-intro-hero:has(>.vignette){position:relative;overflow:hidden}.cv{--cv-tray: #8c5a3c;--cv-tray-hi: #a8714f;--cv-cream: #fff3df;--cv-btn: 46px;z-index:42;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"tools top" "tools stage" "tools dock";gap:6px 8px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 0%,rgba(46,122,143,.35),transparent 60%),var(--bg-deep);color:var(--paper);touch-action:none;user-select:none;-webkit-user-select:none}.cv-top{grid-area:top;display:flex;align-items:center;gap:8px;min-width:0}.cv-actions{gap:6px;align-items:center}.cv-lead{flex:1;align-items:center;gap:10px;min-width:0}.cv-title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:17px;color:var(--cv-cream)}.cv-help{gap:6px;align-items:center}.cv-hist{margin-left:6px;gap:6px;align-items:center}.cv-done{display:flex;align-items:center}.cv-done .pc-done{padding:0 18px;font-size:15px;min-height:46px}.cv-btn{width:var(--cv-btn);height:var(--cv-btn);flex:none;display:grid;place-items:center;border-radius:50%;background:#fff3df1f;color:var(--cv-cream);border:2px solid rgba(255,243,223,.18);transition:transform .12s ease,background .15s ease}.cv-btn:active:not(:disabled){transform:scale(.92)}.cv-btn.on{background:var(--c-highlight);border-color:#fff3df;color:var(--ink)}.cv-btn:disabled{opacity:.35}.cv-btn.big{background:var(--cv-cream);color:var(--ink);border-color:#fff;box-shadow:0 3px #d8c4a6}.cv-btn.big:disabled{opacity:.45;box-shadow:none}.cv-tools{grid-area:tools;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:22px;background:linear-gradient(90deg,var(--cv-tray),var(--cv-tray-hi) 45%,var(--cv-tray));box-shadow:inset 0 2px #ffffff2e,inset 0 -3px #00000038,0 6px 14px #00000059}.cv-tool{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:16px;background:var(--cv-cream);border:3px solid transparent;box-shadow:0 3px #00000038;transition:transform .15s cubic-bezier(.3,1.6,.5,1),border-color .15s ease}.cv-tool.on{border-color:var(--c-highlight);transform:translate(6px) scale(1.06);box-shadow:0 0 0 3px #ffc23a59,0 3px #00000038}.cv-tool:active{transform:scale(.92)}.cv-stage{grid-area:stage;min-height:0;min-width:0;display:flex;gap:10px;align-items:stretch}.cv-view{position:relative;flex:1;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-md);touch-action:none;cursor:crosshair}.cv[data-tool=fill] .cv-view{cursor:cell}.cv[data-tool=picker] .cv-view{cursor:copy}.cv-board{position:relative;transform-origin:0 0;background:var(--paper);border-radius:14px;box-shadow:0 0 0 1px #0000000a,var(--paper-shadow-elev);overflow:hidden;will-change:transform}.cv-board>*{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cv-canvas{display:block}.cv-sketch{opacity:.75}.cv-sketch.hidden{visibility:hidden}.cv-ghost,.cv-compare{display:block}.cv-ghost>*,.cv-compare>*{position:absolute;inset:3%;width:94%!important;height:94%!important;max-width:none;max-height:none}.cv-ghost{filter:grayscale(.4)}.cv-compare{opacity:.5;animation:cv-fade .25s ease}@keyframes cv-fade{0%{opacity:0}}.cv-zoom-reset{position:absolute;right:8px;bottom:8px;background:var(--cv-cream);color:var(--ink)}.cv-toast{position:absolute;left:50%;top:10px;transform:translate(-50%);max-width:calc(100% - 24px);padding:8px 16px;border-radius:var(--r-pill);background:#071a22db;color:var(--cv-cream);font-family:var(--font-display);font-size:15px;text-align:center;pointer-events:none;animation:cv-toast 1.8s ease forwards}@keyframes cv-toast{0%{opacity:0;transform:translate(-50%,-6px) scale(.9)}12%,80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0}}.cv .cref-panel{flex:0 0 auto;width:min(30%,260px);align-self:center}.cv .cref.picking{outline:4px dashed var(--c-highlight);outline-offset:3px}.cv .cref.picking .cref-open{cursor:copy}.cv-dock{grid-area:dock;display:flex;align-items:center;gap:10px;min-width:0;padding:4px 8px;border-radius:20px;background:#fff3df14}.cv-sizes{gap:4px;align-items:center;flex:none}.cv-preview,.cv-size{width:44px;height:46px;flex:none;display:grid;place-items:center;border-radius:14px;border:2px solid transparent}.cv-preview{width:50px;background:var(--paper);border-color:#fff9;overflow:hidden}.cv-preview i,.cv-size i,.cv-slider i{display:block;border-radius:50%}.cv-preview i{box-shadow:0 0 0 1px #0000001f;transition:width .15s ease,height .15s ease}.cv-preview i.eraser{background:repeating-linear-gradient(45deg,#fff,#fff 3px,#ffd6de 3px 6px)!important;box-shadow:0 0 0 2px #e98ca0}.cv-size i{background:var(--cv-cream)}.cv-size.on{background:#ffc23a38;border-color:var(--c-highlight)}.cv-size-any b{font-family:var(--font-display);font-size:22px;color:var(--cv-cream)}.cv-palette{flex:1;min-width:0;align-items:center;gap:6px}.cv-picker{width:48px;height:48px}.cv-picker.on{transform:scale(1.06)}.cv-swatches{flex:1;min-width:0;gap:2px;align-items:center;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;padding:2px 2px 0}.cv-swatches::-webkit-scrollbar{display:none}.cv-group-tag{flex:none;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:700;letter-spacing:.03em;line-height:1.15;text-transform:uppercase;text-align:center;color:var(--c-highlight);max-height:58px}.cv-sep{flex:none;width:2px;height:34px;margin:0 4px;border-radius:2px;background:#fff3df40}.cv-swatch{flex:none;width:46px;min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:14px;padding:2px 0}.cv-swatch.labelled{width:60px}.cv-swatch i{display:block;width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.85);box-shadow:inset 0 -4px #00000024,0 2px 4px #0000004d;transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.cv-swatch span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.1;color:var(--cv-cream)}.cv-swatch.on i{transform:translateY(-1px) scale(1.12);border-color:var(--c-highlight);box-shadow:0 0 0 3px #ffc23a73,inset 0 -4px #00000024}.cv-more{flex:none}.cv-scrim{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:var(--scrim);animation:cv-fade .2s ease}.cv-sheet{width:min(560px,100%);max-height:86dvh;overflow:auto;color:var(--ink);padding:12px 16px 16px;border-radius:24px 24px 0 0;animation:cv-up .25s cubic-bezier(.2,1.2,.4,1)}@keyframes cv-up{0%{transform:translateY(40%)}}.cv-sheet .cv-btn{background:#13263014;color:var(--ink);border-color:transparent}.cv-sheet-head{justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:18px}.cv-sheet h4{margin:10px 0 4px;font-family:var(--font-display);font-size:15px}.cv-sheet .cv-swatch span{color:var(--ink)}.cv-trios{display:flex;flex-wrap:wrap;gap:6px 10px}.cv-trio{display:flex;flex-direction:column;border-radius:16px;background:#1326300d}.cv-grid{display:flex;flex-wrap:wrap;gap:2px}.cv-slider{align-items:center;gap:14px;padding:18px 6px}.cv-slider input,.cv-wheel-light input{flex:1;height:44px;accent-color:var(--primary)}.cv-wheel{gap:16px;align-items:center}.cv-wheel-disc{position:relative;width:150px;height:150px;flex:none;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff0 70%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:0 2px 8px #00000040;touch-action:none}.cv-wheel-disc i{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px #00000080;pointer-events:none}.cv-wheel-light{flex:1;gap:4px;font-size:13px}.cv-wheel-light input{-webkit-appearance:none;appearance:none;height:22px;border-radius:11px;margin:11px 0}.cv-mine-row{align-items:center;gap:10px;margin-top:8px}.cv-mine-now{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px #0000004d}.cv-confirm{gap:10px;text-align:center}.cv-confirm .row{gap:10px;justify-content:center}@media(orientation:landscape)and (max-height:480px){.cv{gap:4px 8px}.cv-tools{gap:4px}.cv-tool{width:52px;height:52px}.cv-title{font-size:15px}}@media(orientation:portrait){.cv{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "stage" "tools" "dock";gap:8px}.cv-top{flex-wrap:wrap;row-gap:8px}.cv-lead{order:1}.cv-done{order:2}.cv-actions{order:3;width:100%;justify-content:center}.cv-title{white-space:normal;font-size:15px;line-height:1.2}.cv-stage{flex-direction:column-reverse;justify-content:center}.cv .cref-panel{width:min(42%,170px,22dvh);align-self:center}.cv-tools{flex-direction:row;justify-content:space-between;padding:5px 6px;border-radius:18px;min-width:0}.cv-tools{gap:8px;padding:5px 10px;justify-content:center;justify-self:center}.cv-tool{width:46px;height:46px;border-radius:14px}.cv{--cv-btn: 44px}.cv-tool.on{transform:translateY(-5px) scale(1.06)}.cv-dock{flex-direction:column;align-items:stretch;gap:6px;padding:6px}.cv-sizes{justify-content:center}.cv-group-tag{display:none}}:root{--sty-ink: #4a3226;--sty-paper: #fffbf3;--sty-edge: #ead8bf}.sty-fig{display:inline-flex;align-items:flex-end;justify-content:center;flex:none}.sty-fig>svg,.sty-fig .drawing-view{width:100%;height:100%}.sty-mono{border-radius:50%;background:var(--sty-paper);border:3px solid var(--sty-ink);color:var(--sty-ink);font-family:var(--font-display, "Fredoka Variable", sans-serif);font-weight:700;align-items:center}.sty-face{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#fff4e2;border:2.5px solid var(--sty-ink);flex:none}.sty-face>*{margin-top:18%}.sty-ground{position:absolute;left:-10%;right:-10%;bottom:-38%;height:60%;border-radius:50%;background:#ffffff73;box-shadow:inset 0 6px #4a322614}@keyframes sty-hop{0%{transform:translateY(40px) scale(.6);opacity:0}55%{transform:translateY(-14px) scale(1.06);opacity:1}75%{transform:translateY(4px) scale(.98)}to{transform:none}}@keyframes sty-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sty-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes sty-fly{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(38vw,-52vh) scale(.25) rotate(14deg);opacity:0}}@keyframes sty-heart{0%{transform:translate(0) scale(.4);opacity:0}30%{opacity:1}to{transform:translate(var(--hx, 0),-60px) scale(1.1);opacity:0}}@keyframes sty-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sty-twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes sty-turn-next{0%{transform:perspective(1400px) rotateY(-24deg) translate(30px);opacity:.2;transform-origin:left center}to{transform:none;opacity:1}}@keyframes sty-turn-prev{0%{transform:perspective(1400px) rotateY(24deg) translate(-30px);opacity:.2;transform-origin:right center}to{transform:none;opacity:1}}.sty-hop{animation:sty-hop .7s cubic-bezier(.3,1.4,.5,1) both}.sty-bob{animation:sty-bob 2.6s ease-in-out infinite}.sty-bob.d1{animation-delay:.4s}.sty-bob.d2{animation-delay:.8s}.sty-wave{animation:sty-wave 1.6s ease-in-out infinite;transform-origin:50% 90%}.sty-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:12px;background:#281a128c;backdrop-filter:blur(3px);animation:sty-in .25s ease both}.sty-meet{position:relative;width:min(760px,100%);max-height:100%;display:flex;flex-direction:column;gap:8px;padding:26px 18px 12px;overflow:hidden;background:var(--sty-paper);border:3px solid var(--sty-ink);border-radius:22px;box-shadow:0 10px #4a32262e}.sty-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%);padding:4px 18px 5px;background:var(--accent, #e9783a);color:#fff;border-radius:0 0 14px 14px;font-size:12px;letter-spacing:.06em;white-space:nowrap}.sty-meet-pages{animation:sty-in .4s ease both}.sty-meet-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:center;padding:4px}.sty-meet-stage{position:relative;height:min(230px,52vh);border-radius:18px;border:3px solid var(--sty-ink);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.sty-meet-stage .sty-card{align-self:center;transform:rotate(-3deg) scale(.86)}.sty-pencil{position:absolute;right:12%;top:14%;color:var(--sty-ink);animation:sty-wave 1.2s ease-in-out infinite}.sty-meet-text{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.sty-meet-name{margin:0;font-size:30px;line-height:1}.sty-bubble{position:relative;margin:0;padding:12px 16px;background:#fff;border:2.5px solid var(--sty-ink);border-radius:18px;font-size:18px;line-height:1.3;animation:sty-in .35s .2s ease both}.sty-bubble:before{content:"";position:absolute;left:-12px;top:18px;border:10px solid transparent;border-right-color:var(--sty-ink);border-left:0}.sty-bubble.big{font-size:21px;font-family:var(--font-display, "Fredoka Variable", sans-serif)}.sty-narrator{margin:0;font-family:var(--font-hand, "Patrick Hand", cursive);font-size:19px;line-height:1.3}.sty-dots{gap:8px;align-items:center;justify-content:center}.sty-dots>button:not(.sty-next){width:10px;height:10px;padding:0;border-radius:50%;border:2px solid var(--sty-ink);background:transparent}.sty-dots>button.on:not(.sty-next){background:var(--sty-ink);width:22px;border-radius:6px}.sty-meet>.sty-dots{justify-content:flex-start;padding:0 4px}.sty-next{margin-left:auto;flex:none;white-space:nowrap;padding:4px 12px;display:inline-flex;align-items:center;gap:4px}.sty-meet>.sty-card.flying{position:absolute;left:50%;top:50%;animation:sty-fly .85s cubic-bezier(.5,0,.7,1) forwards;z-index:3}.sty-card{--sty-a: #e9783a;--sty-b: #f2c14e;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:210px;padding:8px 8px 12px;background:var(--sty-paper);border:3px solid var(--sty-ink);border-radius:16px;box-shadow:0 0 0 5px var(--sty-a) inset,0 6px #4a322626;color:var(--sty-ink);text-align:center}.sty-card-sm{width:132px;padding:6px 6px 10px;gap:2px}.sty-card-lg{width:260px}.sty-card-art{width:100%;aspect-ratio:4 / 3;border-radius:10px;border:2px solid var(--sty-ink);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.sty-card-name{font-family:var(--font-display, "Fredoka Variable", sans-serif);font-size:19px;line-height:1.1}.sty-card-sm .sty-card-name{font-size:15px}.sty-card-facts{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:2px 0;font-size:12px;text-align:left;line-height:1.25}.sty-card-facts dt{font-weight:700;color:var(--sty-a);filter:brightness(.75)}.sty-card-facts dd{margin:0}.sty-card-sign{font-family:Dancing Script,Satisfy,cursive;font-size:20px;line-height:1;transform:rotate(-4deg);color:#2f4e8c}.sty-card-sm .sty-card-sign{font-size:15px}.sty-card-world{font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.sty-narr{position:absolute;left:10px;top:10px;z-index:4;display:flex;align-items:center;gap:8px;max-width:min(440px,62%);padding:6px 8px 6px 6px;background:#fffbf3f5;color:var(--sty-ink);border:2.5px solid var(--sty-ink);border-radius:999px 22px 22px 999px;box-shadow:0 4px #4a32262e;animation:sty-in .3s ease both}.sty-narr p{margin:0;display:flex;flex-direction:column;font-size:15px;line-height:1.25}.sty-narr p b{font-family:var(--font-display, "Fredoka Variable", sans-serif);font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.sty-tip-toggle{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid var(--sty-ink);background:#fff;color:var(--sty-ink);display:inline-flex;align-items:center;justify-content:center;opacity:.55}.sty-tip-toggle.on{opacity:1;background:#f2c14e}.sty-cameo{position:absolute;left:max(8px,calc(46% - 210px));bottom:6px;z-index:5;display:flex;align-items:flex-end;gap:4px;pointer-events:none;animation:sty-in .35s ease both}.sty-cameo-bubble{max-width:190px;padding:8px 12px;margin-bottom:64px;background:#fff;color:var(--sty-ink);border:2.5px solid var(--sty-ink);border-radius:16px 16px 4px;font-size:15px;line-height:1.25;box-shadow:0 4px #4a32262e}.sty-cameo-bubble b{display:block;font-family:var(--font-display, "Fredoka Variable", sans-serif);font-size:12px;text-transform:uppercase;opacity:.75}.sty-cameo-bubble p{margin:0}.sty-cameo-fig{position:relative}.sty-cameo.greet .sty-cameo-fig>.sty-fig,.sty-cameo.greet .sty-cameo-fig>svg{animation:sty-hop .6s ease both}.sty-hearts i{position:absolute;left:50%;top:10%;color:#ee6f8c;font-style:normal;font-size:20px;animation:sty-heart 1.4s ease-out both}.sty-hearts i:nth-child(2){--hx: 26px;animation-delay:.2s}.sty-hearts i:nth-child(3){--hx: -24px;animation-delay:.4s}.sty-beat{height:100%;display:flex;align-items:stretch;justify-content:center;padding:8px 12px}.sty-comic{--sty-a: #e9783a;display:flex;flex-direction:column;gap:6px;width:min(980px,100%);height:100%;min-height:0;outline:none}.sty-comic-head{gap:10px;align-items:center;color:var(--paper, #fff8ec)}.sty-comic-head h2{margin:0;font-size:22px;line-height:1.1}.sty-comic-head small{opacity:.8;font-size:11px}.sty-track{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px}.sty-track::-webkit-scrollbar{display:none}.sty-slide{flex:0 0 100%;height:100%;scroll-snap-align:start;padding:0 2px}.sty-panel{position:relative;margin:0;height:100%;min-height:150px;border:3px solid var(--sty-ink);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 5px #0000002e}.sty-panel-n{position:absolute;top:8px;left:10px;width:26px;height:26px;border-radius:50%;background:var(--sty-paper);border:2px solid var(--sty-ink);color:var(--sty-ink);font:700 13px/22px var(--font-display, "Fredoka Variable", sans-serif);text-align:center;z-index:2}.sty-panel-stage{position:relative;flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;gap:2%;padding:10px 12px 0}.sty-props{position:absolute;top:8px;right:10px;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:60%;z-index:2}.sty-prop{padding:2px 8px;border-radius:999px;background:#fffbf3d9;border:1.5px dashed var(--sty-ink);color:var(--sty-ink);font-family:var(--font-hand, "Patrick Hand", cursive);font-size:13px}.sty-caption{position:relative;z-index:2;margin:0 10px 10px;padding:8px 14px;background:#fff6c9;color:var(--sty-ink);border:2.5px solid var(--sty-ink);border-radius:6px;box-shadow:3px 3px 0 var(--sty-ink);font-family:var(--font-hand, "Patrick Hand", cursive);font-size:19px;line-height:1.25}.sty-comic-nav{gap:10px;align-items:center;justify-content:center}.sty-comic-nav .sty-dots>button{border-color:var(--paper, #fff8ec)}.sty-comic-nav .sty-dots>button.on{background:var(--paper, #fff8ec)}.sty-comic-go{margin-left:auto;opacity:.85}.sty-comic-go.ready{opacity:1;animation:sty-bob 1.6s ease-in-out infinite}.sty-comic-modal{position:relative;width:min(900px,100%);height:min(560px,100%);padding:12px;background:#2c3e4a;border:3px solid var(--sty-ink);border-radius:22px}.sty-close{position:absolute;top:8px;right:8px;z-index:3}.sty-sign-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(28px * var(--s, 1));height:calc(28px * var(--s, 1));margin-top:4px;border-radius:50%;border:2px solid currentColor;background:#ffffffd9;color:var(--sty-ink);cursor:pointer;pointer-events:auto}.sty-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(1000px,100%);height:100%;min-height:0;border:3px solid var(--sty-ink);border-radius:18px;overflow:hidden;box-shadow:0 8px #00000040}.sty-spread:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 14px);width:28px;background:linear-gradient(90deg,transparent,rgba(74,50,38,.22),transparent);pointer-events:none}.sty-spread-page{display:flex;flex-direction:column;gap:6px;padding:14px 18px;min-height:0;color:var(--sty-ink);overflow:hidden}.sty-spread-page h2{margin:0;font-size:24px}.sty-spread-text{margin:0;font-family:var(--font-hand, "Patrick Hand", cursive);font-size:17px;line-height:1.25}.sty-spread-page .sty-panel{flex:1;min-height:100px}.sty-parade{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px 6px}.sty-spread-foot{gap:10px;align-items:center;justify-content:space-between}.sty-prop.tag{border-style:solid;background:#fff;font-weight:700}.sty-parade-cast{display:flex;flex-direction:column;align-items:center;width:58px;opacity:.35;filter:grayscale(.8);animation:sty-bob 2.4s ease-in-out infinite}.sty-parade-cast.lit{opacity:1;filter:none}.sty-parade-cast small{font-size:10px;text-align:center;line-height:1.1}.sty-theend{margin:0;text-align:center;font-family:Dancing Script,cursive;font-size:30px}.sty-residents{display:flex;flex-direction:column;gap:12px;padding:4px 4px 24px}.sty-res-count{margin:0}.sty-shelf h3{margin:0 0 6px;font-size:17px}.sty-shelf-row{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 12px}.sty-res-card{flex:none;border:0;padding:0;background:none;cursor:pointer}.sty-res-card.mystery{width:132px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default;opacity:.85}.sty-res-sil{position:relative;width:100%;aspect-ratio:3 / 4;border:3px dashed rgba(74,50,38,.5);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sty-res-sil .sty-fig,.sty-res-sil>svg{filter:brightness(0) opacity(.28)}.sty-res-sil b{position:absolute;font:700 40px var(--font-display, "Fredoka Variable", sans-serif);color:#fff;text-shadow:0 2px 0 var(--sty-ink)}.sty-res-detail{display:flex;gap:16px;align-items:center}.sty-res-detail .col{gap:10px;max-width:300px}.sty-book{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;min-height:0}.sty-book-side{display:flex;flex-direction:column;gap:8px}.sty-book-side h3{margin:0}.sty-worlds{display:flex;flex-wrap:wrap;gap:6px}.sty-worlds .chip.empty{opacity:.55}.sty-book-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sty-print{font-size:12px}.sty-book-main{display:flex;flex-direction:column;gap:6px;min-width:0}.sty-book-stage{width:100%;aspect-ratio:1.414;max-height:64vh}.sty-book-stage.turn-next{animation:sty-turn-next .5s ease both}.sty-book-stage.turn-prev{animation:sty-turn-prev .5s ease both}.sty-book-nav{gap:10px;align-items:center;justify-content:center}.sty-stash{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}.sty-bpage{--sty-a: #e9783a;position:relative;height:100%;display:flex;flex-direction:column;gap:6px;padding:12px;border:3px solid var(--sty-ink);border-radius:6px 18px 18px 6px;box-shadow:inset 14px 0 18px -14px #4a322673,0 6px #4a32262e;color:var(--sty-ink);overflow:hidden}.sty-bpage header{text-align:center}.sty-bpage header h3{margin:0;font-size:18px}.sty-bpage header small{font-size:10px;opacity:.7}.sty-bpage.cover,.sty-bpage.end{align-items:center;justify-content:center;text-align:center;gap:10px}.sty-btitle{margin:0;font-size:clamp(22px,4vw,34px);line-height:1.05}.sty-bauthor{margin:0;font-family:Dancing Script,cursive;font-size:22px}.sty-bpanels{flex:1;min-height:0;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr)}.sty-bpanels.n3{grid-template-columns:1fr 1fr 1fr}.sty-bpanels .sty-panel{min-height:0}.sty-bpanels .sty-caption{font-size:12px;line-height:1.2;padding:3px 7px;margin:0 5px 5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sty-bpanels .sty-panel-n{width:20px;height:20px;font-size:11px;line-height:16px;top:4px;left:4px}.sty-bpanels .sty-props{display:none}.sty-bpage.finale{border-radius:18px}.sty-child-art{flex:none;display:inline-flex;width:30%;max-width:120px;aspect-ratio:1;transform:rotate(-4deg)}.sty-child-art img{width:100%;height:100%;object-fit:contain}.sty-child-art.photo{background:#fff;padding:4px 4px 12px;box-shadow:0 3px 8px #00000040}.sty-child-art.photo:before{content:"";position:absolute;top:-6px;left:30%;width:40%;height:12px;background:#f2c14ebf}.sty-child-art.cutout img{filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}.sty-child-art .journal-photo{width:100%;height:100%;object-fit:cover}.sty-book-empty{padding:30px 10px;text-align:center}.sty-bed{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;gap:8px;padding:10px 16px 12px;background:radial-gradient(circle at 80% 10%,#2a3a6b 0,#141c38 55%,#0b1024);color:#e8e4ff;animation:sty-in .6s ease both}.sty-bed-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sty-moon{position:absolute;left:22%;top:6%;width:54px;height:54px;border-radius:50%;box-shadow:-12px 6px #ffe9a8}.sty-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff6c9;animation:sty-twinkle 3.2s ease-in-out infinite}.sty-bed-top{position:relative;gap:10px;align-items:center;flex-wrap:wrap}.sty-bed-title{display:inline-flex;gap:6px;align-items:center}.sty-bed-timer{gap:6px;align-items:center;margin-left:auto;flex-wrap:wrap}.sty-bed-timer .chip{background:#ffffff1a;color:inherit;border-color:#ffffff59}.sty-bed-timer .chip.on{background:#ffe9a8;color:#141c38}.sty-bed .icon-btn{color:#e8e4ff}.sty-bed-page{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;animation:sty-in 1.2s ease both}.sty-bed-page .sty-bpage{height:auto;max-height:100%;aspect-ratio:1.414;width:min(100%,calc((100vh - 140px)*1.414))}.sty-bpage.dim{filter:brightness(.72) saturate(.85) sepia(.12)}.sty-bed-nav{position:relative;gap:12px;align-items:center;justify-content:center}.sty-bed-n{min-width:90px;text-align:center;opacity:.8}.sty-bed-done{flex:1;gap:14px;text-align:center}@media(max-width:640px){.sty-meet-panel{grid-template-columns:1fr;gap:8px}.sty-meet-stage{height:170px}.sty-book{grid-template-columns:1fr}.sty-book-stage{aspect-ratio:.72;max-height:none}.sty-bpanels,.sty-bpanels.n3{grid-template-columns:1fr}.sty-spread{grid-template-columns:1fr;overflow-y:auto}.sty-spread:after{display:none}.sty-bed-page .sty-bpage{aspect-ratio:.72;width:100%}.sty-res-detail{flex-direction:column}}@media(max-height:430px){.sty-meet{padding-top:22px}.sty-meet-stage{height:200px}.sty-meet-name{font-size:24px}.sty-bubble{font-size:16px}.sty-caption{font-size:16px;padding:6px 10px}.sty-comic-head h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.sty-hop,.sty-bob,.sty-wave,.sty-pencil,.sty-star,.sty-parade-cast,.sty-comic-go.ready,.sty-book-stage,.sty-bed-page,.sty-hearts i{animation:none!important}.sty-meet-pages{transition:none}}:root[data-reduced-motion=true] :is(.sty-hop,.sty-bob,.sty-wave,.sty-pencil,.sty-star,.sty-parade-cast,.sty-comic-go.ready,.sty-book-stage,.sty-bed-page,.sty-hearts i,.sty-overlay,.sty-bubble,.sty-narr,.sty-cameo){animation:none!important}:root[data-reduced-motion=true] .sty-meet-pages{transition:none}:root[data-reduced-motion=true] .sty-meet>.sty-card.flying{display:none}.sty-panel-stage>.sty-fig{max-height:100%}.sty-track .sty-panel-stage>.sty-fig{width:auto!important;height:min(68%,330px)!important;aspect-ratio:1}.sty-track .sty-panel.n3 .sty-panel-stage>.sty-fig{height:min(54%,260px)!important}.sty-track .sty-panel.n4 .sty-panel-stage>.sty-fig{height:min(44%,210px)!important}.sty-track .sty-panel-stage>svg{height:min(68%,330px);width:auto}*:has(>.sty-narr)>.sp-hint{top:74px;z-index:5}.living-creature{display:block;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.living-creature.tappable{cursor:pointer}.living-reveal{--lv-ink: #4a3226;--lv-muted: #8c7262;--lv-surface: #fffbf3;--lv-border: #ead8bf;--lv-accent: #e9783a;min-height:0;min-width:0}.living-card{position:relative;overflow:hidden;border-radius:20px;background:#fff8ec;border:1.5px solid var(--lv-border);box-shadow:0 6px 0 var(--lv-border),0 10px 24px #4a32262e;isolation:isolate}.living-scene,.living-inline-bg{position:absolute;inset:0;z-index:0}.living-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 46% 52% at 50% 64%,#fffbf3b8,#fffbf300 72%)}.living-inline-bg{opacity:0;transition:opacity .6s ease}.is-alive .living-inline-bg{opacity:1}.living-photo{position:absolute;inset:8%;z-index:1;display:grid;place-items:center;transition:opacity .7s ease,transform .7s cubic-bezier(.45,0,.25,1),filter .7s ease}.living-inline .living-photo{inset:0}.living-photo img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;background:#fffaf0;box-shadow:0 2px #4a32261f}.living-inline .living-photo img{width:100%;height:100%;object-fit:cover;border-radius:0}.living-photo.melt{opacity:0;transform:scale(.94) translateY(6px);filter:blur(2px) saturate(.6)}.living-wand{position:absolute;left:-10%;right:-10%;height:26%;top:-26%;background:linear-gradient(180deg,#ffd86b00,#ffd86b8c 46%,#fffbf3f2,#ffd86b80 54%,#ffd86b00);mix-blend-mode:screen;animation:lv-sweep 1.15s cubic-bezier(.45,0,.25,1) infinite;pointer-events:none}@keyframes lv-sweep{0%{top:-26%}to{top:100%}}.living-wand-sparks{position:absolute;inset:0;pointer-events:none}.living-wand-sparks i{position:absolute;top:50%;width:14px;height:14px;background:#ffd86b;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:lv-twinkle 1.15s ease-in-out infinite;opacity:0}.living-wand-sparks i:nth-child(odd){top:28%;background:#fffbf3}.living-wand-sparks i:nth-child(3n){top:72%;background:#f4a3b5}@keyframes lv-twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}.living-creature-wrap{position:absolute;inset:0;z-index:2;display:flex;justify-content:center;align-items:flex-end;animation:lv-in .5s ease both}@keyframes lv-in{0%{opacity:0}}.living-chip{position:absolute;z-index:3;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);font-weight:600;color:var(--lv-ink);background:var(--lv-surface);border:1.5px solid var(--lv-border);border-radius:999px;box-shadow:0 3px 0 var(--lv-border);padding:4px 14px;animation:lv-pop .42s cubic-bezier(.3,1.5,.5,1) both;animation-delay:1.5s}.living-name-chip{top:10px;font-size:17px}.living-inline .living-name-chip{top:6px;font-size:14px;padding:2px 10px}@keyframes lv-pop{0%{opacity:0;transform:translate(-50%) scale(.6)}}.living-tap-hint{position:absolute;z-index:3;right:12px;bottom:12px;font-family:var(--font-display);font-weight:600;font-size:14px;color:#fffbf3;background:var(--lv-accent);border-radius:999px;padding:4px 12px;box-shadow:0 3px #b85a26;animation:lv-pop .42s cubic-bezier(.3,1.5,.5,1) 2.2s both,lv-nudge 2s ease-in-out 3s infinite;pointer-events:none}@keyframes lv-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.living-stage{flex:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:var(--s4, 20px);padding:0 calc(var(--gutter, 16px) + 12px + env(safe-area-inset-right)) var(--s3, 12px) calc(var(--gutter, 16px) + 12px + env(safe-area-inset-left));align-items:stretch}.living-stage .living-card{min-height:220px}.living-side{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}.living-juno{display:flex;align-items:flex-end;gap:8px}.living-juno>:first-child{flex:none}.living-bubble{position:relative;flex:1;display:flex;flex-direction:column;gap:2px;background:var(--lv-surface);color:var(--lv-ink);border:1.5px solid var(--lv-border);border-radius:20px;box-shadow:0 5px 0 var(--lv-border);padding:12px 16px;font-family:var(--font-display);font-size:18px;line-height:1.3;margin-bottom:22px;animation:lv-pop-plain .42s cubic-bezier(.3,1.5,.5,1) both}.living-bubble b{font-size:20px}.living-bubble span{color:var(--lv-ink)}.living-bubble:before{content:"";position:absolute;left:-10px;bottom:18px;width:18px;height:18px;background:var(--lv-surface);border-left:1.5px solid var(--lv-border);border-bottom:1.5px solid var(--lv-border);transform:rotate(45deg);border-radius:0 0 0 4px}@keyframes lv-pop-plain{0%{opacity:0;transform:scale(.85)}}.juno-bounce{animation:lv-juno .9s cubic-bezier(.3,1.5,.5,1) .9s both}@keyframes lv-juno{0%{transform:translateY(0)}30%{transform:translateY(-10px) rotate(-3deg)}60%{transform:translateY(0) rotate(2deg)}}.living-title{font-size:var(--fs-title, 26px)}.living-saved{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;color:#fffbf3;font-family:var(--font-display);font-weight:600;font-size:15px;background:#fffbf31a;border:1.5px solid rgba(255,251,243,.22);border-radius:999px;padding:2px 14px 2px 4px;animation:lv-pop-plain .42s cubic-bezier(.3,1.5,.5,1) 1.9s both}.living-footer{display:flex;justify-content:flex-end;gap:12px;animation:lv-in .4s ease .4s both}.living-inline{position:absolute;inset:0}.living-inline .living-card{position:absolute;inset:0;border-radius:0;border:0;box-shadow:none;background:transparent}.first-draw{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:var(--s4, 20px);padding:0 calc(var(--gutter, 16px) + 12px + env(safe-area-inset-right)) var(--s3, 12px) calc(var(--gutter, 16px) + 12px + env(safe-area-inset-left))}.first-paper{position:relative;min-height:0;border-radius:14px;background:#fffaf0;border:1.5px solid #ead8bf;box-shadow:0 6px #ead8bf,0 10px 24px #00000040;display:grid;place-items:center;overflow:hidden;transform:rotate(-1.2deg)}.first-paper:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(125,189,232,.18) 27px 28px);pointer-events:none}.first-paper svg{position:relative;width:100%;height:100%}.first-paper .first-step-badge{position:absolute;top:10px;left:12px;z-index:2;font-family:var(--font-display);font-weight:700;color:#fffbf3;background:#e9783a;border-radius:999px;padding:2px 12px;box-shadow:0 3px #b85a26;font-size:15px}.first-paper .first-juno{position:absolute;right:6px;bottom:0;z-index:2}.first-side{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}.first-side h1{font-size:var(--fs-title, 26px);line-height:1.15}.first-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.first-steps li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:#fffbf312;border:1.5px solid rgba(255,251,243,.12);color:#fffbf3bf;font-family:var(--font-display);font-size:15px;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease}.first-steps li .num{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:#fffbf324;color:#fffbf3}.first-steps li.on{background:#fffbf3;border-color:#ead8bf;color:#4a3226!important;opacity:1;transform:scale(1.03)}.first-steps li.on .num{background:#e9783a}.first-steps li.done .num{background:#4cc38a}.first-hint{font-size:14px;opacity:.75}.first-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}@media(max-height:420px){.first-side h1,.living-title{font-size:22px}.living-bubble{font-size:16px;padding:10px 14px}.living-bubble b{font-size:17px}.first-steps li{font-size:14px;padding:4px 8px}}@media(prefers-reduced-motion:reduce){.living-wand,.living-wand-sparks i,.living-tap-hint,.juno-bounce{animation:none!important}}.paywall-close.mon-close,.paywall-close.mon-close.shown{opacity:.85;pointer-events:auto;transition:none}.mon-loading{min-height:160px;gap:10px}.mon-invite-chip{display:inline-flex;align-items:center;gap:6px;align-self:center;margin:0;padding:4px 12px;border-radius:999px;background:var(--c-highlight, #f2c14e);color:var(--ink, #2a1b12);font:700 13px var(--font-display)}.badge.mon-trial{background:#bfe6ff;color:var(--ink, #2a1b12)}.mon-estimate{margin:0;font-size:10px;text-align:center;color:var(--c-highlight, #f2c14e)}.mon-foot-links{gap:14px;justify-content:center}.mon-creature-hero{align-items:center;text-align:center}.mon-creature-hero .hero-copy h1{font-size:26px;margin-bottom:2px}.mon-creature-hero .hero-benefits{align-items:flex-start;text-align:left;display:inline-flex}.mon-hero-sub{margin:0 0 6px;font-size:13px}.mon-creature-stage{position:relative;display:grid;place-items:center;border-radius:24px;background:radial-gradient(ellipse at 50% 70%,rgba(242,193,78,.28),transparent 65%)}.mon-creature-tag{position:absolute;bottom:-2px;left:50%;transform:translate(-50%) rotate(-3deg);padding:2px 10px;border-radius:6px;background:var(--paper, #fffbf3);color:var(--ink, #2a1b12);font-size:15px;white-space:nowrap;box-shadow:0 3px 8px #00000040}@media(max-height:420px){.mon-creature-hero .hero-copy h1{font-size:21px}.mon-creature-stage .living-creature,.mon-creature-stage canvas{max-height:150px}}.wish{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:18px;padding:14px calc(24px + env(safe-area-inset-right)) 14px calc(24px + env(safe-area-inset-left))}.wish-back{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));z-index:2}.wish-stage{position:relative;display:grid;place-items:center;min-height:0}.wish-page{position:relative;width:min(300px,80%);aspect-ratio:4 / 3;background:var(--paper, #fffbf3);border-radius:6px 18px 18px 6px;padding:10px;box-shadow:0 8px #c9ab88,0 14px 30px #00000059;transform:rotate(-2deg);overflow:hidden}.wish-page:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-35deg,#fffbf38c 0 6px,#fffbf340 6px 12px);pointer-events:none}.wish-page svg,.wish-page img{width:100%;height:100%;filter:grayscale(.85) contrast(.9)}.wish-page .wish-world{display:grid;place-items:center;height:100%;color:var(--ink, #2a1b12);font:700 26px var(--font-display);text-align:center}.wish-scribble{position:absolute;left:-6px;bottom:-14px}.wish-jar{position:absolute;right:4%;bottom:-6px;width:74px;height:86px}.wish-jar-count{position:absolute;right:calc(4% + 24px);bottom:30px;font:700 18px var(--font-display);color:var(--ink, #2a1b12)}.wish-star-fly{position:absolute;left:40%;top:30%;color:var(--c-highlight, #f2c14e);animation:wish-fly .9s cubic-bezier(.5,-.4,.6,1) forwards;pointer-events:none}@keyframes wish-fly{0%{transform:translate(0) scale(1.6) rotate(0);opacity:1}to{transform:translate(120px,120px) scale(.4) rotate(220deg);opacity:0}}.wish-copy{gap:10px;align-items:flex-start}.wish-copy h1{margin:0;font-size:26px;line-height:1.15}.wish-copy .wish-title{margin:0;font:600 16px var(--font-display);color:var(--c-highlight, #f2c14e)}.wish-actions{display:flex;gap:10px;flex-wrap:wrap}.wish-done{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 14px;border-radius:999px;background:#f2c14e2e;color:var(--c-highlight, #f2c14e);font:700 15px var(--font-display)}@media(max-width:620px){.wish{grid-template-columns:1fr}}.mon-page{display:grid;place-items:center;overflow-y:auto;padding:14px calc(16px + env(safe-area-inset-right)) 14px calc(16px + env(safe-area-inset-left))}.mon-card{--p-ink: #4a3226;--p-soft: #8c7262;position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;max-width:760px;width:100%;padding:16px 22px}.mon-card h1{margin:0 0 4px;font-family:var(--font-display);font-size:26px;line-height:1.15}.mon-card p{margin:0 0 6px}.mon-card .par-muted{color:var(--p-soft)}.mon-card-art{display:grid;place-items:center}.mon-card-body{display:flex;flex-direction:column;gap:8px;min-width:0}.mon-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mon-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:16px;border:2px solid var(--p-ink);background:#fff1dc;color:var(--p-ink);text-align:left;cursor:pointer;box-shadow:0 3px #c9ab88}.mon-choice.on{background:#ffe2a8;outline:3px solid var(--p-accent, #e9783a)}.mon-choice b{font:700 16px var(--font-display)}.mon-choice small{color:var(--p-soft)}.mon-code{display:inline-block;padding:6px 14px;border-radius:12px;border:2px dashed var(--p-ink);background:#fff8e8;font:700 22px ui-monospace,Menlo,monospace;letter-spacing:2px;color:var(--p-ink)}.mon-field{width:100%;max-width:280px;padding:8px 12px;border-radius:12px;border:2px solid var(--p-ink);background:#fff;color:var(--p-ink);font:700 18px ui-monospace,Menlo,monospace;letter-spacing:1px;text-transform:uppercase}.mon-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mon-error{color:#b0391b;font-weight:600}@media(max-width:620px){.mon-card,.mon-choices{grid-template-columns:1fr}}.mon-show-art{display:flex;align-items:flex-end;justify-content:center;gap:0}.ps-gift{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:10px;padding:8px 14px;border-radius:999px;background:#f2c14e29;color:var(--c-highlight, #f2c14e);font:700 14px var(--font-display);text-decoration:none}.coach{--cc-ink: #4a3226;--cc-muted: #8c7262;--cc-card: #fffbf3;--cc-line: #ead8bf;--cc-accent: #e9783a;height:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;padding:8px 16px 12px;box-sizing:border-box;color:var(--cc-ink)}.coach-stage{min-height:0;display:grid;place-items:center}.coach-paper{position:relative;height:100%;max-height:100%;aspect-ratio:1;max-width:100%;border-radius:20px;background:#fffaf0;box-shadow:0 6px 0 var(--cc-line),0 10px 24px #00000047;display:grid;place-items:center;overflow:hidden}.coach-paper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 14%,rgba(247,211,92,.22),transparent 46%);pointer-events:none}.coach-figure{width:92%;height:92%}.coach-phase{position:absolute;left:50%;bottom:10px;translate:-50% 0;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--cc-card);box-shadow:0 3px 0 var(--cc-line);font-family:var(--font-display);font-weight:600;font-size:13px;white-space:nowrap;animation:cc-pop .42s cubic-bezier(.3,1.5,.5,1) both}.coach-phase i{width:18px;height:18px;border-radius:50%;border:2px solid var(--cc-ink)}.coach-hit path{fill:transparent;cursor:pointer}.coach-hit.on path{fill:#e9783a1f;stroke:var(--cc-accent);stroke-width:3;stroke-dasharray:6 5;animation:cc-march 1s linear infinite}@keyframes cc-march{to{stroke-dashoffset:-11}}.coach-demo .coach-ink{mix-blend-mode:multiply}.coach-scrib{stroke-dasharray:1 1;stroke-dashoffset:1;animation:cc-draw 1s cubic-bezier(.45,0,.25,1) forwards}.coach-scrib.late{animation-delay:.35s}.coach-edge{stroke-dasharray:1 1;stroke-dashoffset:1;animation:cc-draw .5s ease-out forwards}.m-markers .coach-scrib{stroke-linecap:round}.m-crayons .coach-scrib{opacity:.88}@keyframes cc-draw{to{stroke-dashoffset:0}}.coach-fadein{opacity:0;animation:cc-fade .7s .15s ease forwards}@keyframes cc-fade{to{opacity:1}}.coach-pop{transform-box:fill-box;transform-origin:center;animation:cc-pop .5s cubic-bezier(.3,1.6,.5,1) both}@keyframes cc-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.coach-shadowside{animation:cc-breathe 1.8s ease-in-out infinite alternate}@keyframes cc-breathe{0%{opacity:.55}to{opacity:1}}.coach-sun{animation:cc-spin 12s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes cc-spin{to{rotate:360deg}}.coach-ray{animation:cc-ray 1.6s ease-in-out infinite}@keyframes cc-ray{0%{opacity:0;translate:-6px -6px}40%,70%{opacity:1}to{opacity:0;translate:6px 6px}}.coach-svglabel{font-family:var(--font-display);font-weight:600;font-size:13px;fill:#6d3d6b;paint-order:stroke;stroke:#fffaf0;stroke-width:4px}.coach-svglabel.sun{fill:#b8702a}.coach-panel{min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:20px;background:var(--cc-card);box-shadow:0 6px 0 var(--cc-line),0 10px 24px #00000040}.coach-head{display:flex;align-items:center;gap:10px;flex:none}.coach-title{display:flex;flex-direction:column;line-height:1.05}.coach-title small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-accent);font-weight:700}.coach-title b{font-family:var(--font-display);font-size:18px}.coach-tabs{display:flex;gap:4px;margin-left:auto;flex-wrap:nowrap}.coach-tab:not(.on) .coach-tab-label{display:none}.coach-tab:not(.on){padding-right:4px}.coach-tab{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;padding:4px 10px 4px 4px;background:#f4eadb;color:var(--cc-muted);font:600 12px var(--font-display);cursor:pointer}.coach-tab span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fffbf3;color:var(--cc-muted);font-size:11px}.coach-tab.past span{background:#4cc38a;color:#fff}.coach-tab.on{background:var(--cc-accent);color:#fffbf3}.coach-tab.on span{color:var(--cc-accent)}.coach-say{display:flex;align-items:center;gap:8px;flex:none}.coach-say>:first-child{flex:none}.coach-say p{margin:0;position:relative;padding:8px 12px;border-radius:14px;background:#f6efe3;font-size:14px;line-height:1.3}.coach-say p:before{content:"";position:absolute;left:-7px;top:50%;translate:0 -50%;border:7px solid transparent;border-right-color:#f6efe3;border-left:0}.coach-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;animation:cc-fade .35s ease both;opacity:0}.coach-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.coach-swatch{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border:2px solid transparent;border-radius:12px;background:#f8f1e6;color:var(--cc-ink);font:600 13px var(--font-display);cursor:pointer;text-align:left}.coach-swatch.on{border-color:var(--cc-accent);background:#fff4e8}.coach-crayon{width:48px;height:20px;flex:none}.coach-sw-name{text-transform:capitalize}.coach-sw-tag{position:absolute;right:4px;top:-8px;font-style:normal;font-size:10px;padding:1px 6px;border-radius:999px;background:var(--cc-accent);color:#fffbf3}.coach-sw-tag.soft{background:#8c7262}.coach-harmony{margin:8px 0 0;font-size:13px;line-height:1.35;color:var(--cc-muted)}.coach-harmony b{color:var(--cc-ink)}.coach-light p{margin:6px 0;font-size:14px;line-height:1.35}.coach-light-row{display:flex;gap:14px}.coach-key{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--font-display)}.coach-key i{width:16px;height:16px;border-radius:50%;border:2px solid var(--cc-ink)}.coach-key i.sun{background:#f7d35c}.coach-key i.shadow{border-radius:4px;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.3) 0 2px,transparent 2px 5px)!important}.coach-pressure{width:100%;max-width:380px;height:auto;display:block}.coach-zones{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.coach-zone-chips{display:flex;flex-wrap:wrap;gap:6px}.coach-zchip{position:relative;width:38px;height:38px;border-radius:50%;border:2.5px solid var(--cc-ink);background:#fffbf3;padding:3px;cursor:pointer}.coach-zchip i{display:block;width:100%;height:100%;border-radius:50%;background:var(--sw);box-shadow:inset -4px -5px #6d3d6b38}.coach-zchip.on{outline:3px solid var(--cc-accent);outline-offset:2px;animation:cc-pulse 1s ease-in-out infinite alternate}.coach-zchip.done svg{position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;padding:1px;border-radius:50%;background:#4cc38a;color:#fff}@keyframes cc-pulse{to{transform:scale(1.08)}}.coach-zone-status{margin:0;font:600 13px var(--font-display)}.coach-phases{margin:0;padding-left:20px;font-size:13px;color:var(--cc-muted);line-height:1.45}.coach-phases li.on{color:var(--cc-accent);font-weight:700}.coach-q{margin:0 0 6px;font:600 13px var(--font-display)}.coach-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.coach-tool{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 4px 5px;border-radius:14px;line-height:1.1;text-align:center;font-size:11.5px!important;border:2px solid transparent;background:#f8f1e6;color:var(--cc-ink);font:600 12px var(--font-display);cursor:pointer}.coach-tool.on{border-color:var(--cc-accent);background:#fff4e8}.coach-toolart{width:30px;height:30px}.coach-tips{margin:8px 0 4px;padding-left:18px;font-size:13.5px;line-height:1.35}.coach-tips li{margin-bottom:4px;color:var(--cc-muted)}.coach-tips li.main{color:var(--cc-ink);font-weight:600}.coach-goal{margin:4px 0 0;font-size:12.5px;color:var(--cc-muted)}.coach-foot{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;flex:none}.coach-foot .btn{flex:none}.coach-foot .grow{flex:1}.coach-skip{border:0;background:none;color:var(--cc-muted);font:500 12.5px var(--font-body, inherit);text-decoration:underline;cursor:pointer;padding:4px 0}@media(orientation:portrait){.coach{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}}@media(min-width:1100px){.coach{padding:16px 28px 24px;gap:22px}.coach-say p{font-size:16px}}@media(prefers-reduced-motion:reduce){.coach-scrib,.coach-edge{animation-duration:.01s}.coach-sun,.coach-ray,.coach-shadowside,.coach-zchip.on,.coach-hit.on path{animation:none}}@media(max-height:460px){.coach{padding:4px 12px 8px;gap:10px}.coach-panel{padding:8px 12px;gap:6px}.coach-say>:first-child{width:44px!important;height:44px!important}.coach-say p{font-size:13px;padding:6px 10px}.coach-title b{font-size:16px}}@media(min-height:461px){.coach-tab .coach-tab-label{display:inline!important}.coach-tabs{flex-wrap:wrap}}@media(min-height:600px){.coach-body{display:flex;flex-direction:column;justify-content:center}.coach-swatches{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.coach-swatch{padding:8px 12px 8px 8px;font-size:16px;border-radius:16px}.coach-crayon{width:72px;height:30px}.coach-harmony,.coach-light p,.coach-tips{font-size:16px}.coach-zchip{width:54px;height:54px}.coach-phases,.coach-zone-status{font-size:16px}.coach-toolart{width:44px;height:44px}.coach-tool{font-size:14px!important}.coach-say>:first-child{width:72px!important;height:72px!important}}.obs-head{display:flex;align-items:center;gap:12px;padding:10px 16px 6px}.obs-head>div{flex:1;min-width:0}.obs-head h2{margin:0;font-size:clamp(20px,3.2vw,28px)}.obs-head p{margin:2px 0 0;font-size:13px}.obs-museum-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:0;font:inherit;font-weight:700;color:#4a3226;background:linear-gradient(180deg,#ffe7a8,#f2c14e);box-shadow:0 3px #c9932a;cursor:pointer;white-space:nowrap}.shape-ov{display:flex;flex-direction:column;gap:8px;min-width:0}.shape-ov-photo{position:relative;border-radius:14px;overflow:hidden;background:#fffaf0;box-shadow:0 4px 14px #281c1429;max-height:56vh;display:grid;place-items:center}.shape-ov-photo img{display:block;max-width:100%;max-height:56vh;object-fit:contain}.shape-ov-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shape-ov-line>*{fill:#ffc23a1f;stroke:#ff7a1a;stroke-dasharray:3 2.2;vector-effect:non-scaling-stroke;animation:shape-draw .9s var(--ease, ease-out) both}.shape-ov-line>*{stroke-width:3.5}@keyframes shape-draw{0%{opacity:0;transform:scale(.92);transform-origin:center}}.shape-ov-say{margin:0;font-weight:700;line-height:1.3}.shape-ov-chips{display:flex;flex-wrap:wrap;gap:6px}.shape-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:2px solid rgba(74,50,38,.18);background:#fffaf0;color:#4a3226;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.shape-chip.on{border-color:#ff7a1a;background:#fff1d6;color:#b4500a}.hunt-screen{min-height:100%;background:radial-gradient(120% 90% at 80% 0%,#fff4dc 0,#fbe7c8 55%,#f2d3a6);color:#3f2a1e}.hunt-find{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:center;padding:8px 16px 20px}.hunt-side{align-items:center;gap:10px;text-align:center}.hunt-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:min(56vh,320px);padding:18px;text-align:center;border-radius:20px}.hunt-prompt{animation:hunt-pop .45s var(--ease, ease-out) both}@keyframes hunt-pop{0%{opacity:0;transform:translateY(12px) rotate(-1.5deg) scale(.96)}}.hunt-glyph{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;color:#ff7a1a;background:#fff1d6;box-shadow:inset 0 0 0 3px #ffd59a}.hunt-what{margin:4px 0 0;font-size:clamp(22px,3.6vw,34px);line-height:1.15}.hunt-safety{flex-direction:row;max-width:640px;margin:12px auto;gap:14px;min-height:0;text-align:left}.hunt-safety .col{gap:8px;align-items:flex-start}.hunt-thumb{max-width:70%;max-height:34vh;border-radius:12px;object-fit:contain;box-shadow:0 3px 10px #281c1426}.hunt-shape-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#fff1d6;color:#b4500a;font-weight:700;font-size:13px}.mus-screen{min-height:100%;background:linear-gradient(180deg,#f6ead6 0,#efdcc0 70%,#e4c9a2);color:#3f2a1e}.mus-hall{padding:4px 16px 28px}.mus-guide{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:14px}.mus-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:12px 12px 18px;margin-bottom:14px;background:linear-gradient(180deg,transparent calc(100% - 14px),#b07a4a calc(100% - 14px),#8c5a34 100%);border-radius:6px}.mus-case{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:center;min-width:0}.mus-glass{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:12px 12px 6px 6px;overflow:hidden;background:linear-gradient(160deg,#ffffffbf,#e6f0f573);box-shadow:inset 0 0 0 2px #ffffffd9,inset 0 -10px 18px #7896aa2e,0 6px 12px #3c26162e}.mus-glass:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.55) 0 12%,transparent 12% 30%,rgba(255,255,255,.25) 30% 34%,transparent 34%);pointer-events:none}.mus-glass img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(40,28,20,.2))}.mus-shape{position:absolute;right:6px;top:6px;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff1d6;color:#b4500a}.mus-label{display:flex;flex-direction:column;padding:4px 6px;border-radius:6px;background:linear-gradient(180deg,#f6d98c,#d9ac4e);box-shadow:0 2px #a8792c;color:#3f2a1e;min-width:0}.mus-label b{font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mus-label small{font-size:11px;opacity:.85}.mus-case.hl .mus-glass{animation:mus-hl 1.4s ease-in-out 3}@keyframes mus-hl{50%{box-shadow:inset 0 0 0 2px #fff,0 0 0 6px #ffc23ab3,0 6px 22px #ffa02880}}.mus-empty{gap:10px;padding:24px 16px 40px;text-align:center}.mus-case-empty{width:130px;cursor:default}.mus-case-empty .mus-glass{color:#c9a46a}.mus-view{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#1e140e8c}.mus-view-card{max-width:min(92vw,640px);padding:12px;border-radius:16px;display:flex;flex-direction:column;gap:10px}.mus-view-card img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:10px}.mus-view-actions{justify-content:space-between;gap:8px}.obs-icon{width:100%;height:100%;object-fit:cover;display:block}@media(orientation:portrait){.hunt-find{grid-template-columns:1fr}.mus-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-head{flex-wrap:wrap}}@media(max-height:480px)and (orientation:landscape){.hunt-card{min-height:0;padding:12px}.hunt-glyph{width:64px;height:64px}.shape-ov-photo,.shape-ov-photo img{max-height:48vh}}@media(prefers-reduced-motion:reduce){.hunt-prompt,.shape-ov-line>*,.mus-case.hl .mus-glass{animation:none}}.screen-crash,.screen-loading{min-height:60vh;gap:10px;padding:24px 16px;text-align:center}.screen-loading{opacity:0;animation:screen-loading-in .3s .25s ease-out forwards}.screen-loading-mascot{animation:wiggle 1.2s ease-in-out infinite}@keyframes screen-loading-in{to{opacity:1}}.v2og-object .v2og-icon{width:auto;height:72%;max-width:100%;aspect-ratio:1;margin:0 auto 6px;border-radius:16px;box-shadow:0 3px 10px #281c1424}.v2og-photo .v2og-photo-icon{width:auto;height:62%;aspect-ratio:1;border-radius:16px;opacity:.6;filter:saturate(.8)}.v2og-photo .shape-ov{width:100%;max-height:100%;padding:6px;box-sizing:border-box}.v2og-photo .shape-ov-photo,.v2og-photo .shape-ov-photo img{max-height:44vh}.obs-card .obs-art .obs-icon{border-radius:10px}.obs-hunt-card .obs-hunt-art{place-items:center;color:#ff7a1a;background:radial-gradient(circle at 50% 45%,#fff6dc 0,#ffe2a8 60%,#f6c46a)}.obs-hunt-card .obs-hunt-art>svg{animation:hunt-peek 2.4s ease-in-out infinite}@keyframes hunt-peek{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}.obs-museum-link.small{padding:5px 11px;font-size:13px;box-shadow:0 2px #c9932a}@media(prefers-reduced-motion:reduce){.obs-hunt-card .obs-hunt-art svg{animation:none}}.v2og-card{position:relative}.v2og-card-ref{position:absolute;left:12px;top:12px;width:clamp(48px,12vh,76px);aspect-ratio:1;object-fit:cover;border-radius:8px;transform:rotate(-5deg);box-shadow:0 2px 6px #281c1433;border:3px solid #fff}.shape-ov-frame{position:relative;display:inline-block;line-height:0;max-width:100%}.shape-ov-frame img{max-width:100%;max-height:inherit}.v2og-photo .shape-ov-frame img,.shape-ov-photo .shape-ov-frame img{max-height:44vh}.hunt-screen .muted,.mus-screen .muted{color:#7a5a44}@media(orientation:portrait)and (max-width:600px){.obs-head>div{flex:1 1 calc(100% - 60px)}.obs-head .obs-museum-link{margin-left:52px}}.hunt-screen,.mus-screen{display:flex;flex-direction:column}.hunt-safety{margin:auto}.hunt-find{flex:1;width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box}.mus-empty{margin:auto 0}.mus-hall{width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box}@media(min-width:1000px)and (min-height:600px){.hunt-safety{padding:24px 28px;font-size:18px}.hunt-card{min-height:380px}.mus-case-empty{width:170px}}.obs-hunt-card .obs-hunt-art{position:relative;overflow:hidden}.hunt-fan{position:absolute;top:18%;width:46%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:2px solid #fff;box-shadow:0 2px 6px #281c1440}.hunt-fan-0{left:4%;transform:rotate(-10deg)}.hunt-fan-1{left:27%;top:10%;z-index:1}.hunt-fan-2{right:4%;transform:rotate(9deg)}.hunt-lens{position:absolute;right:8%;bottom:8%;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ff7a1a;color:#fff;box-shadow:0 2px #c95d0c}.obs-hunt-card .obs-hunt-art .hunt-lens svg{animation:hunt-lens 2.4s ease-in-out infinite}@keyframes hunt-lens{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.obs-hunt-card .obs-hunt-art .hunt-lens svg{animation:none}}.story-beat .v2sb-card{height:100%;max-height:300px;width:100%;max-width:420px;justify-self:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 16px 12px;background:radial-gradient(circle at 50% 30%,#fffdf7 0,var(--paper) 55%,var(--paper-alt) 100%);border:3px solid #ead8bf}.v2sb-ribbon{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);background:var(--primary);color:#fff;padding:3px 14px;border-radius:var(--r-pill);font-size:12px;white-space:nowrap;box-shadow:0 3px #0003}.v2sb-title{font-family:var(--font-display);font-size:22px;text-align:center;color:var(--ink);line-height:1.15}.v2sb-guide{display:grid;place-items:center;min-height:0}.v2sb-story{font-family:var(--font-hand);font-size:16px;color:var(--ink-muted)}.v2sb-bubble{position:relative;background:var(--paper);color:var(--ink);border-radius:22px;padding:14px 18px;box-shadow:var(--paper-shadow-elev);font-size:17px;line-height:1.35}.v2sb-bubble:before{content:"";position:absolute;left:-14px;top:34px;border:10px solid transparent;border-right:14px solid var(--paper);border-left:0}.v2sb-name{display:block;font-family:var(--font-display);color:var(--primary);font-size:15px;margin-bottom:2px}.v2sb-outro .v2sb-card{border-color:var(--c-success)}.v2sb-finale .v2sb-card{border-color:var(--gold);background:radial-gradient(circle at 50% 30%,#fff7d6 0,#fff1c1 55%,#f7dc8a);box-shadow:0 0 0 4px #f5b70059,var(--paper-shadow-elev)}.v2sb-finale .v2sb-ribbon{background:var(--gold);color:var(--ink)}.story-guide{overflow:visible}.remix-picker{gap:8px}.v2rp-cards{gap:18px;justify-content:center;perspective:900px}.v2rp-card{position:relative;width:min(150px,22vw);aspect-ratio:.78;max-height:200px;border-radius:16px;background:none;padding:0}.v2rp-card.wiggle{animation:v2rp-wiggle 1.8s ease-in-out infinite}@keyframes v2rp-wiggle{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-4deg)}84%{transform:rotate(4deg)}92%{transform:rotate(-2deg)}}.v2rp-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s var(--ease, ease);transform:rotateY(180deg)}.v2rp-card.flipped .v2rp-inner{transform:rotateY(0)}.v2rp-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:var(--paper-shadow-elev)}.v2rp-back{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#ff7a1a 0 10px,#ff9a4d 10px 20px);color:#fff;border:4px solid var(--paper)}.v2rp-back b{font-family:var(--font-display);font-size:40px;line-height:1}.v2rp-front{background:var(--paper);color:var(--ink);padding:8px;border:4px solid var(--paper)}.v2rp-card.on .v2rp-front{border-color:var(--primary);box-shadow:0 0 0 4px #ff7a1a59,var(--paper-shadow-elev)}.v2rp-art{width:100%;flex:1;min-height:0;border-radius:10px;overflow:hidden;display:grid}.v2rp-art .art-card,.v2rp-art .drawing-view{width:100%;height:100%}.v2rp-label{font-family:var(--font-display);font-size:14px;line-height:1.1;text-align:center}.v2rp-ribbon{position:absolute;top:-9px;right:-8px;background:var(--c-success);color:var(--ink);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill);transform:rotate(6deg)}.v2rp-ribbon.last{background:var(--c-game);left:-8px;right:auto;transform:rotate(-6deg)}.v2rp-others{font-size:12px}.v2ss-left{height:100%;min-height:0;display:grid;place-items:center}.v2ss-paper{aspect-ratio:1;height:100%;max-height:310px}.v2ss-sheet{width:100%;height:100%;display:block;border-radius:8px}.v2ss-band rect{fill:#7dbde8}.v2ss-band.b-mid rect{fill:#9fd59a}.v2ss-band.b-front rect{fill:#f2c14e}.v2ss-band-label,.v2ss-hz-label{font:600 9px var(--font-text);fill:var(--ink-muted)}.v2ss-horizon{stroke:#e9783a;stroke-width:2.4;stroke-dasharray:6 4;animation:v2ss-blink 1.1s ease-in-out infinite}@keyframes v2ss-blink{50%{opacity:.25}}.v2ss-ghost path{fill:#4a3226;opacity:.12}.v2ss-box{fill:none;stroke:#4c86c9;stroke-width:1.8;stroke-dasharray:5 4}.v2ss-num{fill:var(--primary);stroke:#fff;stroke-width:2}.v2ss-num-t{font:700 11px var(--font-display);fill:#fff}.v2ss-label{font:600 10px var(--font-text);fill:var(--ink)}.v2ss-layouts{gap:14px;height:100%;align-items:center}.v2ss-layout{width:min(210px,26vw)}.v2ss-layout .v2ss-sheet{aspect-ratio:1;height:auto}.v2ss-order{font-size:14px}.v2ss-swap-opts{gap:8px}.v2ss-swap-opt{width:66px;padding:4px}.v2ss-swap-opt .sf-opt-art{background:var(--paper);border-radius:8px}.v2mp-pool{gap:14px;justify-content:center}.v2mp-opt{width:min(130px,18vw);cursor:pointer;transition:transform var(--t-fast, .15s)}.v2mp-opt .photo{aspect-ratio:1;overflow:hidden;display:grid}.v2mp-opt .caption{font-family:var(--font-hand);font-size:15px;text-align:center;padding:4px 0 6px}.v2mp-opt.on{outline:4px solid var(--primary);transform:rotate(-2deg) scale(1.04)}.v2mp-ref{position:relative;transition:filter .4s}.v2mp-ref.hidden>.drawing-view,.v2mp-ref.veiled>.drawing-view{filter:blur(18px) grayscale(1);opacity:.15}.v2mp-veil{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-muted)}.v2mp-eye{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;background:var(--paper);border-radius:var(--r-pill);padding:4px 12px 4px 6px;box-shadow:var(--paper-shadow-elev);color:var(--ink)}.v2mp-eye svg{width:44px;animation:v2mp-blink 1s ease-in-out infinite}.v2mp-eye b{font-family:var(--font-display);font-size:24px;min-width:1.4em;text-align:center}@keyframes v2mp-blink{90%{transform:scaleY(1)}95%{transform:scaleY(.1)}}.v2sc-ref{max-height:300px}.v2sc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:190px;overflow-y:auto}.v2sc-row{width:100%;display:flex;align-items:center;gap:10px;background:var(--bg-raised);border-radius:12px;padding:4px 10px 4px 4px;color:var(--text);text-align:left}.v2sc-row.on{background:#3ddc842e}.v2sc-pic{width:40px;height:40px;flex:none;background:var(--paper);border-radius:8px;display:grid;place-items:center;color:var(--ink)}.v2sc-pic svg{width:100%;height:100%}.v2sc-label{flex:1;font-weight:600}.v2sc-box{width:24px;height:24px;border-radius:7px;border:2px solid var(--text-muted);display:grid;place-items:center}.v2sc-row.on .v2sc-box{background:var(--c-success);border-color:var(--c-success);color:var(--ink)}.v2og-object{flex-direction:column;display:flex;padding:10px}.v2og-object>.drawing-view{height:70%!important}.v2og-object-label{display:flex;flex-direction:column;align-items:center;color:var(--ink);font-size:15px}.v2og-safety{display:flex;gap:10px;padding:12px 14px;border-left:6px solid var(--c-coral)}.v2og-safety-icon{color:var(--c-coral)}.v2og-safety p{margin:4px 0 0}.v2og-card{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;text-align:center;color:var(--ink);animation:les-in var(--t-slow, .4s) var(--ease, ease)}.v2og-kind{width:56px;height:56px;border-radius:50%;background:var(--c-highlight);display:grid;place-items:center}.v2og-timer{display:inline-flex;align-items:center;gap:6px;background:var(--bg-raised);color:var(--text);border-radius:var(--r-pill);padding:4px 12px;font-weight:700}.v2og-timer.done{background:var(--c-success);color:var(--ink)}.v2og-photo img{max-width:100%;max-height:100%;object-fit:contain}.v2og-photo{color:var(--ink-muted)}.v2og-note{font-size:13px}.v2oc-pair{gap:24px;justify-content:center}.v2oc-card{width:min(200px,26vw);margin:0}.v2oc-card .photo{aspect-ratio:1;overflow:hidden;display:grid}.v2oc-card img{width:100%;height:100%;object-fit:cover}.v2oc-card .caption{font-family:var(--font-hand);text-align:center;padding:4px 0 8px}.v2tn-polaroid{width:min(250px,34vw);margin:0;transform:rotate(-3deg)}.v2tn-polaroid .photo,.v2tn-img{aspect-ratio:1;overflow:hidden;display:grid}.v2tn-img img,.v2tn-img .drawing-view{width:100%;height:100%;object-fit:cover}.v2tn-polaroid .caption{font-family:var(--font-hand);text-align:center;padding:6px 0 10px}.v2tn-slider{position:relative;aspect-ratio:1;height:100%;max-height:310px;overflow:hidden}.v2tn-layer{position:absolute;inset:0}.v2tn-now{clip-path:inset(0 0 0 var(--split, 50%))}.v2tn-handle{position:absolute;top:0;bottom:0;left:var(--split, 50%);width:4px;margin-left:-2px;background:var(--primary);box-shadow:0 0 0 2px #fff;pointer-events:none}.v2tn-tag{position:absolute;top:8px;background:#071a22bf;color:#fff;border-radius:var(--r-pill);padding:2px 10px;font-size:12px;font-weight:700}.v2tn-tag.l{left:8px}.v2tn-tag.r{right:8px}.v2tn-slider input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.v2tn-card{max-height:100%;max-width:100%;border-radius:12px;box-shadow:var(--paper-shadow-elev)}.v2ps-preview .v2ps-page{height:100%;max-height:320px;width:auto;background:#fff;box-shadow:var(--paper-shadow-elev);border-radius:4px}.cel-v-note{font-family:var(--font-hand);font-size:19px;color:var(--c-highlight);margin:0}.cel-v-key-icon,.cel-v-star{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--bg-raised);color:var(--text-muted)}.cel-v-key-icon{background:var(--c-highlight);color:var(--ink)}.cel-v-star.on{background:radial-gradient(circle,#fff1c1 0,var(--gold) 70%);color:#fff;box-shadow:0 0 22px #f5b700b3}.cel-v-masterpiece .cel-front{border:10px solid #d9a23a;box-shadow:inset 0 0 0 3px #f7dc8a,0 0 0 3px #9c6b1e,0 10px 30px #f5b70073}.cel-v-masterpiece .cel-title{color:var(--gold)}.cel-v-small .cel-card{width:min(240px,34vw)}.sp-session{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:3;font-size:12px;white-space:nowrap}.sp-session.s2{background:var(--c-brand)}.sp-hint{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;gap:4px}.sp-turn-break{font-size:13px;margin:0 0 6px}.sp-turn-break .link{color:var(--primary);font-weight:700;text-decoration:underline;background:none;padding:0}.art-hint path{animation:art-hint-pulse .9s ease-in-out infinite}@keyframes art-hint-pulse{50%{opacity:.45}}.pact{position:absolute;bottom:-2px;left:-4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);box-shadow:0 2px #00000040;z-index:2}.pact.a-doodle{background:#c9f0ff}.pact.a-remix{background:#ffd6a8}.pact.a-colouring{background:#ffc6d9}.pact.a-scene{background:#c8f5d9}.pact.a-masterpiece{background:#ffe28a}.pact.a-thenNow{background:#e2d4ff}.pact.a-challenge{background:var(--gold)}.pact.a-observe{background:#bfe9df}.pbadge.new{width:auto;padding:0 7px;background:var(--c-coral);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;border-radius:var(--r-pill);top:-6px;right:-10px;animation:pnew-bob 1.6s ease-in-out infinite}@keyframes pnew-bob{50%{transform:translateY(-3px)}}.pnode-header .pchapter{display:block;margin-top:3px;font-family:var(--font-hand);font-size:calc(13px * var(--s, 1));line-height:1.15;opacity:.92;white-space:normal}.pnode-header .pchapter i{display:block;font-style:normal;opacity:.8;font-size:calc(12px * var(--s, 1))}.pnode-branch .pc-disc{transform:scale(.82)}.pnode-branch .pc-label{font-size:calc(11px * var(--s, 1))}.pspur{position:absolute;height:0;border-top:3px dotted var(--w-ring, #fff);transform-origin:0 0;opacity:.8;pointer-events:none}.pnode-finale{display:flex;flex-direction:column;align-items:center;gap:4px;transform:translateY(-50%);text-align:center;color:var(--w-label, #fff);background:none}.pnode-finale .v2pf-book{width:calc(78px * var(--s, 1));height:calc(64px * var(--s, 1));border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#fff1c1,#f5b700);color:var(--ink);box-shadow:0 4px #00000040}.pnode-finale.locked .v2pf-book{filter:grayscale(1) brightness(.8);opacity:.75}.pnode-finale.ready .v2pf-book{animation:pnew-bob 1.4s ease-in-out infinite;box-shadow:0 0 22px #f5b700cc,0 4px #00000040}.pnode-finale small{font-size:calc(11px * var(--s, 1));max-width:140px;line-height:1.15}.finale-moment{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff1c140,#071a22eb 70%);animation:v2fm-in .4s ease}@keyframes v2fm-in{0%{opacity:0}}.v2fm-stage{position:relative;width:min(560px,90vw);height:min(260px,60vh)}.v2fm-text{margin-top:10px;max-width:min(560px,90vw);text-align:center;color:var(--text);font-family:var(--font-hand);font-size:20px}.v2fm-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.v2fm-thing{position:absolute;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:var(--paper-shadow-elev)}.v2fm-thing .drawing-view,.v2fm-thing .art-card{width:100%;height:100%}.v2fm-flipbook .v2fm-thing{left:calc(50% - 36px);top:calc(50% - 36px);width:120px;height:120px;margin:-24px 0 0 -24px;animation:v2fm-flip 3.2s ease-in-out both;animation-delay:calc(var(--i) * .35s);transform-origin:left center;opacity:0}@keyframes v2fm-flip{0%{opacity:0;transform:rotateY(-90deg)}10%,25%{opacity:1;transform:rotateY(0)}35%,to{opacity:0;transform:rotateY(90deg)}}.v2fm-concert .v2fm-thing,.v2fm-parade .v2fm-thing,.v2fm-party .v2fm-thing{bottom:20px;left:calc(8% + var(--i) * 13%);animation:v2fm-bounce .8s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .12s)}.v2fm-parade .v2fm-thing{animation:v2fm-march 4s linear infinite;left:-80px;animation-delay:calc(var(--i) * .55s)}@keyframes v2fm-bounce{to{transform:translateY(-26px) rotate(4deg)}}@keyframes v2fm-march{to{transform:translate(min(700px,100vw))}}.v2fm-seasonWheel .v2fm-wheel{position:absolute;inset:0;margin:auto;width:220px;height:220px;border-radius:50%;background:conic-gradient(#9fd59a 0 25%,#ffc23a 25% 50%,#e9783a 50% 75%,#c9f0ff 75% 100%);border:6px solid var(--paper);animation:v2fm-spin 4s ease-in-out both}@keyframes v2fm-spin{to{transform:rotate(720deg)}}.v2fm-lanterns .v2fm-thing{border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 50% 40%,#fff1c1,#ff9a4d);left:calc(6% + var(--i) * 15%);bottom:-80px;width:54px;height:66px;animation:v2fm-rise 4.5s ease-in both;animation-delay:calc(var(--i) * .3s);box-shadow:0 0 26px #ffc23acc}@keyframes v2fm-rise{to{transform:translateY(-360px);opacity:.2}}.v2fm-party .v2fm-confetti{position:absolute;inset:0}.crossroads{margin-top:14px}.crossroads h3{display:flex;align-items:center;gap:6px;margin:0 0 2px}.v2cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-top:8px}.v2cr-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:var(--bg-raised);color:var(--text);text-align:center;font-size:12px}.v2cr-art{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--paper);display:grid;position:relative}.v2cr-art .drawing-view,.v2cr-art .art-card{width:100%;height:100%}.v2cr-card.st-hidden .v2cr-art .drawing-view,.v2cr-card.st-hidden .v2cr-art .art-card{filter:brightness(0) opacity(.55)}.v2cr-card.st-teaser .v2cr-art:after{content:"";position:absolute;inset:0 0 0 50%;backdrop-filter:brightness(0);-webkit-backdrop-filter:brightness(0);background:#1326308c}.v2cr-card b{font-family:var(--font-display);font-size:13px;line-height:1.1}.v2cr-card small{color:var(--text-muted);line-height:1.15}.v2cr-card .v2cr-lock{position:absolute;top:10px;right:10px;color:#fff}.pg-locked-level{display:inline-flex;align-items:center;gap:4px}.row-locked .item-card{filter:saturate(.9)}.row-locked .item-card .caption{opacity:.8}.pg-lock-badge{position:absolute;left:8px;top:8px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fffaf0f0;color:var(--ink, #132630);box-shadow:0 2px 6px #0000002e;pointer-events:none}.item-card .ic-tag{position:absolute;left:6px;top:6px;z-index:2;background:var(--c-brand);color:#fff;font-size:10px;font-weight:800;padding:1px 7px;border-radius:var(--r-pill)}.remix-tile{position:relative;flex:none;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:14px;background:#ffc23a24;border:2px dashed rgba(255,194,58,.55)}.remix-tile>small{font-weight:700;color:var(--c-highlight);padding-left:4px}.remix-tile .rt-cards{display:flex;gap:6px}.remix-tile .item-card{width:110px}.obs-card{flex:none;width:150px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:14px;background:var(--bg-raised);color:var(--text);text-align:left;position:relative}.obs-card .obs-art{aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:var(--paper);display:grid}.obs-card .obs-art .drawing-view,.obs-card .obs-art .art-card{width:100%;height:100%}.obs-card b{font-size:13px;line-height:1.15}.obs-card small{color:var(--text-muted);font-size:11px}.obs-card{position:relative}.obs-card.locked .obs-art{filter:saturate(.9)}.obs-card.locked>b,.obs-card.locked>small{opacity:.8}.cframe[data-frame^=golden-]{background:linear-gradient(135deg,#f7dc8a,#c98e2e 40%,#f7dc8a 60%,#9c6b1e);padding:9px;box-shadow:inset 0 0 0 2px #fff1c1,0 4px 10px #00000059}.cframe[data-frame^=golden-] .cf-mat{border:3px solid #9c6b1e}.cframe[data-frame=golden-animals]{background:linear-gradient(135deg,#f7dc8a,#d9a23a 45%,#8c5a3c)}.cframe[data-frame=golden-nature]{background:linear-gradient(135deg,#f7dc8a,#b9a33a 45%,#6f8f3c)}.cframe[data-frame=golden-characters]{background:linear-gradient(135deg,#f7dc8a,#d9a23a 45%,#c9603a)}.cframe[data-frame=golden-anime]{background:linear-gradient(135deg,#f7dc8a,#c98e2e 45%,#5b4a9c)}.cframe[data-frame=golden-cuteObjects]{background:linear-gradient(135deg,#fff1c1,#e9a8b8 45%,#c98e2e)}@media(orientation:portrait)and (max-width:700px){.v2rp-card{width:28vw}.v2ss-layouts{flex-direction:column}}.pnode.st-premium .pc-thumb,.pnode.st-premium .photo{filter:grayscale(1) contrast(1.25) brightness(1.08) sepia(.15);opacity:.85}.pbadge.wish{background:#fff1c1;color:#e08a00;box-shadow:0 0 10px #ffc23ab3}.pnode-branch.b-picture .pc-disc{transform:none}.pnode-branch.b-picture .pc-thumb{inset:7%;border-radius:22%;overflow:hidden}.pnode-branch.b-picture .pc-ring .ring-bg{stroke:#e8b84a}.pnode-branch.b-picture .pc-label,.pnode-branch.b-picture .pn-next{display:none}.pnode-branch.b-picture .pact{transform:scale(.78);background:#e8b84a}.pnode-branch.b-picture.st-locked .pc-thumb,.pnode-branch.b-picture.st-premium .pc-thumb{filter:saturate(.35) brightness(.95)}.pnode-gallery .v2pf-book{background:linear-gradient(135deg,#fff6dc,#e8b84a);border:3px solid #b8892c}.studio-expo-door{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 10px;border:0;border-radius:12px 12px 4px 4px;font:inherit;font-weight:800;font-size:14px;color:#4a3420;background:linear-gradient(135deg,#fff1c8,#e8b84a);box-shadow:inset 0 0 0 2px #b8892c,0 3px #9a7022;cursor:pointer;white-space:nowrap}.studio-expo-door:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #b8892c,0 1px #9a7022}@media(max-height:480px){.celebrate-item:has([data-testid=expo-hang]) .cel-mascot{display:none}}.cel-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.cw-frame{flex:1;min-width:0;position:relative;margin:0 0 var(--s2) var(--s2);border-radius:24px;overflow:hidden;isolation:isolate;background:#f3ead8;box-shadow:inset 0 0 0 2px #fffbf414}.cw-frame>.path-map.world-map{position:relative;z-index:1;height:100%;margin:0;border-radius:0;background:none!important;box-shadow:none}@media(orientation:portrait){.cw-frame{min-height:300px}}.cw-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}.cw-layer{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;background-position:0% center}.cw-sketch{transition:filter .6s ease}.cw-sketch.pending{filter:grayscale(1) sepia(.28) contrast(.82) brightness(1.14)}.cw-colour{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:saturate(1.22) contrast(1.04)}.cw-veil{position:absolute;left:0;top:0;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cw-props{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.cw-prop{transform-box:fill-box;transform-origin:50% 100%}.cw-bloom-new .cw-prop{animation:cw-pop .62s cubic-bezier(.3,1.6,.5,1) both}.cw-bloom .cw-prop.cw-flowerA,.cw-bloom .cw-prop.cw-flowerB,.cw-bloom .cw-prop.cw-blossom,.cw-bloom .cw-prop.cw-sunflower,.cw-bloom .cw-prop.cw-flowerW,.cw-bloom .cw-prop.cw-grass{animation:cw-sway 3.6s ease-in-out infinite alternate}@keyframes cw-pop{0%{transform:scale(0) rotate(-14deg);opacity:0}60%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cw-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.cw-twinkle{transform-box:fill-box;transform-origin:center;animation:cw-twinkle 2.4s ease-in-out infinite}@keyframes cw-twinkle{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.08)}}.cw-flutter{transform-box:fill-box;transform-origin:center;animation:cw-flutter .5s ease-in-out infinite alternate,cw-drift 5s ease-in-out infinite alternate}@keyframes cw-flutter{0%{transform:scaleX(1)}to{transform:scaleX(.55)}}@keyframes cw-drift{0%{translate:-4px 2px}to{translate:6px -6px}}.cw-fall{transform-box:fill-box;transform-origin:center;animation:cw-fall 4.2s ease-in-out infinite alternate}@keyframes cw-fall{0%{transform:rotate(-18deg) translateY(-2px)}to{transform:rotate(22deg) translateY(4px)}}.cw-beat{transform-box:fill-box;transform-origin:center;animation:cw-beat 1.6s ease-in-out infinite}@keyframes cw-beat{0%,to{transform:scale(1)}12%{transform:scale(1.16)}24%{transform:scale(.96)}}.cw-float{transform-box:fill-box;transform-origin:50% 100%;animation:cw-sway 3s ease-in-out infinite alternate}.cw-glow{animation:cw-glow 3.2s ease-in-out infinite alternate}.cw-bloom-new .cw-glow,.cw-bloom-new .cw-light{animation:cw-switch-on 1.4s steps(1,end) both,cw-glow 3.2s 1.4s ease-in-out infinite alternate;animation-delay:inherit}@keyframes cw-glow{0%{opacity:.65}to{opacity:1}}@keyframes cw-switch-on{0%{opacity:0}30%{opacity:.9}40%{opacity:.1}55%{opacity:1}65%{opacity:.3}80%,to{opacity:1}}.cw-living{position:absolute;pointer-events:auto;z-index:1}.cw-creatures{position:absolute;inset:0;pointer-events:none}.cw-creature{position:absolute;padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;z-index:1;animation:cw-wander var(--cw-dur, 8s) ease-in-out infinite}.cw-creature .cw-walk{display:block;width:100%;height:100%;animation:cw-face var(--cw-dur, 8s) linear infinite}.cw-creature .cw-body{display:block;width:100%;height:100%;transform-origin:50% 100%;animation:cw-hop .62s ease-in-out infinite alternate;filter:drop-shadow(0 2px 0 rgba(255,251,244,.9)) drop-shadow(0 3px 4px rgba(40,28,20,.25))}.cw-creature.k-walker .cw-body{animation-name:cw-waddle}.cw-creature.k-swayer .cw-body{animation:cw-sway 1.6s ease-in-out infinite alternate}.cw-creature .cw-body>svg,.cw-creature .cw-body>img{display:block;width:100%;height:100%}.cw-creature .cw-shadow{position:absolute;left:22%;right:22%;bottom:-3px;height:7px;border-radius:50%;background:#4a322638;z-index:-1}.cw-creature.hop .cw-body{animation:cw-jump .7s cubic-bezier(.3,1.5,.5,1)}@keyframes cw-wander{0%,to{translate:calc(var(--cw-wander) * -1) 0}50%{translate:var(--cw-wander) 0}}@keyframes cw-face{0%,49.9%{transform:scaleX(-1)}50%,to{transform:scaleX(1)}}@keyframes cw-hop{0%{transform:translateY(0) scale(1.02,.98)}to{transform:translateY(-5px) scale(.98,1.02)}}@keyframes cw-waddle{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes cw-jump{0%{transform:translateY(0) scale(1.1,.88)}40%{transform:translateY(-22px) scale(.95,1.06) rotate(-8deg)}to{transform:translateY(0) scale(1)}}.cw-chip{position:absolute;z-index:2;top:10px;left:12px;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#fffbf3;color:#4a3226;box-shadow:0 3px #ead8bf,0 8px 18px #4a322629;pointer-events:none;font-family:var(--font-display);max-width:calc(100% - 24px)}.cw-chip-icon{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fffbf3;background:conic-gradient(#f27e7e 0 25%,#f7d35c 0 50%,#7db86a 0 75%,#4c86c9 0)}.cw-chip-icon svg{filter:drop-shadow(0 1px 0 rgba(74,50,38,.5))}.cw-chip-body{display:flex;flex-direction:column;gap:3px;min-width:96px}.cw-chip-body b{font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.cw-chip-bar{display:block;height:6px;border-radius:999px;background:#eadfcd;overflow:hidden}.cw-chip-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f27e7e,#f7d35c,#7db86a,#4c86c9);transition:width 1.2s cubic-bezier(.3,1.3,.5,1)}.cw-ribbon,.cw-hint{position:absolute;left:calc(100% + 8px);top:50%;translate:0 -50%;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:13px;padding:5px 12px;border-radius:999px}.cw-ribbon{color:#fffbf3;background:#e9783a;box-shadow:0 3px #b8582a;animation:cw-ribbon 3.6s ease both}.cw-hint{color:#4a3226;background:#fffbf3db;font-weight:500}@keyframes cw-ribbon{0%{opacity:0;transform:translate(-10px) scale(.8)}12%{opacity:1;transform:translate(0) scale(1.06)}20%,85%{transform:none;opacity:1}to{opacity:0}}@media(max-width:700px){.cw-hint{display:none}}@media(prefers-reduced-motion:reduce){.cw-prop,.cw-twinkle,.cw-flutter,.cw-fall,.cw-beat,.cw-float,.cw-glow,.cw-light,.cw-creature,.cw-creature .cw-walk,.cw-creature .cw-body,.cw-ribbon{animation:none!important}}:root{--col-card: #fffbf3;--col-line: #ead8bf;--col-ink: #4a3226;--col-muted: #8c7262;--col-accent: #e9783a;--col-shadow: 0 5px 0 #ead8bf, 0 10px 24px rgba(74, 50, 38, .14);--col-r-common: #7db86a;--col-r-special: #4c86c9;--col-r-rare: #a77bd8;--col-r-legendary: #e2a92b}.col-plant{position:relative;display:inline-block;flex:none}.col-plant>svg{display:block;overflow:visible}.col-plant.stage-3>svg{animation:col-sway 3.4s ease-in-out infinite;transform-origin:50% 92%}.col-bfly{position:absolute;pointer-events:none;animation:col-flutter 2.6s ease-in-out infinite}.col-bfly svg{width:100%;height:100%;overflow:visible}.col-bfly.b0{left:64%;top:6%}.col-bfly.b1{left:6%;top:22%;animation-delay:-.9s}.col-bfly.b2{left:70%;top:44%;animation-delay:-1.7s}@keyframes col-flutter{0%,to{transform:translate(0) scaleX(1)}25%{transform:translate(3px,-5px) scaleX(.7)}50%{transform:translate(6px,-2px) scaleX(1)}75%{transform:translate(2px,-6px) scaleX(.75)}}@keyframes col-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}.col-subject{display:block;width:100%;height:100%}.col-subject>svg,.col-subject .drawing-view{width:100%;height:100%;display:block}.col-subject.mystery{filter:brightness(0) saturate(0);opacity:.2}.col-diecut{display:block;width:100%;height:100%;filter:drop-shadow(2.4px 0 0 #fff) drop-shadow(-2.4px 0 0 #fff) drop-shadow(0 2.4px 0 #fff) drop-shadow(0 -2.4px 0 #fff) drop-shadow(0 3px 3px rgba(74,50,38,.28))}.col-diecut>*,.col-diecut svg{width:100%;height:100%;display:block}.col-cast{width:100%;height:100%}.col-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:#fbe3c8;color:#9a4f1f;font:600 12px/1.4 var(--font-display);white-space:nowrap}.col-weekdots{display:flex;gap:3px}.col-weekdots .wd{display:flex;flex-direction:column;align-items:center;gap:1px}.col-weekdots i{width:11px;height:11px;border-radius:50%;border:1.5px solid #d9c3a3;background:#fff8ec}.col-weekdots .wd.on i{background:#7db86a;border-color:#4e8a5c;box-shadow:inset 0 -2px #0000001f}.col-weekdots small{font:600 8.5px/1 var(--font-display);color:var(--col-muted);text-transform:uppercase}.col-today{display:grid;grid-template-columns:150px minmax(0,1fr) 132px;align-items:stretch;gap:14px;margin:4px 0 14px;padding:10px;border-radius:20px;background:var(--col-card);border:1.5px solid var(--col-line);box-shadow:var(--col-shadow);color:var(--col-ink);animation:col-rise .5s cubic-bezier(.3,1.4,.5,1) both}@keyframes col-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}}.ct-art{position:relative;border-radius:14px;overflow:hidden;min-height:128px;box-shadow:inset 0 0 0 1.5px #4a322614}.ct-art .col-subject{position:absolute;inset:4px;width:auto;height:auto;transition:transform .25s}.ct-art:hover .col-subject,.ct-art:focus-visible .col-subject{transform:scale(1.05) rotate(-2deg)}.col-today:not(.done) .ct-art .col-subject{animation:col-bob 3.2s ease-in-out infinite}@keyframes col-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ct-stamp{position:absolute;right:8px;bottom:8px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#4cc38a;color:#fff;border:3px solid #fff;box-shadow:0 3px 8px #0003;transform:rotate(-8deg)}.ct-text{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.ct-eyebrow{display:inline-flex;align-items:center;gap:5px;font:600 12px/1.2 var(--font-display);color:var(--col-accent);text-transform:uppercase;letter-spacing:.04em}.ct-title{margin:0;font:600 22px/1.15 var(--font-display);color:var(--col-ink)}.ct-reason{margin:0;color:var(--col-muted);font-size:14px}.ct-actions{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.ct-chip{display:inline-flex;align-items:center;gap:4px;font:600 12px var(--font-display);color:var(--col-muted);background:#f6ead7;padding:4px 10px;border-radius:999px}.ct-plant{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;background:linear-gradient(180deg,#e3f1da,#f3ead0);padding:2px 6px 6px;color:var(--col-ink)}.ct-plant b{font:600 12px/1.15 var(--font-display);text-align:center}.col-screen{display:flex;flex-direction:column;height:100%;min-height:0}.col-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}.col-tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--bg-raised);color:var(--text-muted);font:600 14px var(--font-display);white-space:nowrap;transition:background .15s,color .15s,transform .15s}.col-tab.on{background:var(--primary);color:#2a1406}.col-tab:active{transform:scale(.96)}.col-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--c-coral);color:#fff;font:700 11px/18px var(--font-display);text-align:center}.col-body{flex:1;min-height:0;padding:0 var(--gutter) 10px;animation:col-fade .3s ease both}@keyframes col-fade{0%{opacity:0;transform:translateY(6px)}}.cb{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;height:100%;min-height:0}.cb-side{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;scrollbar-width:none}.cb-total{display:flex;align-items:center;gap:6px;padding:8px;border-radius:16px;background:var(--col-card);color:var(--col-ink);border:1.5px solid var(--col-line)}.cb-total>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.cb-total small{color:var(--col-muted);font:600 11px var(--font-display)}.cb-total b{font:600 14px/1.15 var(--font-display)}.cb-worlds{display:flex;flex-direction:column;gap:4px}.cb-world{position:relative;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;color:var(--text-muted);font:600 13px var(--font-display);text-align:left}.cb-world.on{background:var(--bg-raised);color:var(--paper)}.cbw-dot{width:18px;height:18px;border-radius:50%;flex:none;border:2px solid rgba(255,251,244,.7)}.cbw-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbw-new{position:absolute;left:22px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--c-coral);box-shadow:0 0 0 2px var(--bg-base)}.cb-main{min-height:0;overflow-y:auto;padding:2px 4px 12px}.cb-next{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:6px 12px 6px 6px;border-radius:16px;background:linear-gradient(90deg,#e9783a38,#e9783a0f);border:1.5px dashed rgba(255,178,122,.6);color:var(--paper);text-align:left}.cb-next .grow{display:flex;flex-direction:column;flex:1}.cb-next small{color:var(--primary-soft)}.cbn-art{width:52px;height:52px;border-radius:12px;overflow:hidden;flex:none}.cb-ribbon{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:5px 14px;border-radius:999px;background:linear-gradient(90deg,#f2c14e,#e9783a);color:#3a1c08;font:700 13px var(--font-display)}.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px}.cc-card{position:relative;aspect-ratio:3 / 4;perspective:700px;border-radius:14px}.cc-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.45,0,.25,1)}.cc-card.face-down .cc-inner{transform:rotateY(180deg)}.cc-card.flipping .cc-inner{transform:rotateY(360deg)}.cc-front,.cc-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px;overflow:hidden}.cc-front{display:flex;flex-direction:column;padding:5px;background:var(--col-card);border:3px solid var(--rc, var(--col-line));box-shadow:0 4px #0000002e}.cc-card.r-common{--rc: #cfe3c1}.cc-card.r-special{--rc: #b9d2ef}.cc-card.r-rare{--rc: #d6c2f0}.cc-card.r-legendary{--rc: #f2c14e}.cc-card.r-legendary:not(.mystery) .cc-front:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);background-size:250% 100%;animation:col-shine 3.8s ease-in-out infinite;pointer-events:none}@keyframes col-shine{0%,60%{background-position:120% 0}to{background-position:-120% 0}}.cc-card.mystery .cc-front{background:#f3e9d9;border-style:dashed;border-color:#d9c3a3;box-shadow:none}.cc-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff8ec;background:radial-gradient(circle at 50% 40%,#f2a65e 0,#e9783a 45%,#b5532a);border:3px solid #fff3df;box-shadow:0 4px #0003;font:700 16px var(--font-display)}.cc-back:before{content:"";position:absolute;inset:6px;border-radius:10px;border:2px dashed rgba(255,248,236,.55)}.cc-back-glow{position:absolute;width:140%;height:140%;background:conic-gradient(from 0deg,transparent 0 20deg,rgba(255,241,193,.3) 20deg 40deg,transparent 40deg 80deg,rgba(255,241,193,.3) 80deg 100deg,transparent 100deg 140deg,rgba(255,241,193,.3) 140deg 160deg,transparent 160deg);animation:col-spin 9s linear infinite}.cc-card.face-down{animation:col-wiggle 2.4s ease-in-out infinite}@keyframes col-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-3deg)}90%{transform:rotate(3deg)}95%{transform:rotate(-2deg)}}@keyframes col-spin{to{transform:rotate(360deg)}}.cc-art{position:relative;flex:1;min-height:0;border-radius:9px;overflow:hidden}.cc-art .col-subject{position:absolute;inset:4%;width:auto;height:auto}.cc-q{position:absolute;inset:0;display:grid;place-items:center;font:700 34px var(--font-display);color:#4a322659}.cc-own{position:absolute;right:4px;bottom:4px;width:38%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#fff;border:2.5px solid #fff;box-shadow:0 2px 6px #4a32264d;transform:rotate(6deg)}.cc-own img,.cc-own .journal-photo{width:100%;height:100%;object-fit:cover;display:block}.cc-own-img.cutout{object-fit:contain}.cc-times{position:absolute;left:5px;top:5px;padding:1px 7px;border-radius:999px;background:#fffbf3eb;color:var(--col-ink);font:700 11px var(--font-display)}.cc-foot{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px 1px;color:var(--col-ink)}.cc-foot b{font:600 12.5px/1.15 var(--font-display);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-stars{display:inline-flex;gap:1px}.cc-stars svg{width:11px;height:11px;fill:#e6d6bd}.cc-stars.r-common svg.on{fill:var(--col-r-common)}.cc-stars.r-special svg.on{fill:var(--col-r-special)}.cc-stars.r-rare svg.on{fill:var(--col-r-rare)}.cc-stars.r-legendary svg.on{fill:var(--col-r-legendary)}.cc-card.mystery .cc-foot b{color:var(--col-muted)}.cd{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:center}.cd-pair{display:flex;gap:10px}.cd-pane{position:relative;margin:0;flex:1;aspect-ratio:1;max-height:230px;border-radius:16px;overflow:hidden;background:#fff8ec;border:3px solid #fff;box-shadow:0 4px 12px #4a322629}.cd-pane .col-subject{position:absolute;inset:6% 6% 16%;width:auto;height:auto}.cd-pane.own{transform:rotate(2.5deg)}.cd-pane.own img,.cd-pane.own .journal-photo{position:absolute;inset:0 0 18%;width:100%;height:82%;object-fit:contain}.cd-pane figcaption{position:absolute;left:0;right:0;bottom:0;padding:4px;text-align:center;font:600 12px var(--font-display);color:var(--col-ink);background:#fffbf3f0}.cd-hint{position:absolute;inset:0 0 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;text-align:center;color:var(--col-muted)}.cd-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cd-info h2,.cd-info p{margin:0}.cd-rarity{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font:700 12px var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:#7db86a2e;color:#3f7a4a}.cd-rarity.r-special{background:#4c86c929;color:#2f5f97}.cd-rarity.r-rare{background:#a77bd82e;color:#6a43a0}.cd-rarity.r-legendary{background:#f2c14e40;color:#8a5a0b}.sa{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;height:100%;min-height:0}.sa-tray{display:flex;flex-direction:column;gap:6px;min-height:0;padding:10px;border-radius:18px;background:linear-gradient(180deg,#1f4e63,#15394a);border:1.5px solid rgba(255,251,244,.08)}.sa-tray-head{display:flex;align-items:center;justify-content:space-between;font:600 15px var(--font-display)}.sa-tray-list{flex:1;min-height:60px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start;padding:6px 4px;scrollbar-width:none}.sa-peel{position:relative;aspect-ratio:1;padding:8px;border-radius:12px;background:repeating-linear-gradient(45deg,rgba(255,251,244,.05) 0 6px,transparent 6px 12px);animation:col-pop .45s cubic-bezier(.3,1.5,.5,1) both;transition:transform .2s}.sa-peel:hover,.sa-peel:focus-visible{transform:rotate(-4deg) scale(1.06)}.sa-curl{position:absolute;right:6px;bottom:6px;width:16px;height:16px;border-radius:0 0 4px;background:linear-gradient(135deg,transparent 50%,#fff 50%,#e8dccb 100%);box-shadow:-1px -1px 2px #0000002e;animation:col-curl 1.8s ease-in-out infinite;transform-origin:100% 100%}@keyframes col-curl{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes col-pop{0%{opacity:0;transform:scale(.6)}}.sa-total{text-align:center}.col-ghost{padding:8px}.col-ghost .sa-curl{display:none}.sa-book{display:flex;flex-direction:column;min-height:0}.sa-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 10px;flex:none}.sa-tab{display:inline-flex;align-items:baseline;gap:5px;padding:6px 12px 8px;border-radius:12px 12px 0 0;background:color-mix(in srgb,var(--tab) 45%,#15394a);color:#fff8ec;font:600 12.5px var(--font-display);white-space:nowrap;transform:translateY(4px);transition:transform .15s}.sa-tab small{opacity:.75;font-size:10.5px}.sa-tab.on{background:var(--tab);color:#3a2418;transform:translateY(0)}.sa-page{position:relative;flex:1;min-height:0;overflow-y:auto;padding:10px 16px 14px;border-radius:16px;color:var(--col-ink);background:radial-gradient(circle at 18px 50%,rgba(74,50,38,.12) 0 4px,transparent 5px) 0 0 / 36px 46px repeat-y,linear-gradient(180deg,var(--page-tint, #fff4e2),#fffbf3 40%);background-color:#fffbf3;border:1.5px solid var(--col-line);box-shadow:var(--col-shadow);animation:col-page .35s ease both}@keyframes col-page{0%{opacity:0;transform:perspective(900px) rotateY(-8deg);transform-origin:0 50%}}.sa-page-title{margin:0 0 6px 18px;font:600 16px var(--font-display);color:var(--col-ink)}.sa-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;padding-left:18px}.sa-slot{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.sa-slot-box{position:relative;width:100%;max-width:96px;aspect-ratio:1;border-radius:14px;border:2px dashed #dcc7a8;background:#ffffff8c;display:grid;place-items:center;padding:8px}.sa-slot.placed .sa-slot-box{border-color:transparent;background:transparent}.sa-slot.ready .sa-slot-box{border-color:var(--col-accent);animation:col-ready 1.6s ease-in-out infinite}@keyframes col-ready{50%{box-shadow:0 0 0 5px #e9783a2e}}.sa-ghost{width:100%;height:100%;opacity:.16;filter:grayscale(1) brightness(.6)}.sa-ghost svg{width:100%;height:100%}.sa-lock{position:absolute;right:4px;top:4px;color:#b9a184}.sa-slot.landed .col-diecut{animation:col-land .6s cubic-bezier(.3,1.6,.5,1)}@keyframes col-land{0%{transform:scale(1.25) rotate(-6deg)}to{transform:scale(1)}}.sa-label{max-width:100%;font:500 11px/1.2 var(--font-display);color:var(--col-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sa-label i{font-style:normal;font-weight:700;color:var(--page-accent, var(--col-accent))}.cframe{position:relative;display:block;padding:9px;border-radius:6px;background:linear-gradient(135deg,#b47a4c,#8c5a3c 45%,#a86f45 70%,#7a4a2e);box-shadow:0 4px #0000002e,0 8px 18px #00000040,inset 0 0 0 1.5px #ffffff2e}.cf-mat{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#fffaf0;border-radius:2px;box-shadow:inset 0 2px 5px #00000047}.cf-mat>*{width:100%;height:100%;object-fit:cover;display:block}.cf-orn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cf-cream{background:#f7ecd9;padding:14px;box-shadow:0 0 0 3px #c9a57d,0 4px #00000029,0 8px 18px #00000038}.cf-cream .cf-mat{box-shadow:0 0 0 1.5px #d9c3a3,inset 0 1px 3px #00000026}.cf-crayon{background:#fff8ec;padding:11px;border-radius:4px}.cf-pastel{padding:10px;border-radius:14px;background:radial-gradient(circle,#fff 0 2px,transparent 2.5px) 0 0 / 12px 12px,linear-gradient(135deg,#f4a3b5,#f7c6a8 50%,#bfe0dc)}.cf-pastel .cf-mat{border-radius:8px}.cf-gold{padding:11px;background:linear-gradient(135deg,#f7dc8a,#d9a43a 30%,#fbe7a6 50%,#c9902e 72%,#f2cc6a);box-shadow:0 0 0 1.5px #9c6b1e,0 4px #0003,0 8px 20px #9c6b1e59,inset 0 0 0 3px #fff6d680}.cf-starry{padding:11px;background:radial-gradient(circle at 30% 20%,#4b4b8c,#2e3263 70%);box-shadow:0 0 0 2px #1e2148,0 4px #00000038,0 8px 20px #2e326366}.cf-rainbow{padding:10px;background:linear-gradient(135deg,#f27e7e,#f6c453 22%,#9ccb72,#7cc3cf,#a98bd8 88%)}.cframe.mini{padding:5px;width:44px;height:36px}.cframe.mini.cf-cream{padding:7px}.gw-swatch{background:linear-gradient(180deg,#e3f1da,#fff8ec)}.gw{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;height:100%;min-height:0}.gw-wall{position:relative;min-height:0;border-radius:18px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 22px,transparent 22px 44px),radial-gradient(circle at 50% 0,#4d8f8c 0,#3a7472 60%,#2f6260);box-shadow:inset 0 -26px #8c5a3c,inset 0 -30px #6e452e}.gw-rail{position:absolute;top:14px;left:0;right:0;height:6px;background:linear-gradient(180deg,#c98e5e,#8c5a3c);box-shadow:0 2px 3px #00000040}.gw-hang{position:absolute;inset:0 0 30px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:max-content;gap:18px 20px;align-items:center;padding:34px 20px 10px;overflow-x:auto;scrollbar-width:thin}.gw-item{position:relative;height:100%;max-height:230px;display:flex;align-items:center;justify-content:center;transform:rotate(var(--tilt));transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.gw-item .cframe{height:100%}.gw-item.s-tall .cframe{aspect-ratio:3 / 4}.gw-item.s-wide .cframe{aspect-ratio:4 / 3}.gw-item.s-square .cframe{aspect-ratio:1}.gw-item:hover,.gw-item.on{transform:rotate(0) scale(1.06)}.gw-item.on .cframe{outline:3px solid var(--primary);outline-offset:4px}.gw-string{position:absolute;top:-18px;left:50%;width:34%;height:20px;transform:translate(-50%);border:1.5px solid rgba(255,241,220,.4);border-bottom:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:transparent}.gw-pin{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#2a1406;box-shadow:0 2px 4px #0000004d}.gw-side{display:flex;flex-direction:column;gap:6px;min-height:0;padding:10px;border-radius:18px;background:var(--col-card);color:var(--col-ink);border:1.5px solid var(--col-line)}.gw-side-head{display:flex;flex-direction:column}.gw-side-head b{font:600 15px var(--font-display)}.gw-side .muted,.gw-hint{color:var(--col-muted);font-size:12px}.gw-frames{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}.gw-frame-opt{position:relative;display:flex;align-items:center;gap:10px;padding:5px 8px 5px 6px;border-radius:12px;text-align:left;color:var(--col-ink);border:2px solid transparent}.gw-frame-opt.on{border-color:var(--col-accent);background:#e9783a14}.gw-frame-opt.locked .cframe{filter:grayscale(.85) opacity(.5)}.gw-fo-text{display:flex;flex-direction:column;min-width:0}.gw-fo-text b{font:600 13px var(--font-display)}.gw-fo-text small{font-size:10.5px;color:var(--col-muted);line-height:1.2}.gw-lock{position:absolute;left:22px;top:12px;color:var(--col-ink)}.gw-empty{height:100%;display:flex;align-items:center;justify-content:center;gap:24px;color:var(--paper)}.gw-empty .cframe{width:170px;height:140px}.gw-empty-art{display:grid!important;place-items:center;background:#fff8ec}.gw-empty p{max-width:300px;font-size:20px}.hc{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;height:100%;min-height:0}.hc-cal{display:flex;flex-direction:column;min-height:0;padding:8px 10px 10px;border-radius:18px;background:var(--col-card);color:var(--col-ink);border:1.5px solid var(--col-line);box-shadow:var(--col-shadow)}.hc-head{display:flex;align-items:center;gap:8px}.hc-head .icon-btn{color:var(--col-ink);background:#f6ead7;width:34px;height:34px}.hc-head .icon-btn:disabled{opacity:.35}.hc-month{flex:1;display:flex;align-items:baseline;justify-content:center;gap:10px}.hc-month b{font:600 17px var(--font-display);text-transform:capitalize}.hc-month small{color:var(--col-muted)}.hc-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:16px;grid-auto-rows:minmax(0,1fr);gap:4px;margin-top:4px}.hc-wd{font:600 10.5px var(--font-display);color:var(--col-muted);text-align:center;text-transform:uppercase;align-self:end}.hc-day{position:relative;border-radius:10px;background:#f8efe1;min-height:30px;overflow:hidden;color:var(--col-ink)}.hc-day.empty{background:transparent}.hc-day.future{opacity:.55}.hc-day.today{box-shadow:inset 0 0 0 2.5px var(--col-accent)}.hc-day.has{background:#fff;box-shadow:0 2px #ead8bf}.hc-day.today.has{box-shadow:inset 0 0 0 2.5px var(--col-accent),0 2px #ead8bf}.hc-thumb{position:absolute;inset:3px;border-radius:7px;overflow:hidden}.hc-thumb>*{width:100%;height:100%;object-fit:cover;display:block}.hc-num{position:absolute;left:4px;top:2px;font:600 11px var(--font-display)}.hc-day.has .hc-num{padding:0 4px;border-radius:6px;background:#fffbf3e6}.hc-count{position:absolute;right:3px;bottom:3px;min-width:16px;height:16px;border-radius:999px;background:var(--col-accent);color:#fff;font:700 10px/16px var(--font-display);text-align:center}.hc-side{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-bottom:6px}.hc-week{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:18px;background:linear-gradient(180deg,#e3f1da,#f3ead0);color:var(--col-ink);flex:none}.hc-week-text{display:flex;flex-direction:column;gap:3px}.hc-week-text small{color:var(--col-accent);font:700 11px var(--font-display)}.hc-week-text b{font:600 16px/1.15 var(--font-display)}.hc-week-text .muted{color:var(--col-muted);font-size:13px}.hc-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:16px;background:var(--col-card);color:var(--col-ink);border:1.5px solid var(--col-line);flex:none}.hc-card .muted{color:var(--col-muted);font-size:12px}.hc-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hc-card-head b{display:inline-flex;align-items:center;gap:5px;font:600 14px var(--font-display)}.hc-garden{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;padding:0 2px;border-radius:10px;background:linear-gradient(180deg,#e3f1da 0 60%,#c9a57d 60%,#b38a5f)}.hc-bed{display:grid;place-items:center}.hc-bed .col-plant{width:100%!important;height:auto!important;aspect-ratio:1}.hc-bed .col-plant>svg{width:100%!important;height:100%!important}.hc-bed.now{border-radius:8px;box-shadow:inset 0 0 0 2px #e9783a8c}.hc-goals{display:flex;gap:6px;flex-wrap:wrap}.hc-goals .chip{background:#f6ead7;color:var(--col-ink)}.hc-goals .chip.on{background:var(--col-accent);color:#fff}.hc-notif{display:flex;gap:8px;padding:8px 10px;border-radius:14px;background:#fff;box-shadow:0 3px 10px #4a322624}.hc-notif>span:last-child{display:flex;flex-direction:column;gap:2px}.hc-notif b{font:600 13px var(--font-display)}.hc-notif small{color:var(--col-muted);font-size:12px}.hc-notif-icon{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;background:var(--col-accent);color:#fff}.hc-remind-off{align-items:center;justify-content:space-between;gap:6px}.hc-remind-off .btn{color:var(--col-ink)}.hc-day-title{margin:0 0 10px;text-transform:capitalize}.hc-day-list{display:flex;gap:18px;flex-wrap:wrap}.hc-day-list figure{margin:0;width:170px;text-align:center}.hc-day-list .cframe{aspect-ratio:4 / 3}.hc-day-list figcaption{margin-top:8px;font:600 13px var(--font-display)}@media(max-height:430px){.col-today{grid-template-columns:128px minmax(0,1fr) 118px;padding:8px;gap:10px}.ct-art{min-height:112px}.ct-title{font-size:19px}.ct-reason{font-size:13px}.col-tab>span:not(.col-tab-badge){display:none}.col-tab.on>span{display:inline}.cb{grid-template-columns:168px minmax(0,1fr)}.cb-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.sa{grid-template-columns:160px minmax(0,1fr)}.sa-slots{gap:6px 12px}.sa-slot-box{max-width:88px}.hc{grid-template-columns:minmax(0,1fr) 260px}.gw{grid-template-columns:minmax(0,1fr) 186px}}@media(orientation:portrait){.col-today{grid-template-columns:110px minmax(0,1fr)}.ct-plant{grid-column:1 / -1;flex-direction:row}.cb,.sa,.gw,.hc{grid-template-columns:1fr;grid-auto-rows:max-content;overflow-y:auto}.gw-wall{min-height:300px}}@media(prefers-reduced-motion:reduce){.col-today,.col-today .ct-art .col-subject,.col-plant>svg,.col-bfly,.cc-card,.cc-back-glow,.cc-front:after,.sa-curl,.sa-slot.ready .sa-slot-box,.sa-page,.col-body{animation:none!important}}.cb-bar{display:block;height:8px;border-radius:999px;background:#efe1cb;overflow:hidden}.cb-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f2c14e,#e9783a)}.sa-tray-empty{flex:1;display:grid;place-items:center;opacity:.9}.hc-bed{overflow:hidden;height:52px}.hc-bed .col-plant>svg{transform:scale(1.9);transform-origin:50% 76%}.hc-garden{background:linear-gradient(180deg,#e3f1da 0 72%,#c9a57d 72%,#b38a5f)}.cc-stars svg:not(.on){opacity:.55}.gw-side .btn{white-space:normal;line-height:1.1;padding-left:10px;padding-right:10px}.cc-living-wrap{display:grid;place-items:center;width:100%;height:100%}