@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-latin-400-normal-CwRJVcUA.woff2)format("woff2"),url(./lexend-latin-400-normal-CHypAkT3.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:500;src:url(./lexend-latin-500-normal-Dl-X5nog.woff2)format("woff2"),url(./lexend-latin-500-normal-D9x1QWTH.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(./lexend-latin-600-normal-DdvlkEkX.woff2)format("woff2"),url(./lexend-latin-600-normal-DSBzZxpA.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(./lexend-latin-700-normal-DqO8md6r.woff2)format("woff2"),url(./lexend-latin-700-normal-DVyJlN8t.woff)format("woff")}@font-face{font-family:Lexend Exa;font-style:normal;font-display:swap;font-weight:600;src:url(./lexend-exa-latin-600-normal-YdK1ZhTE.woff2)format("woff2"),url(./lexend-exa-latin-600-normal-CsiGdvuX.woff)format("woff")}@font-face{font-family:Lexend Exa;font-style:normal;font-display:swap;font-weight:700;src:url(./lexend-exa-latin-700-normal-C1ZfntSJ.woff2)format("woff2"),url(./lexend-exa-latin-700-normal-BbbFXA_V.woff)format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(./opendyslexic-latin-400-normal-nUhe5EwG.woff2)format("woff2"),url(./opendyslexic-latin-400-normal-Cv3YY6GF.woff)format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:700;src:url(./opendyslexic-latin-700-normal-Bnmt45Ln.woff2)format("woff2"),url(./opendyslexic-latin-700-normal-wYUJcbXi.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mat:#edf1ee;--mat-grid:#17213a0e;--surface:#f9fbf9;--surface-2:#e1e7e3;--deep:#17213a;--ink:#17213a;--ink-2:#46506a;--ink-3:#6b7389;--line:#17213a1f;--line-strong:#17213a4d;--ghost:#17213a57;--focus:#2449d8;--cobalt:#2449d8;--cobalt-edge:#1a36a8;--cobalt-hi:#4a69e6;--cobalt-tint:#dce4fb;--on-cobalt:#fff;--lemon:#f5c518;--lemon-edge:#c29b00;--lemon-hi:#f9d85c;--lemon-tint:#fbefc2;--on-lemon:#17213a;--vermilion:#d43d27;--vermilion-edge:#a82c19;--vermilion-hi:#e2644f;--vermilion-tint:#f8dcd5;--on-vermilion:#fff;--leaf:#1f8250;--leaf-edge:#16613b;--leaf-hi:#3aa56c;--leaf-tint:#d5ecde;--on-leaf:#fff;--lip:#d9738a;--tongue:#f09aa7;--mouth:#5a1e2e;--block-outline:0 0 0 0 transparent;--shadow-rest:0 1px 1px #17213a1a, 0 2px 5px -1px #17213a1a;--shadow-lift:0 16px 22px -12px #17213a6b, 0 5px 9px -5px #17213a38;--shadow-panel:0 1px 2px #17213a0f, 0 12px 32px -20px #17213a4d;--font-ui:"Lexend", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Lexend Exa", "Lexend", "Segoe UI", system-ui, sans-serif;--glyph-drop:.125;--track:.04em;--word:.16em;--leading:1.65;--t-xs:.8125rem;--t-sm:.9375rem;--t-md:1rem;--t-lg:1.25rem;--t-xl:1.6rem;--t-2xl:clamp(1.7rem, 1.2rem + 1.8vw, 2.4rem);--t-3xl:clamp(2rem, 1.2rem + 3vw, 3.3rem);--t-display:clamp(2.3rem, 1rem + 4.8vw, 4.9rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:7rem;--r-block:.4rem;--r-control:.65rem;--r-panel:1.1rem;--ease-settle:cubic-bezier(.16, 1, .3, 1);--dur-1:.12s;--dur-2:.22s;--dur-3:.46s;--grid:24px;--gutter:clamp(1rem, .6rem + 2vw, 2.5rem)}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-pp-theme=auto]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mat:#0f1420;--mat-grid:#e2e8f50b;--surface:#171e2e;--surface-2:#0b0f18;--deep:#0b0f18;--ink:#eef1f7;--ink-2:#b8c0d2;--ink-3:#8a93a8;--line:#eef1f721;--line-strong:#eef1f752;--ghost:#eef1f766;--focus:#f2c230;--cobalt:#3d5fe8;--cobalt-edge:#2a45b8;--cobalt-hi:#5e7cf0;--cobalt-tint:#1d2a55;--lemon:#f2c230;--lemon-edge:#b8900a;--lemon-hi:#f6d466;--lemon-tint:#3a3217;--vermilion:#e8553b;--vermilion-edge:#a93a26;--vermilion-hi:#ef7862;--vermilion-tint:#45211b;--leaf:#2a9a60;--leaf-edge:#1c6f44;--leaf-hi:#43b477;--leaf-tint:#16342a;--on-leaf:#06140c;--shadow-rest:0 1px 1px #0006, 0 2px 6px -1px #00000073;--shadow-lift:0 16px 24px -12px #000000bf, 0 5px 10px -5px #00000080;--shadow-panel:0 1px 2px #0000004d, 0 14px 34px -20px #000c}}:root[data-theme=dark][data-pp-theme=auto],:root[data-pp-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mat:#0f1420;--mat-grid:#e2e8f50b;--surface:#171e2e;--surface-2:#0b0f18;--deep:#0b0f18;--ink:#eef1f7;--ink-2:#b8c0d2;--ink-3:#8a93a8;--line:#eef1f721;--line-strong:#eef1f752;--ghost:#eef1f766;--focus:#f2c230;--cobalt:#3d5fe8;--cobalt-edge:#2a45b8;--cobalt-hi:#5e7cf0;--cobalt-tint:#1d2a55;--lemon:#f2c230;--lemon-edge:#b8900a;--lemon-hi:#f6d466;--lemon-tint:#3a3217;--vermilion:#e8553b;--vermilion-edge:#a93a26;--vermilion-hi:#ef7862;--vermilion-tint:#45211b;--leaf:#2a9a60;--leaf-edge:#1c6f44;--leaf-hi:#43b477;--leaf-tint:#16342a;--on-leaf:#06140c;--shadow-rest:0 1px 1px #0006, 0 2px 6px -1px #00000073;--shadow-lift:0 16px 24px -12px #000000bf, 0 5px 10px -5px #00000080;--shadow-panel:0 1px 2px #0000004d, 0 14px 34px -20px #000c}:root[data-pp-theme=contrast]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mat:#fff;--mat-grid:#00000012;--surface:#fff;--surface-2:#efefef;--deep:#000;--ink:#000;--ink-2:#1a1a1a;--ink-3:#333;--line:#000;--line-strong:#000;--ghost:#000;--focus:#03c;--cobalt:#03c;--cobalt-edge:#001f80;--cobalt-hi:#1a4be0;--lemon:#ffd400;--lemon-edge:#8a7300;--vermilion:#b3200c;--vermilion-edge:#6e1307;--leaf:#006b35;--leaf-edge:#003d1e;--on-leaf:#fff;--block-outline:0 0 0 2px #000}:root[data-font=opendyslexic]{--font-ui:"OpenDyslexic", "Comic Sans MS", "Segoe UI", sans-serif;--font-display:var(--font-ui);--glyph-drop:.26}:root[data-font=atkinson]{--font-ui:"Atkinson Hyperlegible", Verdana, "Segoe UI", sans-serif;--font-display:var(--font-ui);--glyph-drop:.13}:root[data-size=s]{font-size:100%}:root[data-size=m]{font-size:106.25%}:root[data-size=l]{font-size:118.75%}:root[data-size=xl]{font-size:134.375%}:root[data-spacing=normal]{--track:.01em;--word:.06em;--leading:1.55}:root[data-spacing=wide]{--track:.04em;--word:.16em;--leading:1.65}:root[data-spacing=wider]{--track:.1em;--word:.32em;--leading:1.85}:root{--overlay:transparent}:root[data-overlay=blue]{--overlay:#609cff33}:root[data-overlay=yellow]{--overlay:#ffd64038}:root[data-overlay=rose]{--overlay:#ff809c2e}:root[data-overlay=green]{--overlay:#60cc8033}:root[data-overlay=peach]{--overlay:#ffa06033}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--line-strong) transparent;scroll-behavior:smooth}body{background:var(--mat);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);font-size:var(--t-md);line-height:var(--leading);letter-spacing:var(--track);word-spacing:var(--word);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;caret-color:var(--cobalt);margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;word-spacing:0;text-wrap:balance;margin:0;font-weight:700;line-height:1.14}h3,h4{font-family:var(--font-ui);letter-spacing:0;font-weight:600}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:2px}button,input,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:inherit}button{cursor:pointer}img,video{max-width:100%;display:block}svg{flex-shrink:0}::selection{background:var(--lemon);color:var(--on-lemon)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.num{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--s4);z-index:100;padding:var(--s2) var(--s4);background:var(--ink);color:var(--mat);border-radius:var(--r-control);font-weight:600;text-decoration:none;position:absolute;top:-4rem}.skip-link:focus{top:var(--s4)}.mat{background-color:var(--mat);background-image:linear-gradient(var(--mat-grid) 1px, transparent 1px), linear-gradient(90deg, var(--mat-grid) 1px, transparent 1px);background-size:var(--grid) var(--grid)}.rod{--rod:var(--cobalt);--rod-edge:var(--cobalt-edge);--rod-on:var(--on-cobalt);border-radius:var(--r-control);background:var(--rod);min-height:3.25rem;color:var(--rod-on);font-weight:600;font-size:var(--t-md);letter-spacing:.01em;word-spacing:.05em;box-shadow:var(--block-outline), var(--shadow-rest);transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle), background-color var(--dur-2) var(--ease-settle);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;align-items:stretch;padding:0;line-height:1.2;text-decoration:none;display:inline-flex}.rod-label{align-items:center;gap:var(--s2);padding:var(--s2) 1.2rem;display:flex}.rod-unit{place-items:center;width:3.25rem;display:grid;position:relative}.rod-unit:before{content:"";background:var(--rod-edge);border-radius:1px;width:2px;position:absolute;top:.5rem;bottom:.5rem;left:0}.rod:hover{box-shadow:var(--block-outline), var(--shadow-lift);transform:translateY(-2px)}.rod:active{box-shadow:var(--block-outline), var(--shadow-rest);transform:translateY(0)}.rod:disabled,.rod[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:var(--block-outline);transform:none}.rod--lemon{--rod:var(--lemon);--rod-edge:var(--lemon-edge);--rod-on:var(--on-lemon)}.rod--leaf{--rod:var(--leaf);--rod-edge:var(--leaf-edge);--rod-on:var(--on-leaf)}.rod--vermilion{--rod:var(--vermilion);--rod-edge:var(--vermilion-edge);--rod-on:var(--on-vermilion)}.rod--ink{--rod:var(--ink);--rod-edge:var(--ink-3);--rod-on:var(--mat)}.rod--surface{--rod:var(--surface);--rod-edge:var(--line-strong);--rod-on:var(--ink)}.rod--ghost{--rod:transparent;--rod-edge:var(--ghost);--rod-on:var(--ink);border:2px dashed var(--ghost);box-shadow:none}.rod--ghost:hover{border-style:solid;border-color:var(--ink);background:var(--surface);box-shadow:var(--shadow-rest)}.rod--sm{min-height:2.6rem;font-size:var(--t-sm)}.rod--sm .rod-unit{width:2.6rem}.rod--sm .rod-label{padding-inline:.95rem}.cube{border-radius:var(--r-block);background:var(--surface);width:2.9rem;height:2.9rem;color:var(--ink);box-shadow:var(--block-outline), 0 0 0 1px var(--line), var(--shadow-rest);transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle);-webkit-tap-highlight-color:transparent;border:0;place-items:center;padding:0;display:inline-grid}.cube:hover{box-shadow:var(--block-outline), 0 0 0 1px var(--line), var(--shadow-lift);transform:translateY(-2px)}.cube:active{transform:none}.cube--lemon{background:var(--lemon);color:var(--on-lemon)}.cube--leaf{background:var(--leaf);color:var(--on-leaf)}.cube--cobalt{background:var(--cobalt);color:var(--on-cobalt)}.cube--sm{width:2.25rem;height:2.25rem}.cube--lg{width:3.6rem;height:3.6rem}.tiles{gap:var(--s2);flex-wrap:wrap;display:flex}.tile{justify-content:center;align-items:center;gap:var(--s2);border:2px solid var(--line-strong);border-radius:var(--r-block);background:var(--surface);min-height:2.75rem;color:var(--ink);transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle), background-color var(--dur-1) linear;-webkit-tap-highlight-color:transparent;padding:.35rem 1rem;font-weight:500;line-height:1.2;display:inline-flex}.tile:hover{border-color:var(--ink)}.tile[aria-pressed=true],.tile[aria-checked=true],.tile[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--mat);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.field{gap:var(--s1);display:grid}.field label,.field .field-label{font-weight:600;font-size:var(--t-sm);color:var(--ink-2)}.input{border:2px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);width:100%;min-height:3.1rem;color:var(--ink);transition:border-color var(--dur-1) linear, box-shadow var(--dur-2) var(--ease-settle);padding:.5rem 1rem}.input::placeholder{color:var(--ink-3);opacity:1}.input:hover{border-color:var(--ink-3)}.input:focus{border-color:var(--cobalt);box-shadow:0 0 0 4px var(--cobalt-tint);outline:none}.ghost{border:2px dashed var(--ghost);border-radius:var(--r-block);background:0 0}.on-deep{--ink:#eef1f7;--ink-2:#b8c0d2;--ink-3:#8a93a8;--surface:#222c46;--surface-2:#11182a;--mat:#17213a;--line:#eef1f724;--line-strong:#eef1f752;--ghost:#eef1f773;--focus:#f2c230;--cobalt:#3d5fe8;--cobalt-edge:#2a45b8;--vermilion-tint:#45211b;--leaf-tint:#16342a;--leaf:#43b477;--on-leaf:#06140c;background:var(--deep);color:var(--ink)}.panel{background:var(--surface);border-radius:var(--r-panel);box-shadow:var(--block-outline), var(--shadow-panel)}.swatch{vertical-align:-.1em;border-radius:3px;width:.9em;height:.9em;display:inline-block}.swatch--tall{background:var(--cobalt);vertical-align:-.15em;height:1.3em}.swatch--cube{background:var(--lemon)}.swatch--hang{background:var(--vermilion);vertical-align:-.5em;height:1.3em}:root[data-motion=calm] *,:root[data-motion=calm] :before,:root[data-motion=calm] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo{color:var(--ink);border-radius:var(--r-block);align-items:center;gap:.45rem;line-height:1;text-decoration:none;display:inline-flex}.logo-mark{flex:none}.logo-glyph{transform-box:fill-box;transform-origin:50%;transition:transform var(--dur-3) var(--ease-settle)}a.logo:hover .logo-glyph{transform:rotate(180deg)}.logo-word{letter-spacing:-.03em;word-spacing:0;font-family:Lexend Exa,Lexend,sans-serif;font-size:1.2rem;font-weight:700}.logo-p{color:var(--vermilion)}.logo-d{color:var(--cobalt)}.logo-suffix{border-radius:var(--r-block);background:var(--ink);color:var(--mat);font-size:var(--t-xs);letter-spacing:.02em;padding:.28rem .5rem;font-weight:600}.rt{gap:var(--s5);display:grid}.rt-preview{padding:var(--s4) var(--s4);border-radius:var(--r-control);background:var(--mat);font-size:var(--t-lg);font-weight:500;line-height:var(--leading);box-shadow:inset 0 0 0 2px var(--line)}.rt-group{gap:var(--s2);border:0;min-width:0;margin:0;padding:0;display:grid}.rt-group>legend{margin-bottom:var(--s2);font-weight:600;font-size:var(--t-sm);color:var(--ink-2);padding:0}.rt-swatches{gap:var(--s2);flex-wrap:wrap;display:flex}.rt-swatch{border:2px solid var(--line-strong);border-radius:var(--r-block);width:2.75rem;height:2.75rem;transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle)}.rt-swatch--none{background:linear-gradient(135deg, transparent 46%, var(--vermilion) 46%, var(--vermilion) 54%, transparent 54%), var(--surface)!important}.rt-swatch[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--mat), 0 0 0 5px var(--ink), var(--shadow-lift);transform:translateY(-2px)}.rt-switches{gap:var(--s3)}.rt-reset{justify-self:start}.switch{align-items:center;gap:var(--s3);text-align:left;background:0 0;border:0;min-height:2.75rem;padding:0;font-weight:500;display:inline-flex}.switch-track{border:2px dashed var(--ghost);border-radius:var(--r-block);width:3.4rem;height:1.9rem;transition:background-color var(--dur-2) linear, border-color var(--dur-2) linear;position:relative}.switch-knob{background:var(--ink-3);width:1.35rem;height:1.35rem;box-shadow:var(--shadow-rest);transition:transform var(--dur-3) var(--ease-settle), background-color var(--dur-2) linear;border-radius:.3rem;position:absolute;top:.15rem;left:.15rem}.switch[aria-checked=true] .switch-track{background:var(--leaf);border:2px solid var(--leaf)}.switch[aria-checked=true] .switch-knob{background:#fff;transform:translate(1.5rem)}.reading-overlay{z-index:9990;pointer-events:none;background:var(--overlay);mix-blend-mode:multiply;position:fixed;inset:0}:root[data-pp-theme=night] .reading-overlay{mix-blend-mode:screen;opacity:.5}.reading-ruler{--band:3.4em;z-index:9991;pointer-events:none;position:fixed;inset:0}.reading-ruler-top,.reading-ruler-bottom{background:#0f142061;position:absolute;left:0;right:0}.reading-ruler-top{height:max(0px, calc(var(--ruler-y) - var(--band) / 2));top:0}.reading-ruler-bottom{top:calc(var(--ruler-y) + var(--band) / 2);bottom:0}.reading-ruler-band{left:0;right:0;top:calc(var(--ruler-y) - var(--band) / 2);height:var(--band);box-shadow:inset 0 2px 0 var(--lemon), inset 0 -2px 0 var(--lemon);position:absolute}.app{grid-template:"bar""main"1fr"nav"/minmax(0,1fr);min-height:100dvh;display:grid}.app-bar{top:env(safe-area-inset-top,0px);z-index:30;justify-content:space-between;align-items:center;gap:var(--s3);padding:.6rem var(--gutter);background:var(--mat);box-shadow:0 1px 0 var(--line);grid-area:bar;display:flex;position:sticky}.app-bar-actions{align-items:center;gap:var(--s2);display:flex}.app-feel,.coin-count{align-items:center;gap:var(--s2);border-radius:var(--r-block);background:var(--surface);min-height:2.9rem;box-shadow:0 0 0 1px var(--line), var(--shadow-rest);font-weight:600;font-size:var(--t-sm);transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle);border:0;padding:.25rem .8rem .25rem .4rem;display:inline-flex}.app-feel:hover,.coin-count:hover{box-shadow:0 0 0 1px var(--line), var(--shadow-lift);transform:translateY(-2px)}.app-tools{padding-left:.7rem}.coin-count{font-size:var(--t-lg);padding-left:.7rem}.coin-stack{display:inline-grid}.coin-stack .coin-disc{grid-area:1/1}.coin-stack .coin-disc:first-child{transform:translateY(5px)}.coin-stack .coin-disc:nth-child(2){transform:translateY(0)}.coin-stack .coin-disc:nth-child(3){transform:translateY(-5px)}.coin-disc{background:var(--lemon);width:1.15rem;height:.8rem;box-shadow:inset 0 -2px 0 var(--lemon-edge), 0 0 0 1px var(--lemon-edge);vertical-align:middle;border-radius:50%;display:inline-block}.coin-disc--sm{width:.95rem;height:.68rem}.coin-toast-region{top:calc(100% + .5rem);right:var(--gutter);pointer-events:none;position:absolute}.coin-toast{align-items:center;gap:var(--s2);border-radius:var(--r-control);background:var(--ink);color:var(--mat);font-size:var(--t-sm);box-shadow:var(--shadow-lift);animation:toast-rise var(--dur-3) var(--ease-settle);padding:.55rem .9rem;display:inline-flex}.coin-toast strong{color:var(--lemon);font-size:var(--t-lg)}@keyframes toast-rise{0%{transform:translateY(8px)}}.app-nav{z-index:30;padding:.45rem var(--gutter) calc(.45rem + env(safe-area-inset-bottom,0px));background:var(--mat);box-shadow:0 -1px 0 var(--line);grid-area:nav;grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid;position:sticky;bottom:0}.app-nav-item{border-radius:var(--r-block);min-height:3.9rem;color:var(--ink-2);font-size:var(--t-xs);text-align:center;transition:transform var(--dur-2) var(--ease-settle), background-color var(--dur-1) linear, box-shadow var(--dur-2) var(--ease-settle);align-content:center;justify-items:center;gap:.2rem;padding:.3rem;font-weight:600;line-height:1.15;text-decoration:none;display:grid}.app-nav-item:hover{background:var(--surface);color:var(--ink)}.app-nav-item[aria-current=page]{background:var(--ink);color:var(--mat);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.app-nav-icon{place-items:center;height:2rem;display:grid}.app-main{width:100%;max-width:82rem;padding:var(--s5) var(--gutter) var(--s7);outline:none;grid-area:main;margin:0 auto}@media (min-width:960px){.app{grid-template:"bar bar""nav main"1fr/7.5rem minmax(0,1fr)}.app-nav{align-self:start;gap:var(--s2);padding:var(--s5) 0 var(--s5) var(--gutter);box-shadow:none;background:0 0;grid-template-columns:1fr;position:sticky;top:4.2rem;bottom:auto}.app-nav-item{min-height:5.6rem;font-size:var(--t-sm)}}@media (max-width:959px){.app-main{padding-bottom:calc(var(--s7) + 4.6rem)}}@media (max-width:520px){.app-feel>span:last-child{display:none}.app-tools{padding-right:.7rem}.app-feel{padding-right:.4rem}.logo-word{font-size:1rem}}.screen-head{gap:var(--s2);margin-bottom:var(--s5);display:grid}.screen-head h1{font-size:var(--t-2xl)}.screen-head p{max-width:62ch;font-size:var(--t-lg);color:var(--ink-2)}.section-title{font-size:var(--t-xl);margin-bottom:var(--s3)}.step-prompt .cube,.screen-head .cube,.sentence .cube,.story .cube,.tricky .cube,.clues .cube,.den-lead .cube,h2 .cube{vertical-align:middle;margin-left:.2rem}.step-actions{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.step-note{font-size:var(--t-sm);color:var(--ink-2)}.field-error{align-items:center;gap:var(--s2);font-weight:500;display:flex}.field-error:before{content:"";background:var(--vermilion);border-radius:2px;width:.7rem;height:.7rem}.notice{justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s5);padding:var(--s4) var(--s5);border-radius:var(--r-control);background:var(--vermilion-tint);flex-wrap:wrap;font-weight:500;display:flex}.picker{align-content:start;gap:var(--s4);display:grid}.picker-head{align-items:center;gap:var(--s2);display:flex}.picker-head h2{font-size:var(--t-lg);font-family:var(--font-ui);font-weight:600}.picker-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.picker-levels .tile{min-height:2.5rem;font-size:var(--t-xs);padding-inline:.2rem}.picker-words{gap:.4rem;list-style:none;display:grid}.picker-word{justify-content:space-between;align-items:center;gap:var(--s3);border-radius:var(--r-block);background:var(--surface);width:100%;min-height:2.9rem;box-shadow:0 0 0 1px var(--line), var(--shadow-rest);text-align:left;transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle);border:0;padding:.4rem .9rem;font-weight:600;display:flex}.picker-word:hover{transform:translate(3px)}.picker-word[aria-pressed=true]{background:var(--ink);color:var(--mat);box-shadow:var(--shadow-lift);transform:translate(6px)}.picker-dots{gap:3px;display:inline-flex}.picker-dots span{width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--ghost);border-radius:2px}.picker-dots span.is-on{background:var(--leaf);box-shadow:none}.picker-word[aria-pressed=true] .picker-dots span{box-shadow:inset 0 0 0 1.5px #ffffff80}.picker-word[aria-pressed=true] .picker-dots span.is-on{background:var(--leaf-hi);box-shadow:none}.picker-level{font-size:var(--t-xs);opacity:.75;font-weight:500}.picker-type{gap:var(--s2);display:grid}.picker-type-row{gap:var(--s2);align-items:stretch;display:flex}.picker-type-row .input{flex:1;min-width:0}.picker-type-row .cube--lg{height:auto;min-height:3.1rem}.cube:disabled{opacity:.45;cursor:not-allowed;transform:none}.field-label{font-weight:600;font-size:var(--t-sm);color:var(--ink-2)}.words,.maths-grid{gap:var(--s6);grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);align-items:start;display:grid}.workspace{gap:var(--s4);min-width:0;display:grid}.rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;list-style:none;display:grid}.rail-step{align-items:center;gap:var(--s2);border:2px dashed var(--ghost);width:100%;min-height:3.2rem;color:var(--ink-2);font-weight:600;font-size:var(--t-sm);text-align:left;transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle), background-color var(--dur-1) linear;background:0 0;padding:.3rem .6rem;line-height:1.15;display:flex}.rail li:first-child .rail-step{border-radius:var(--r-control) 3px 3px var(--r-control)}.rail li:last-child .rail-step{border-radius:3px var(--r-control) var(--r-control) 3px}.rail li:not(:first-child):not(:last-child) .rail-step{border-radius:3px}.rail-step:hover{color:var(--ink);border-style:solid}.rail-step.is-done{border:2px solid var(--leaf-tint);background:var(--leaf-tint);color:var(--ink)}.rail-step.is-current{border:2px solid var(--cobalt);background:var(--cobalt);color:var(--on-cobalt);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.rail-num{background:var(--surface);width:1.9rem;height:1.9rem;color:var(--ink);box-shadow:0 0 0 1px var(--line);border-radius:.3rem;flex:none;place-items:center;font-weight:700;display:grid}.rail-step.is-done .rail-num{background:var(--leaf);color:var(--on-leaf);box-shadow:none}.rail-step.is-current .rail-num{background:var(--on-cobalt);color:var(--cobalt);box-shadow:none}.stage{border-radius:var(--r-panel);min-height:clamp(14rem,30vw,19rem);box-shadow:inset 0 0 0 1px var(--line), var(--block-outline);place-items:center;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2.5rem) clamp(2rem,4vw,3rem);display:grid;position:relative;container-type:inline-size}.stage.mat{background-color:var(--surface)}.stage-bar{max-width:100%;margin-right:clamp(3rem,8vw,6rem);padding:1rem .5rem .5rem;overflow-x:auto}.stage-note{margin-top:var(--s3);font-size:var(--t-sm);color:var(--ink-2)}.stage-sparky{position:absolute;bottom:clamp(.5rem,1.5vw,1rem);right:clamp(.5rem,2vw,1.25rem)}.step-panel{min-height:10rem}.step{gap:var(--s4);align-content:start;justify-items:start;display:grid}.step--split{align-items:start;gap:var(--s6);grid-template-columns:minmax(0,1fr) minmax(15rem,19rem)}.step--split>:first-child{gap:var(--s4);justify-items:start;display:grid}.step-prompt{max-width:60ch;font-size:var(--t-lg);font-weight:500;line-height:1.5}.tricky{gap:var(--s2);max-width:60ch;padding:var(--s4);border-radius:var(--r-control);background:var(--surface);box-shadow:0 0 0 1px var(--line);display:grid}.tricky-letter{background:var(--ink);width:2rem;height:2rem;color:var(--mat);vertical-align:middle;border-radius:.3rem;place-items:center;margin-right:.3rem;font-size:1.2rem;font-weight:700;display:inline-grid}.heard-count{flex-wrap:wrap;gap:.4rem;display:flex}.heard-chip{border:2px dashed var(--ghost);border-radius:var(--r-block);color:var(--ink-2);padding:.3rem .8rem;font-weight:600}.heard-chip.is-on{border:2px solid var(--leaf);background:var(--leaf);color:var(--on-leaf)}.sentence{max-width:60ch;font-size:var(--t-lg)}.sentence mark,.story mark{background:var(--lemon);color:var(--on-lemon);border-radius:.25rem;padding:.05em .25em;font-weight:600}.soundboxes{gap:var(--s5);flex-wrap:wrap;display:flex}.sb-group{gap:.4rem;display:flex}.sb{border:2px dashed var(--ghost);border-radius:var(--r-block);width:4.4rem;height:4.9rem;transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle);background:0 0;grid-template-rows:1fr auto;place-items:center;padding:.35rem .2rem;display:grid}.sb:hover{border-style:solid;border-color:var(--ink-3)}.sb.is-on{border:2px solid var(--ink);background:var(--surface);box-shadow:var(--shadow-rest)}.sb.is-current{border-color:var(--cobalt);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.sb-sound{font-size:1.7rem;font-weight:700;line-height:1}.sb-key{font-size:var(--t-xs);color:var(--ink-2);min-height:1.1em}.mouth-panel{gap:var(--s3);padding:var(--s4);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--block-outline), var(--shadow-panel);display:grid}.mouth-panel-views{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.mouth-panel-view{justify-items:center;gap:.3rem;display:grid}.mouth-panel-caption{font-size:var(--t-xs);color:var(--ink-2);font-weight:600}.mirror{aspect-ratio:4/3;object-fit:cover;background:var(--surface-2);border-radius:14px;width:100%;transform:scaleX(-1)}.mouth-tip{font-weight:500;line-height:1.45}.mouth-tip-sound{background:var(--ink);color:var(--mat);border-radius:.3rem;margin-right:.4rem;padding:0 .4rem;display:inline-block}.mouth-panel-actions{gap:var(--s2);align-items:center;display:flex}.mouth-privacy{font-size:var(--t-xs);color:var(--ink-2)}.built{gap:var(--s3);justify-items:start;display:grid}.built h2{font-size:var(--t-2xl);color:var(--leaf)}.scan-grid{gap:var(--s5);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;display:grid}.scan-drop{align-content:center;justify-items:center;gap:var(--s4);min-height:21rem;padding:var(--s5);border-radius:var(--r-panel);text-align:center;transition:background-color var(--dur-2) linear, border-color var(--dur-2) linear;display:grid}.scan-drop.is-dragging{border-style:solid;border-color:var(--cobalt);background:var(--cobalt-tint)}.scan-empty{justify-items:center;gap:var(--s2);color:var(--ink-3);font-weight:600;display:grid}.scan-photo{gap:var(--s3);justify-items:center;margin:0;display:grid}.scan-photo img{border-radius:var(--r-control);object-fit:contain;max-height:24rem;box-shadow:var(--shadow-panel)}.scan-photo figcaption{justify-items:center;gap:var(--s2);font-weight:600;display:grid}.scan-progress{gap:3px;display:flex}.scan-progress span{width:1.3rem;height:1rem;box-shadow:inset 0 0 0 2px var(--ghost);border-radius:3px}.scan-progress span.is-on{background:var(--cobalt);box-shadow:none}.scan-actions{justify-content:center;gap:var(--s3);flex-wrap:wrap;display:flex}.scan-privacy{font-size:var(--t-xs);color:var(--ink-2)}.scan-side{gap:var(--s5);display:grid}.scan-samples{gap:var(--s2);display:grid}.scan-result{gap:var(--s5);margin-top:var(--s6);display:grid}.scan-text{resize:vertical;min-height:4rem;font-size:var(--t-lg);line-height:1.5}.scan-words,.scan-sum{gap:var(--s4);display:grid}.scan-words h3,.scan-sum h3{font-size:var(--t-lg)}.scan-words ul{gap:var(--s4);list-style:none;display:grid}.scan-word{justify-content:space-between;align-items:flex-end;gap:var(--s4);padding:var(--s4) var(--s5) var(--s5);border-radius:var(--r-panel);background:var(--surface);box-shadow:0 0 0 1px var(--line);flex-wrap:wrap;display:flex;overflow-x:auto}.maths-key{margin-bottom:var(--s6)}.maths-stage{place-items:stretch stretch;gap:var(--s5);text-align:left;display:grid}.story{max-width:55ch;font-size:var(--t-xl);font-weight:500;line-height:1.55}.clues{gap:var(--s2);font-size:var(--t-lg);list-style:none;display:grid}.cpa{gap:var(--s6);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;display:grid}.cpa-layer{gap:var(--s3);min-width:0;display:grid}.cpa-layer h3{font-size:var(--t-sm);color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.own-sum{gap:var(--s3);margin-top:var(--s7);padding:var(--s5);display:grid}.own-sum .section-title{margin:0}.own-sum form{max-width:30rem}.own-result{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.den{gap:var(--s7);display:grid}.den-hero{gap:var(--s6);border-radius:var(--r-panel);box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;padding:clamp(1.5rem,4vw,3rem);display:grid}.den-hero.mat{background-color:var(--surface)}.den-sparky{justify-items:center;gap:0;display:grid}.den-shelf{justify-content:center;align-items:flex-end;gap:var(--s3);width:min(100%,18rem);min-height:3rem;padding:0 var(--s3) .5rem;display:flex;position:relative}.den-shelf:after{content:"";background:var(--ink);height:4px;position:absolute;bottom:0;left:0;right:0}.den-shelf-empty{font-size:var(--t-xs);color:var(--ink-3);padding-bottom:.3rem}.den-info{gap:var(--s4);justify-items:start;display:grid}.den-info h1{font-size:var(--t-2xl)}.den-lead{max-width:50ch;font-size:var(--t-lg);color:var(--ink-2)}.den-meter{gap:var(--s2);display:grid}.meter{gap:3px;display:flex}.meter span{width:1.7rem;height:1.4rem;box-shadow:inset 0 0 0 2px var(--ghost);border-radius:3px}.meter span.is-on{background:var(--leaf);box-shadow:none}.den-message{min-height:1.6em;color:var(--leaf);font-weight:600}.den-name{width:min(100%,26rem)}.shop-head{justify-content:space-between;align-items:baseline;gap:var(--s3);flex-wrap:wrap;display:flex}.shop-coins{align-items:center;gap:var(--s2);font-weight:500;display:inline-flex}.shop-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));list-style:none;display:grid}.shop-slot{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-control);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.shop-slot.is-owned{background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow-rest)}.shop-slot-text{line-height:1.3;display:grid}.shop-slot-text span{font-size:var(--t-sm);color:var(--ink-2)}.shop-owned{font-size:var(--t-sm);color:var(--leaf);font-weight:600}.my-week{gap:var(--s4);padding:var(--s5);display:grid}.my-week .section-title{margin:0}.week-facts{gap:var(--s3) var(--s6);color:var(--ink-2);flex-wrap:wrap;display:flex}.week-facts strong{font-family:var(--font-display);font-size:var(--t-2xl);color:var(--ink);line-height:1.1;display:block}.week-rods{gap:var(--s3);align-items:flex-end;padding-bottom:.2rem;display:flex;overflow-x:auto}.week-col{justify-items:center;gap:var(--s2);min-width:2.6rem;display:grid}.week-stack{flex-direction:column-reverse;gap:2px;display:flex}.week-stack span{width:2rem;height:.8rem;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:2px}.week-stack span.is-on{background:var(--lemon);box-shadow:inset 0 -2px 0 var(--lemon-edge)}.week-day{font-size:var(--t-xs);color:var(--ink-2);font-weight:600}.grownups summary{cursor:pointer;color:var(--ink-2);font-weight:600}.grownups[open]{gap:var(--s3);justify-items:start;display:grid}dialog{color:var(--ink)}dialog::backdrop{background:#0f142080}.drawer{background:var(--surface);width:min(29rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:var(--shadow-lift);border:0;margin:0 0 0 auto;padding:0}.drawer[open]{animation:drawer-in var(--dur-3) var(--ease-settle)}@keyframes drawer-in{0%{transform:translate(2rem)}}.drawer-inner,.dialog-inner{gap:var(--s5);padding:var(--s5);padding-top:calc(var(--s5) + env(safe-area-inset-top,0px));display:grid}.drawer-inner{align-content:start;min-height:100%}.drawer-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.drawer-head h2{font-size:var(--t-xl)}.dialog{border-radius:var(--r-panel);background:var(--surface);width:min(36rem,100vw - 2rem);box-shadow:var(--shadow-lift);border:0;padding:0}.dialog[open]{animation:dialog-in var(--dur-3) var(--ease-settle)}@keyframes dialog-in{0%{transform:translateY(12px)scale(.98)}}.feel-grid{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feel{justify-items:center;gap:var(--s2);padding:var(--s4) var(--s3);border:2px solid var(--line-strong);border-radius:var(--r-control);background:var(--mat);font-weight:600;font-size:var(--t-lg);transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle), border-color var(--dur-1) linear;display:grid}.feel:hover{border-color:var(--ink);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.feel-reply,.breathe{justify-items:center;gap:var(--s4);text-align:center;display:grid}.feel-reply p{max-width:36ch;font-size:var(--t-lg);font-weight:500}.breathe-word{font-family:var(--font-display);font-size:var(--t-2xl);color:var(--leaf);font-weight:700}.breathe-rod{border:2px dashed var(--ghost);border-radius:var(--r-block);width:min(100%,22rem);height:1.6rem;overflow:hidden}.breathe-rod span{background:var(--leaf);transform-origin:0;height:100%;display:block}.breathe-rod--in span{animation:4.2s linear forwards breathe-in}.breathe-rod--out span{animation:4.2s linear forwards breathe-out}@keyframes breathe-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes breathe-out{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:900px){.words,.maths-grid{gap:var(--s5);grid-template-columns:minmax(0,1fr)}.picker-words{scroll-snap-type:x proximity;gap:.4rem;padding:.4rem .2rem .6rem;display:flex;overflow-x:auto}.picker-words li{scroll-snap-align:start;flex:none}.picker-word[aria-pressed=true],.picker-word:hover{transform:translateY(-2px)}.picker-type{max-width:30rem}.step--split,.scan-grid,.cpa,.den-hero{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.rail-step{text-align:center;font-size:var(--t-xs);flex-direction:column;justify-content:center;gap:.2rem;padding:.35rem .2rem}.rail-num{width:1.6rem;height:1.6rem}.stage-bar{margin-right:0;padding-bottom:3.5rem}.sb{width:3.7rem;height:4.3rem}.bm-named{grid-template-columns:minmax(0,1fr)}.bm-name{padding-bottom:0}}.app-helps-icon{place-items:center;width:2rem;height:2rem;display:inline-grid;position:relative}.helps-dot{width:.6rem;height:.6rem;box-shadow:inset 0 0 0 2px var(--ghost);border-radius:50%;flex:none;display:inline-block}.helps-dot.is-on{background:var(--leaf);box-shadow:0 0 0 2px var(--surface)}.app-helps-icon .helps-dot{position:absolute;top:1px;right:-1px}.helps-intro,.feel-nudge{align-items:center;gap:var(--s4);grid-template-columns:auto minmax(0,1fr);display:grid}.helps-intro p,.feel-nudge p{font-size:var(--t-lg);font-weight:500;line-height:1.5}.helps-live,.helps-consent{gap:var(--s4);display:grid}.helps-status{align-items:center;gap:var(--s2);font-weight:600;display:flex}.helps-meter-wrap{gap:var(--s2);display:grid}.meter--upset span.is-on{background:var(--vermilion)}.helps-preview{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-control);background:var(--surface-2);width:min(100%,16rem);transform:scaleX(-1)}.helps-grownups{gap:var(--s2);padding:var(--s4);border-radius:var(--r-control);background:var(--mat);box-shadow:inset 0 0 0 1px var(--line);display:grid}.helps-grownups h3{font-size:var(--t-md)}.helps-grownups ul{gap:var(--s2);font-size:var(--t-sm);color:var(--ink-2);list-style:none;display:grid}.helps-grownups li{gap:var(--s3);grid-template-columns:.7rem minmax(0,1fr);align-items:baseline;display:grid}.helps-grownups li:before{content:"";background:var(--lemon);border-radius:2px;width:.7rem;height:.7rem}.helps-agree{gap:var(--s3);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;font-weight:500;display:grid}.helps-agree input{width:1.4rem;height:1.4rem;accent-color:var(--leaf);margin:.1rem 0 0}.feel-dismiss{justify-self:center}@media (max-width:420px){.app-bar .logo-word{display:none}}.live-view{border-radius:var(--r-control);background:var(--deep);width:100%;position:relative;overflow:hidden}.live-mirror{position:absolute;inset:0;transform:scaleX(-1)}.live-mirror video{object-fit:cover;width:100%;height:100%;display:block}.live-frame{--tone:var(--leaf);border:3px solid var(--tone);transition:left .16s linear, top .16s linear, width .16s linear, height .16s linear, border-color var(--dur-2) linear;border-radius:.6rem;position:absolute;box-shadow:0 0 0 1px #0b0f1859}.live-frame--watch{--tone:var(--lemon)}.live-frame--upset{--tone:var(--vermilion)}:root[data-motion=calm] .live-frame{transition:border-color var(--dur-2) linear}.live-tag{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#0b0f18b8;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .45rem .1rem .35rem;font-size:.6875rem;font-weight:700;display:inline-flex;position:absolute;top:.4rem;left:.4rem}.live-tag .helps-dot.is-on{width:.45rem;height:.45rem;box-shadow:none;animation:1.6s ease-in-out infinite live-pulse}:root[data-motion=calm] .live-tag .helps-dot{animation:none}@keyframes live-pulse{50%{opacity:.35}}.live-wait{padding:var(--s2);color:#fff;font-size:var(--t-xs);text-align:center;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.cam{--tone:var(--leaf);z-index:28;right:var(--gutter);bottom:calc(5.9rem + env(safe-area-inset-bottom,0px));gap:var(--s3);padding:var(--s2);border-radius:var(--r-panel);background:var(--surface);box-shadow:0 0 0 1px var(--line), inset 0 -4px 0 var(--tone), var(--shadow-lift);transition:box-shadow var(--dur-2) linear;grid-template-columns:9.5rem minmax(0,auto);align-items:stretch;display:grid;position:fixed}.cam--watch{--tone:var(--lemon)}.cam--upset{--tone:var(--vermilion)}.cam--small{grid-template-columns:minmax(0,auto)}.cam-side{align-content:space-between;gap:var(--s2);min-width:8.5rem;padding:.1rem .1rem .35rem;display:grid}.cam-top{align-items:center;gap:.15rem;display:flex}.cam-live{padding-right:var(--s2);font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;align-items:center;gap:.35rem;margin-right:auto;font-weight:700;display:inline-flex}.cam-btn{border-radius:var(--r-block);width:2rem;height:2rem;color:var(--ink-2);background:0 0;border:0;place-items:center;display:inline-grid}.cam-btn:hover{background:var(--surface-2);color:var(--ink)}.cam-mood{align-items:center;gap:var(--s2);font-size:var(--t-lg);font-weight:700;line-height:1.1;display:flex}.cam .meter span{border-radius:2px;width:1.2rem;height:.55rem}@media (min-width:960px){.cam{bottom:var(--gutter)}}.app:has(.cam) .app-main{padding-bottom:calc(var(--s7) + 9rem)}.app:has(.cam--small) .app-main{padding-bottom:calc(var(--s7) + 5rem)}@media (max-width:640px){.cam{right:var(--s3);gap:var(--s2);grid-template-columns:5.25rem minmax(0,auto);padding:.4rem}.cam--small{grid-template-columns:minmax(0,auto)}.cam-side{align-items:center;column-gap:var(--s2);grid-template-columns:auto auto;grid-template-areas:"mood top""meter meter";min-width:0;padding:0 .1rem .3rem}.cam-top{grid-area:top;justify-content:end}.cam-live{padding-right:0}.cam-live-text{display:none}.cam-mood{font-size:var(--t-md);grid-area:mood}.cam-side>.meter{grid-area:meter}.cam .meter span{width:.95rem}.app:has(.cam) .app-main{padding-bottom:calc(var(--s7) + 5rem)}}.dialog.helps{width:min(46rem,100vw - 2rem)}.helps-watch{gap:var(--s5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.helps-cam{gap:var(--s2);margin:0;display:grid}.helps-cam figcaption{color:var(--ink-2);font-weight:600}.helps-cam figcaption strong{color:var(--ink);font-size:var(--t-lg)}.helps-readout{gap:var(--s2);display:grid}.read-bars{gap:.4rem;margin:0;display:grid}.read-bar{align-items:center;gap:var(--s2);font-size:var(--t-sm);grid-template-columns:5.2rem minmax(0,1fr);display:grid}.read-bar dt{color:var(--ink-2)}.read-bar.is-top dt{color:var(--ink);font-weight:700}.read-bar dd{align-items:center;gap:var(--s2);grid-template-columns:minmax(0,1fr) 2.2rem;margin:0;display:grid}.read-track{background:var(--surface-2);border-radius:3px;height:.7rem;overflow:hidden}.read-fill{background:var(--leaf);height:100%;transition:width .16s linear;display:block}.read-bar--upset .read-fill{background:var(--vermilion)}:root[data-motion=calm] .read-fill{transition:none}.read-num{text-align:right;color:var(--ink-2)}.meter span.is-mark{position:relative}.meter span.is-mark:before{content:"";background:var(--ink);border-radius:1px;width:2px;position:absolute;top:-.35rem;bottom:-.35rem;left:-3px}@media (max-width:640px){.helps-watch{grid-template-columns:minmax(0,1fr)}}.stage-keep{gap:var(--s2);margin-top:calc(var(--s3) * -1);flex-wrap:wrap;display:flex}.cards{gap:var(--s5);display:grid}.cards-empty{gap:var(--s5);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.cards-empty>div{gap:var(--s3);justify-items:start;display:grid}.cards-empty h2{font-size:var(--t-xl)}.cards-stats{gap:var(--s3);flex-wrap:wrap;list-style:none;display:flex}.cards-stats li{padding:var(--s2) var(--s4);border-radius:var(--r-block);background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow-rest);color:var(--ink-2);font-weight:600}.cards-stats .num{font-size:var(--t-lg);color:var(--ink);margin-right:.2rem}.flash{justify-items:center;gap:var(--s4);padding:var(--s5);text-align:center;display:grid}.flash-count{font-size:var(--t-sm);color:var(--ink-2);font-weight:600}.flash-word{place-items:center;width:100%;min-height:7rem;display:grid;container-type:inline-size}.flash-ask{font-size:var(--t-lg);font-weight:600}.flash .wordcard{text-align:left;width:min(100%,34rem)}.flash .step-note{max-width:46ch}.flash--done h2{font-size:var(--t-xl)}.flash--done p{max-width:44ch;color:var(--ink-2)}.deck-list ul{gap:.4rem;list-style:none;display:grid}.deck-row{align-items:center;gap:var(--s3);border-radius:var(--r-block);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:2rem minmax(0,1fr) auto auto auto;padding:.35rem .6rem;display:grid}.deck-pic{text-align:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,sans-serif;font-size:1.4rem;line-height:1}.deck-word{letter-spacing:var(--track);font-weight:600}.box-dots{gap:3px;display:inline-flex}.box-dots span{width:.7rem;height:.7rem;box-shadow:inset 0 0 0 1.5px var(--ghost);border-radius:2px}.box-dots span.is-on{background:var(--leaf);box-shadow:none}@media (max-width:640px){.cards-empty{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.cards-empty>div{justify-items:center}.deck-row{row-gap:var(--s2);grid-template-columns:1.8rem minmax(0,1fr) auto}.deck-row .rod{grid-column:2}.deck-row .cube{grid-area:2/3}}.tour{z-index:60;position:fixed;inset:0}.tour-scrim,.tour-spot{background:0 0;position:absolute}.tour-scrim{background:#0b0f188c;inset:0}.tour-spot{border-radius:var(--r-control);box-shadow:0 0 0 9999px #0b0f188c, 0 0 0 3px var(--lemon);pointer-events:none}.tour-card{gap:var(--s3);width:min(26rem,100vw - 2rem);padding:var(--s4);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-lift);outline:none;display:grid;position:absolute}.tour-head{align-items:center;gap:var(--s3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.tour-head h2{font-size:var(--t-lg);line-height:1.2}.tour-count{font-size:var(--t-xs);color:var(--ink-2);font-weight:700}.tour-body{font-size:var(--t-md);font-weight:500;line-height:1.5}.tour-actions{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.tour-next{margin-left:auto}.tour-skip{color:var(--ink-2);font-size:var(--t-sm);background:0 0;border:0;padding:.4rem;font-weight:600;text-decoration:underline}.tour-dots{gap:4px;display:flex}.tour-dots span{width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--ghost);border-radius:2px}.tour-dots span.is-on{background:var(--cobalt);box-shadow:none}.scan-shot{max-width:100%;line-height:0;display:inline-block;position:relative}.scan-shot img{display:block}.ocr-layer{position:absolute;inset:0}.ocr-box{border:2px solid var(--cobalt);transition:background-color var(--dur-1) linear, border-color var(--dur-1) linear;background:#2449d81f;border-radius:3px;margin:-2px 0 0 -2px;padding:2px;position:absolute;box-shadow:0 0 0 1px #f9fbf98c}.ocr-box:hover{border-color:var(--lemon-edge);background:#f5c51873}.ocr-box.is-picked{border-color:var(--ink);background:#f5c5188c}.scan-outline-bar{justify-content:center;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.scan-picked{align-items:center;gap:var(--s2);border-radius:var(--r-block);background:var(--lemon-tint);letter-spacing:var(--track);padding:.2rem .2rem .2rem .7rem;font-weight:700;display:inline-flex}.streak-chip{color:var(--vermilion)}.streak-chip .num{color:var(--ink)}.quest{gap:var(--s3);display:grid}.quest-row{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.quest-cubes{gap:.35rem;display:flex}.quest-cubes span{border-radius:var(--r-block);width:2.6rem;height:2.6rem;box-shadow:inset 0 0 0 2px var(--ghost)}.quest-cubes span.is-on{background:var(--lemon);box-shadow:inset 0 -4px 0 var(--lemon-edge), 0 0 0 1px var(--lemon-edge)}.quest-text{font-size:var(--t-lg);max-width:34ch}.quest-streak{align-items:center;gap:var(--s2);color:var(--ink-2);font-weight:600;display:flex}.quest-streak svg{color:var(--vermilion)}.quest-streak .num{font-size:var(--t-lg);color:var(--ink)}.sticker-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));list-style:none;display:grid}.sticker{padding:var(--s3);border-radius:var(--r-control);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center;justify-items:center;gap:.2rem;display:grid}.sticker-face{background:var(--surface-2);width:3.2rem;height:3.2rem;color:var(--ink-3);border-radius:50%;place-items:center;display:grid}.sticker.is-on{background:var(--leaf-tint);box-shadow:inset 0 0 0 1px var(--leaf)}.sticker.is-on .sticker-face{background:var(--leaf);color:var(--on-leaf)}.sticker strong{font-size:var(--t-md)}.sticker-blurb{font-size:var(--t-xs);color:var(--ink-2);line-height:1.35}.sticker.ghost{background:0 0}.lens-bar{margin-bottom:var(--s3);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.lens-title{margin-right:var(--s2);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.lens{border-radius:var(--r-block);background:var(--surface);min-height:2.5rem;box-shadow:0 0 0 1px var(--line);font-size:var(--t-xs);transition:transform var(--dur-2) var(--ease-settle), box-shadow var(--dur-2) var(--ease-settle);border:0;align-items:center;gap:.35rem;padding:.3rem .7rem;font-weight:600;display:inline-flex}.lens:hover{box-shadow:0 0 0 1px var(--line), var(--shadow-rest);transform:translateY(-2px)}.lens[aria-pressed=true]{background:var(--ink);color:var(--mat);box-shadow:var(--shadow-lift)}.lens--map{background:var(--cobalt-tint);box-shadow:0 0 0 1px var(--cobalt);margin-left:auto}.lens-panel{justify-items:center;gap:var(--s3);width:100%;margin-top:var(--s3);display:grid}.lens-note{max-width:52ch;font-size:var(--t-sm);color:var(--ink-2);text-align:center}.lens-sounds,.lens-chunks,.lens-parts,.lens-family-row{justify-content:center;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.lens-sound{border-radius:var(--r-block);background:var(--lemon);min-width:3.5rem;color:var(--on-lemon);box-shadow:inset 0 -4px 0 var(--lemon-edge);border:0;place-items:center;gap:1px;padding:.35rem .55rem;display:grid}.lens-sound-face{font-size:var(--t-lg);letter-spacing:var(--track);font-weight:700}.lens-sound-key{font-size:var(--t-xs);opacity:.75}.lens-chunk{border-radius:var(--r-block);background:var(--cobalt);color:var(--on-cobalt);font-size:var(--t-lg);letter-spacing:var(--track);box-shadow:inset 0 -4px 0 var(--cobalt-edge);border:0;padding:.4rem .95rem;font-weight:700}.lens-part{border-radius:var(--r-block);background:var(--leaf-tint);box-shadow:inset 0 0 0 1px var(--leaf);text-align:center;border:0;gap:1px;padding:.4rem .85rem;display:grid}.lens-part strong{font-size:var(--t-lg);letter-spacing:var(--track)}.lens-part span{font-size:var(--t-xs);color:var(--ink-2)}.lens-family{gap:var(--s2);justify-items:center;display:grid}.lens-rime{border-radius:var(--r-block);background:var(--vermilion);color:var(--on-vermilion);letter-spacing:var(--track);padding:.35rem .75rem;font-weight:700}.lens-cousin{border-radius:var(--r-block);background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow-rest);letter-spacing:var(--track);border:0;padding:.4rem .85rem;font-weight:600}.lens-cousin:hover{transform:translateY(-2px)}.why-next{max-width:54ch}.dialog.map{width:min(54rem,100vw - 2rem)}.map-svg{width:100%;height:auto;max-height:58vh}.map-line{stroke:var(--line-strong);stroke-width:1.5px}.map-line--leaf{stroke:var(--line);stroke-dasharray:3 4}.map-node{cursor:pointer}.map-node rect,.map-node circle{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5px}.map-node text{text-anchor:middle;font-family:var(--font-ui);fill:var(--ink);pointer-events:none;font-size:15px;font-weight:700}.map-node--centre rect{fill:var(--ink);stroke:var(--ink)}.map-node--centre text{fill:var(--mat);font-size:19px}.map-node--rime rect{fill:var(--vermilion-tint);stroke:var(--vermilion)}.map-node--part rect{fill:var(--leaf-tint);stroke:var(--leaf)}.map-node--topic circle{fill:var(--cobalt-tint);stroke:var(--cobalt)}.map-node.is-new rect,.map-node.is-new circle{fill:var(--surface);stroke:var(--ghost);stroke-dasharray:4 4}.map-node.is-shaky rect{fill:var(--vermilion-tint);stroke:var(--vermilion)}.map-node.is-getting rect{fill:var(--lemon-tint);stroke:var(--lemon-edge)}.map-node.is-known rect{fill:var(--leaf-tint);stroke:var(--leaf)}.map-key{justify-content:center;gap:var(--s3);font-size:var(--t-xs);color:var(--ink-2);flex-wrap:wrap;font-weight:600;list-style:none;display:flex}.map-key li{align-items:center;gap:.35rem;display:flex}.map-key li:before{content:"";background:var(--surface);width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1.5px var(--ghost);border-radius:3px}.map-key .is-shaky:before{background:var(--vermilion-tint);box-shadow:inset 0 0 0 1.5px var(--vermilion)}.map-key .is-getting:before{background:var(--lemon-tint);box-shadow:inset 0 0 0 1.5px var(--lemon-edge)}.map-key .is-known:before{background:var(--leaf-tint);box-shadow:inset 0 0 0 1.5px var(--leaf)}.map-list ul{gap:var(--s2);list-style:none;display:grid}.map-list li{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.map-list-hint{font-size:var(--t-sm);color:var(--ink-2)}.map-list-words{gap:var(--s2);flex-wrap:wrap;margin-left:auto;display:flex}@media (max-width:640px){.lens--map{margin-left:0}.map-svg{max-height:46vh}.map-list-words{margin-left:0}}.flex-it{gap:var(--s2);padding:var(--s4);border-radius:var(--r-control);background:var(--cobalt-tint);display:grid}.flex-lead{max-width:60ch;font-weight:500}.flex-row{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.flex-letter{border-radius:var(--r-block);background:var(--cobalt);width:2.4rem;height:2.4rem;color:var(--on-cobalt);font-size:var(--t-lg);place-items:center;font-weight:700;display:grid}.flex-option{border-radius:var(--r-block);background:var(--surface);box-shadow:0 0 0 1px var(--line);text-align:left;border:0;gap:0;padding:.3rem .75rem;display:grid}.flex-option strong{font-size:var(--t-md)}.flex-option span{font-size:var(--t-xs);color:var(--ink-2)}.flex-option:hover{box-shadow:0 0 0 1px var(--line), var(--shadow-rest);transform:translateY(-2px)}.guessed{justify-items:center;gap:var(--s2);display:grid}.guessed-help{max-width:54ch;padding:var(--s3) var(--s4);border-radius:var(--r-control);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center;gap:.15rem;display:grid}.guessed-hook{font-size:var(--t-sm);color:var(--ink-2)}.guessed-source{font-size:var(--t-xs);color:var(--ink-3)}