@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Baloo 2", sans-serif;--font-body:"Nunito", sans-serif}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{font-family:var(--font-body);color:#5a3a22;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f9fb;font-size:18px;font-weight:600}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #136e68}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;font-weight:700;line-height:1.15}h1{font-size:44px}h2{font-size:28px}h3{font-size:23px}p{color:#796451;line-height:1.65}a{color:#086f69;text-underline-offset:3px}fieldset{border:0;margin:0;padding:0}legend,label{font-weight:800}input:not([type=checkbox]):not([type=range]):not([type=radio]),select{color:#5a3a22;background:#fff;border:2px solid #e4ded5;border-radius:13px;width:100%;min-height:56px;padding:14px 16px}input::placeholder{color:#8d7b6a}input[type=checkbox]{accent-color:#0b7972;min-width:24px;min-height:24px}input[type=range]{accent-color:#0b7972;width:100%;min-height:56px}select{appearance:auto}button svg{flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.button{min-height:58px;font-family:var(--font-display);color:#5a3a22;background:#ff8a1f;border-radius:16px;justify-content:center;align-items:center;gap:14px;padding:12px 25px;font-size:21px;font-weight:800;line-height:1.2;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px #d86400}.button:active:not(:disabled){transform:translateY(4px);box-shadow:0 0}.button:hover:not(:disabled){filter:brightness(1.025)}.button.secondary{background:#fff;border:2px solid #dfd9cf;box-shadow:0 3px #dfd9cf}.button.ghost{box-shadow:none;font-family:var(--font-body);background:0 0;padding:10px 16px;font-size:18px;font-weight:800}.button.danger{color:#8c2926;background:#fce8e6;box-shadow:0 4px #e5b9b4}.button:disabled{opacity:.5}.text-button{color:#146e67;background:0 0;align-items:center;gap:9px;min-height:56px;padding:8px 0;font-size:18px;font-weight:800;display:inline-flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;font-size:47px;font-weight:800;line-height:1;display:inline-flex}.logo-mark{width:38px;height:42px;margin-right:9px}.logo-dot{color:#ff8a1f}.brand-button{text-align:left;background:0 0;padding:0}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:#fff;border-right:1px solid #ece9e3;flex-direction:column;flex-shrink:0;width:230px;padding:40px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-caption{letter-spacing:.03em;color:#806c56;margin:13px 0 43px;font-size:12px}.sidebar nav{flex-direction:column;gap:12px;display:flex}.sidebar nav button,.parent-link{text-align:left;background:0 0;border-radius:14px;align-items:center;gap:13px;min-height:56px;padding:16px;font-size:17px;font-weight:800;display:flex}.sidebar nav button.selected{color:#9d4b00;background:#fff0db;border:1px solid #f5dfbc}.sidebar nav button:hover,.parent-link:hover{background:#f7f5ef}.sidebar-bottom{margin-top:auto;padding-top:80px}.kind-note{color:#0e7972;padding:20px 14px 28px}.kind-note p{margin-top:9px;font-size:17px;line-height:1.5}.parent-link{border-top:1px solid #efece7;border-radius:0;width:100%}.privacy-link{color:#7e6b5b;background:0 0;padding:12px 16px;font-size:12px}.main-wrap{width:calc(100% - 230px);margin-left:230px}.topbar{color:#7a6a54;border-bottom:1px solid #ecece5;justify-content:space-between;align-items:center;height:78px;padding:0 42px;font-size:14px;display:flex}.topbar>span,.topbar>div{align-items:center;gap:9px;display:flex}.topbar button{background:#fff;border:1px solid #ece8e0;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:12px;display:grid}.online-dot{background:#319a68;border-radius:50%;width:7px;height:7px}.app-main{max-width:1240px;margin:auto;padding:38px 42px 48px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{margin:5px 0 8px;font-size:37px}.page-heading p:not(.eyebrow){font-size:18px}.eyebrow{letter-spacing:.035em;color:#7b6a54;font-size:13px;font-weight:800}.hello-spark{color:#dd9a16;margin-left:10px;font-size:30px}.profile-pill{background:#fff;border:1px solid #e8e3d9;border-radius:30px;align-items:center;gap:10px;min-height:56px;padding:7px 14px 7px 8px;font-size:15px;font-weight:800;display:flex}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar svg{width:83%;height:83%}.welcome-card{background:#fff0d9;border:1px solid #f2e2c8;border-radius:25px;min-height:330px;padding:34px 38px;display:flex;position:relative;overflow:hidden}.welcome-copy{z-index:2;width:58%;position:relative}.pill{border-radius:30px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.pill.cream{color:#866334;background:#fffcf6}.pill.mint{color:#166b5c;background:#ddf1eb}.welcome-card h2{letter-spacing:-.03em;margin:20px 0 15px;font-size:47px;line-height:1.05}.welcome-card p{margin-bottom:23px;font-size:16px;line-height:1.55}.lesson-meta{color:#826843;align-items:center;gap:17px;margin-top:17px;font-size:12px;display:flex}.lesson-meta span{align-items:center;gap:5px;display:flex}.welcome-mascot{justify-content:center;align-items:center;width:44%;height:100%;display:flex;position:absolute;top:8px;right:8px}.mascot{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.welcome-mascot .mascot{z-index:1;width:370px;max-width:120%;position:relative;transform:rotate(6deg)}.mascot-bubble{z-index:2;background:#fff;border-radius:15px;padding:10px 20px;font-size:16px;font-weight:800;position:absolute;top:33px;left:24%;transform:rotate(5deg);box-shadow:0 3px #eadbc2}.mascot-bubble:after{content:"";border-top:10px solid #fff;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:10px solid #0000;position:absolute;bottom:-10px;left:20px}.deco-star{color:#ecaf24;font-size:36px;position:absolute}.deco-star.one{top:35%;right:22px}.deco-star.two{color:#e77a20;font-size:26px;bottom:15%;left:8%}.deco-dot{background:#5bb6a0;border-radius:50%;width:10px;height:10px;position:absolute;bottom:22%;right:18%}.home-columns{grid-template-columns:minmax(0,1fr) 285px;gap:24px;margin-top:30px;display:grid}.path-card,.card{background:#fff;border:1px solid #e7e9e3;border-radius:20px;padding:28px}.section-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.section-heading h2{font-size:25px}.section-heading p{margin-top:6px;font-size:14px}.mode-switch{background:#f1f4f3;border-radius:13px;gap:4px;margin:24px 0 12px;padding:4px;display:flex}.mode-switch button{background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:49px;font-size:15px;font-weight:800;display:flex}.mode-switch button[aria-pressed=true]{color:#116e65;background:#fff;box-shadow:0 2px 4px #533b2014}.rod-path{margin-top:26px;position:relative}.rod-line{background:#98764b;border-radius:5px;width:12px;position:absolute;top:15px;bottom:40px;left:62px;box-shadow:inset 3px 0 #725032}.path-section{position:relative}.frame-bar{background:#e9f4ec;border-bottom:4px solid #c5dece;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:13px 18px;font-size:15px;display:flex;position:relative}.frame-bar span{color:#536c50;white-space:nowrap;font-size:12px}.frame-bar strong{font-family:var(--font-display);font-size:20px}.frame-bar.muted{background:#f2f3f1;border-color:#e1e5dd}.path-stop{align-items:center;min-height:103px;display:flex;position:relative}.lesson-bead{z-index:1;background:0 0;flex-shrink:0;width:105px;height:92px;margin-left:15px;padding:0;transition:transform .2s;position:relative}.lesson-bead:hover:not(:disabled){transform:translateY(-4px)}.lesson-bead svg{filter:drop-shadow(0 4px #5a3a220d);width:100%;height:100%}.lesson-bead>span{place-items:center;display:grid;position:absolute;inset:0}.lesson-bead>span svg{width:26px;height:26px}.lesson-bead:disabled{color:#768580}.lesson-bead.current:after{content:"";z-index:-1;border:2px dashed #e5b773;border-radius:50%;position:absolute;inset:13px -5px 3px}.current-lesson{flex-direction:column;flex:1;padding:6px 10px 8px 19px;display:flex}.current-lesson strong{font-size:16px}.current-lesson>span{color:#846f58;margin:4px 0;font-size:12px}.current-lesson button{color:#a44f00;background:0 0;align-self:flex-start;align-items:center;gap:7px;min-height:34px;padding:0;font-size:15px;font-weight:800;display:flex}.completed-label{color:#7b8778;padding-left:20px;font-size:14px}.path-footnote{border-top:1px solid #eeeae2;align-items:center;gap:9px;margin-top:12px;padding-top:16px;font-size:12px;display:flex}.home-aside{flex-direction:column;gap:22px;display:flex}.daily-card,.treasure-card{background:#fffdf4;border:1px solid #ece4cc;border-radius:20px;padding:24px}.card-icon{border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:16px;display:inline-flex}.card-icon.sunny{color:#925d12;background:#ffedaf}.card-icon.peach{color:#b66512;background:#ffe7cd}.daily-card h2,.treasure-card h2{font-size:25px;line-height:1.13}.daily-card>p,.treasure-card p{margin-top:10px;font-size:14px;line-height:1.6}.week-beads{justify-content:space-between;margin:24px 0 15px;display:flex}.day{color:#86785f;background:#efece1;border-radius:45%;justify-content:center;align-items:center;width:27px;height:32px;font-size:12px;display:flex}.day.done{color:#5a3a22;background:#ffc83d}.streak-caption{align-items:baseline;gap:8px;display:flex}.streak-caption strong{font-family:var(--font-display);font-size:27px}.streak-caption span{color:#796650;font-size:12px}.small-copy{line-height:1.6;font-size:13px!important}.daily-card .small-copy{margin-top:5px;font-size:11px!important}.treasure-card{background:#fff;border-color:#e7e9e3}.treasure-total{grid-template-columns:64px 1fr;align-items:center;gap:0 12px;margin:20px 0 9px;display:grid}.treasure-total svg{grid-row:span 2;width:64px}.treasure-total strong{font-family:var(--font-display);font-size:35px;line-height:1.1}.treasure-total span{color:#816d55;font-size:12px}.treasure-card .text-button{min-height:40px;font-size:14px}.tip-card{color:#266a60;text-align:left;background:#e5f2ee;border:1px solid #cde4dc;border-radius:18px;align-items:flex-start;gap:13px;padding:19px;display:flex}.tip-card>span{flex-direction:column;gap:7px;display:flex}.tip-card strong{font-size:14px}.tip-card span span{font-size:13px;line-height:1.6}.app-footer{color:#6f5f4b;align-items:center;gap:16px;max-width:1240px;margin:auto;padding:10px 42px 28px;font-size:13px;display:flex}.app-footer .logo{font-size:25px}.app-footer .logo-mark{width:23px;height:26px}.app-footer>span:last-child{margin-left:auto}.mobile-nav{display:none}.onboarding{max-width:1280px;margin:auto;padding:35px 50px}.onboarding>header{justify-content:space-between;align-items:center;display:flex}.welcome-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;margin-top:52px;display:grid}.welcome-layout h1{color:#5a3a22;margin:24px 0;font-size:72px;line-height:1.03}.intro-copy{max-width:530px;font-size:20px;line-height:1.65}.promise-row{gap:22px;margin:22px 0;display:flex}.promise-row span{color:#3a705e;align-items:center;gap:6px;font-size:15px;display:flex}.signup-card{background:#fff;border:1px solid #e5e5da;border-radius:22px;margin-top:30px;padding:27px}.signup-card h2{font-size:26px}.signup-card>p{margin-top:8px;font-size:15px}.signup-card form{margin-top:22px}.signup-card label{font-size:15px}.email-row{gap:10px;margin-top:8px;display:flex}.email-row input{min-width:0}.email-row .button{flex-shrink:0;padding:12px 17px;font-size:20px}.local-start{font-size:16px}.signup-card .small-copy{font-size:12px!important}.welcome-art{place-items:center;min-height:500px;display:grid;position:relative}.art-orbit{background:#fff0d7;border-radius:50%;width:440px;max-width:100%;height:440px;position:absolute}.welcome-art .mascot{width:620px;max-width:135%;position:relative;transform:rotate(-5deg)}.floating-label{z-index:2;background:#fff;border:1px solid #ece5d5;border-radius:16px;align-items:center;gap:8px;padding:13px 20px;font-size:16px;display:flex;position:absolute;box-shadow:0 4px #e3dbca}.floating-label.top{top:25px;transform:rotate(-7deg)}.floating-label.bottom{font-size:14px;bottom:38px;transform:rotate(4deg)}.art-star{color:#eba927;font-size:50px;position:absolute;top:70px;right:20px}.welcome-screen footer{text-align:center;color:#705d49;margin-top:65px;font-size:12px;line-height:1.8}.welcome-screen footer a{margin-left:12px}.narrow{max-width:730px}.setup-heading{margin:45px 0 27px}.setup-heading h1{margin:8px 0 15px}.setup-heading .button{margin-top:20px}.setup-form{flex-direction:column;gap:15px;display:flex}.setup-form fieldset{margin:10px 0}.avatar-options{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.avatar-options button{background:0 0;border:3px solid #0000;border-radius:50%;min-height:56px;padding:3px}.profile-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0;display:grid}.profile-card{background:#fff;border:2px solid #e2e5d8;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:30px 18px;display:flex}.profile-card:hover{border-color:#eca64b}.centered{text-align:center;flex-direction:column;align-items:center;display:flex}.centered>.mascot{max-width:350px;margin:10px auto -15px}.centered>h1{margin:12px 0 18px}.centered>p{margin-bottom:22px}.button-stack{flex-direction:column;gap:15px;width:100%;max-width:390px;margin:20px 0;display:flex}.speech-card{background:#fff;border:2px solid #e8e1d4;border-radius:18px;max-width:500px;margin:12px auto;padding:20px;line-height:1.6}.centered>.button{margin:8px}.level-picker{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.level-choice{text-align:left;background:#fff;border:2px solid #e1e6dd;border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex}.level-choice.selected{background:#e5f5ee;border-color:#13847a}.level-choice span{font-size:15px}.level-choice strong{font-family:var(--font-display);font-size:28px}.level-choice small{color:#7a6959;font-size:14px}.picker-footer{background:#f5f9fbf5;align-items:center;gap:30px;padding:23px 0;display:flex;position:sticky;bottom:0}.picker-footer p{flex:1}.picker-footer .button{flex-shrink:0}.collection-hero{background:#fff0d9;border-radius:24px;align-items:center;gap:10px;padding:25px 45px;display:flex}.collection-hero .mascot{width:330px;max-width:50%}.big-total{font-family:var(--font-display);font-size:70px;line-height:1}.collection-hero h2{margin-bottom:12px}.collection-hero .button{margin-top:24px}.bead-collection{margin-top:30px}.bead-collection>div{grid-template-columns:repeat(8,1fr);gap:10px;margin-top:20px;display:grid}.bead-collection p{margin-top:20px}.bead-collection svg{width:100%}.lesson-screen{background:#f5f9fb;flex-direction:column;min-height:100vh;display:flex}.lesson-header{align-items:center;gap:23px;width:100%;max-width:1000px;margin:auto;padding:25px 25px 0;display:flex}.icon-button{background:#fff;border:1px solid #e1e3d9;border-radius:16px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.progress-track{background:#e4e9df;border-radius:20px;flex:1;height:16px;overflow:hidden}.progress-track>span{background:#ffb442;border-top:4px solid #ffc765;border-radius:20px;height:100%;transition:width .25s;display:block}.lesson-header>span{white-space:nowrap;font-weight:800}.muted-ink{color:#877863}.lesson-stage{text-align:center;flex:1;width:100%;max-width:920px;margin:auto;padding:20px 28px}.lesson-info{color:#7c705b;justify-content:center;align-items:center;gap:16px;margin:20px 0;font-size:14px;display:flex}.lesson-stage h1{margin:16px 0 10px;font-size:40px}.lesson-caption{min-height:35px;font-size:21px}.lesson-workspace{justify-content:center;align-items:center;gap:5px;min-height:350px;margin-top:10px;display:flex}.lesson-character{width:45%;position:relative}.lesson-character .mascot{z-index:1;position:relative}.answer-zone{width:48%;max-width:390px}.ready-card{background:#fff;border:2px solid #e6e6da;border-radius:22px;flex-direction:column;align-items:center;gap:18px;padding:26px;display:flex}.ready-card>svg{color:#168078}.ready-card p{font-size:18px}.number-bubble{background:#fff;border:2px solid #e4e5da;border-bottom-width:5px;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:195px;padding:28px 18px;display:flex}.number-bubble.is-correct{color:#13692f;background:#ddf7e5;border-color:#abd6b7}.number-label{color:#76644e;font-size:15px}.number-bubble strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(58px,7vw,96px);line-height:1.1}.listening-chip{color:#176b62;background:#dff2ed;border-radius:30px;align-items:center;gap:8px;margin-top:22px;padding:12px 20px;font-size:17px;display:inline-flex}.listening-ring{border:4px solid #80c8bf;border-radius:50%;animation:1.6s ease-out infinite micpulse;position:absolute;inset:10%}.lesson-tools{justify-content:center;gap:20px;margin:15px 0;display:flex}.input-help{margin-top:15px;font-size:15px}.keypad{max-width:350px;margin:0 auto}.keypad input{font-family:var(--font-display);text-align:center;height:72px;margin-bottom:12px;font-size:42px}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.keypad-grid button{min-height:64px;font-family:var(--font-display);background:#fff;border:1px solid #dfdfd3;border-radius:14px;place-items:center;font-size:27px;font-weight:700;display:grid;box-shadow:0 3px #dfdfd3}.keypad-grid button:active{box-shadow:none;transform:translateY(3px)}.keypad-grid button.keypad-check{background:#ffb047;border-color:#e89628;box-shadow:0 3px #d18b28}.keypad-grid button:disabled{opacity:.4}.lesson-feedback{background:#edf6e9;border-top:1px solid #d9e8d9;justify-content:center;align-items:center;gap:25px;padding:23px max(25px,50vw - 460px);display:flex}.feedback{border-radius:16px;align-items:center;gap:17px;padding:18px;display:flex}.feedback.correct{color:#13692f;background:#ddf7e5}.feedback.retry{color:#4b2fb8;background:#ece6ff}.feedback.neutral{color:#17645b;background:#e1f2ed}.feedback h2{font-size:24px}.feedback p{color:inherit;margin-top:5px;font-size:16px}.feedback-icon{background:#ffffff70;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.lesson-feedback>.feedback{flex:1}.lesson-feedback>.button{flex-shrink:0}.complete-screen{text-align:center;flex-direction:column;align-items:center;max-width:870px;margin:auto;padding:15px 30px 60px;display:flex}.celebrate-art{width:310px;height:280px;position:relative}.celebrate-art>span{color:#efac21;font-size:34px;position:absolute;top:40px;right:15px}.complete-screen>.button{margin-top:20px}.result-cards{grid-template-columns:repeat(3,1fr);gap:17px;width:100%;margin:30px 0;display:grid}.result-cards>div{background:#fff8e7;border:2px solid #f0e0bb;border-radius:19px;flex-direction:column;align-items:center;padding:20px 12px;display:flex}.result-cards strong{font-family:var(--font-display);margin:10px 0 0;font-size:38px}.result-cards span{font-size:15px}.level-up-invite{text-align:left;background:#def2eb;border-radius:20px;align-items:center;padding:10px 25px;display:flex}.level-up-invite .mascot{width:160px}.level-up-invite p{margin:12px 0;font-size:16px}.parent-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.select-with-avatar{align-items:center;gap:10px;display:flex}.select-with-avatar select{min-width:160px}.segmented{background:#e9efea;border-radius:15px;gap:5px;padding:5px;display:flex}.segmented button{background:0 0;border-radius:10px;min-height:48px;padding:12px 18px;font-size:16px;font-weight:800}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 2px 3px #263b2220}.parent-stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.parent-stats .card{padding:22px;position:relative}.parent-stats span{font-size:13px;display:block}.parent-stats strong{font-family:var(--font-display);margin-top:10px;font-size:36px;display:block}.parent-stats svg{color:#a47538;position:absolute;bottom:26px;right:22px}.chart-card{margin:24px 0}.chart-card p{margin-top:9px;font-size:15px}.accuracy-chart{align-items:flex-end;gap:15px;height:220px;padding:25px 10px 0;display:flex}.accuracy-chart>div{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.accuracy-chart>div>div{background:#66b6a6;border-radius:8px 8px 0 0;width:100%;max-width:55px}.accuracy-chart span,.accuracy-chart small{font-size:13px}.empty-chart{justify-content:center;align-items:center;display:flex}.empty-chart .mascot{width:170px}.level-progress-list{margin-top:20px}.level-progress-list>div{border-top:1px solid #eeeee8;grid-template-columns:75px 1fr 80px 60px;align-items:center;gap:12px;padding:14px 0;font-size:14px;display:grid}.level-progress-list>div>span:last-child{text-align:right}.settings-card{max-width:800px}.settings-card>h2{margin-bottom:10px}.settings-card>label,.settings-card form>label{margin:24px 0 8px;display:block}.settings-card select,.settings-card input{margin-top:8px}.settings-card form .button{margin:18px 0}.settings-card>h3{margin-top:35px}.settings-card>.button{margin:18px 0}.settings-card .toggle-row{display:flex}.toggle-row{border-top:1px solid #e9e8df;justify-content:space-between;align-items:center;gap:30px;padding:18px 0;display:flex}.toggle-row>span{flex-direction:column;gap:7px;display:flex}.toggle-row small{color:#7d6c59;font-size:14px;font-weight:600}.toggle-row input{flex-shrink:0;margin:0}.danger-zone{margin-top:25px}.danger-zone h2{color:#8c2926}.danger-zone>p{margin:12px 0}.danger-zone .button{margin-top:20px;margin-right:15px}.large-lock{color:#177c71;background:#e0f0e9;border-radius:25px;place-items:center;width:84px;height:84px;margin-top:50px;display:grid}.pin-form{text-align:left;flex-direction:column;gap:18px;width:100%;max-width:360px;margin:15px 0;display:flex}.pin-form input{text-align:center;letter-spacing:12px;font-size:32px}.error-text{color:#992f2c!important}.success-text{color:#13692f!important}.privacy h1{margin:45px 0 20px}.privacy h2{margin:30px 0 10px}.privacy .button{margin-top:35px}.privacy-draft{background:#fff1cf;border-radius:14px;padding:20px}.lab-shell{max-width:1050px;margin:auto;padding:35px}.lab-shell>h1{margin:35px 0 15px}.lab-shell>.card{margin:25px 0}.lab-shell .button-row{flex-wrap:wrap;gap:16px;margin:25px 0;display:flex}.lab-shell .feedback{margin:22px 0}.lab-shell .keypad{margin-top:25px}.swatches{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.swatches>div{font-size:12px}.swatches span{border:1px solid #ddd;border-radius:10px;width:70px;height:60px;margin-bottom:10px;display:block}.mascot-demo{align-items:center;display:flex}.mascot-demo>.mascot{width:50%}.mascot-demo>div{width:45%}.mascot-demo>div>.mascot{width:200px}.mascot-state-grid{text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.mascot-state-grid h2{text-align:left;grid-column:1/-1}.empty-state{text-align:center;padding:50px}.empty-state .button{margin-top:30px}@keyframes micpulse{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.1)}}@media (min-width:1500px){.app-main{padding-top:48px}.welcome-card{min-height:350px}.welcome-mascot .mascot{width:410px}.home-columns{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.home-aside>section{padding:28px}}@media (max-width:1180px){.sidebar{width:195px;padding-left:17px;padding-right:17px}.sidebar nav button{padding:14px;font-size:15px}.sidebar-caption{font-size:11px}.main-wrap{width:calc(100% - 195px);margin-left:195px}.app-main{padding:28px}.topbar{padding:0 28px}.home-columns{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.path-card{padding:22px}.welcome-card{padding:30px}.welcome-card h2{font-size:41px}.welcome-mascot .mascot{width:320px}.daily-card,.treasure-card{padding:20px}.app-footer{padding-left:28px;padding-right:28px}.welcome-layout h1{font-size:61px}.email-row{flex-direction:column}.signup-card{max-width:510px}.welcome-art{min-height:430px}.art-orbit{width:350px;height:350px}}@media (max-width:980px){.sidebar{width:170px;padding-left:12px;padding-right:12px}.sidebar .logo{font-size:40px}.sidebar nav button{gap:9px;padding:12px;font-size:14px}.sidebar-caption{font-size:10px}.main-wrap{width:calc(100% - 170px);margin-left:170px}.home-columns{grid-template-columns:1fr}.home-aside{grid-template-columns:1fr 1fr;display:grid}.tip-card{grid-column:1/-1}.welcome-card h2{font-size:39px}.welcome-card p{font-size:15px}.mascot-bubble{font-size:14px;top:38px;left:10%}.page-heading h1{font-size:34px}.profile-pill>span:not(.avatar){display:none}.topbar{font-size:12px}.app-footer>span:last-child{display:none}.welcome-layout h1{font-size:54px}.welcome-layout{gap:0}.welcome-art .mascot{max-width:145%}.floating-label{font-size:13px}.floating-label.bottom{font-size:12px}.parent-stats{grid-template-columns:1fr 1fr 1fr;gap:10px}.parent-stats .card{padding:16px}.parent-stats strong{font-size:29px}.parent-stats svg{display:none}.parent-toolbar{flex-wrap:wrap}}@media (max-width:720px){:root{font-size:18px}.sidebar{display:none}.main-wrap{width:100%;margin-left:0}.topbar{height:55px;padding:0 20px;font-size:11px}.topbar>span{display:none}.topbar>div{width:100%}.topbar button{width:35px;height:35px;margin-left:auto}.app-main{padding:25px 20px 35px}.page-heading{gap:10px;margin-bottom:23px}.page-heading h1{font-size:33px}.page-heading p:not(.eyebrow){font-size:16px}.eyebrow{font-size:12px}.profile-pill{min-height:52px;padding:6px}.welcome-card{min-height:344px;padding:27px 23px}.welcome-copy{width:63%}.welcome-card h2{margin-top:22px;font-size:37px}.welcome-card p{font-size:15px}.welcome-card .pill{padding:6px 9px;font-size:10px}.welcome-card .pill svg{width:13px}.welcome-mascot{width:45%;top:22px;right:0}.welcome-mascot .mascot{width:280px;max-width:145%}.mascot-bubble{padding:8px 10px;font-size:11px;top:36px;left:7%}.deco-star.one{font-size:24px;top:30%;right:4px}.deco-star.two{display:none}.welcome-card .button{padding:12px 17px;font-size:20px}.lesson-meta{gap:8px;font-size:10px}.home-columns{margin-top:22px}.section-heading h2{font-size:25px}.section-heading p{font-size:15px}.mode-switch button{min-height:56px;font-size:17px}.current-lesson strong{font-size:18px}.current-lesson>span{font-size:14px}.current-lesson button{min-height:56px;font-size:18px}.frame-bar strong{font-size:22px}.frame-bar span{font-size:14px}.path-stop{min-height:123px}.path-footnote{font-size:14px}.path-footnote svg{flex-shrink:0}.home-aside{display:flex}.daily-card h2,.treasure-card h2{font-size:29px}.daily-card>p,.treasure-card p{font-size:18px}.day{width:36px;height:43px;font-size:16px}.streak-caption span{font-size:16px}.daily-card .small-copy{font-size:14px!important}.tip-card strong{font-size:18px}.tip-card span span,.treasure-total span{font-size:16px}.treasure-card .text-button{min-height:56px;font-size:18px}.mobile-nav{padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:25;background:#fff;border-top:1px solid #e6e6dd;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#80735f;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:65px;min-height:56px;padding:4px;font-size:11px;font-weight:800;display:flex}.mobile-nav button.selected{color:#9f5005}.app-footer{padding:10px 20px 105px;font-size:10px}.app-footer .logo{font-size:27px}.onboarding{padding:25px 22px}.welcome-layout{grid-template-columns:1fr;margin-top:38px}.welcome-art{grid-row:1;min-height:250px;display:none}.welcome-layout .intro-copy{font-size:19px}.welcome-screen header .text-button{font-size:14px}.signup-card{padding:22px}.email-row{flex-direction:column}.welcome-screen footer{margin-top:35px;font-size:12px}.onboarding h1{font-size:38px}.welcome-layout h1{font-size:60px}.promise-row{gap:15px}.promise-row span{font-size:14px}.narrow>.logo{font-size:43px}.setup-heading{margin-top:30px}.setup-form{padding:22px}.avatar-options{gap:4px}.avatar-options button .avatar{width:50px!important;height:50px!important}.profile-grid{gap:12px}.profile-card{padding:22px 12px}.level-picker{grid-template-columns:1fr}.level-choice strong{font-size:26px}.picker-footer{flex-direction:column;align-items:stretch;gap:15px}.collection-hero{text-align:center;flex-direction:column;padding:15px}.collection-hero .mascot{width:270px;max-width:100%;height:230px}.collection-hero>div{padding:10px 10px 20px}.bead-collection>div{grid-template-columns:repeat(4,1fr)}.lesson-header{gap:14px;padding:18px 16px 0}.lesson-stage{padding:10px 17px}.lesson-info{margin:14px 0}.lesson-stage h1{margin:12px 0;font-size:31px}.lesson-caption{font-size:18px}.lesson-workspace{flex-direction:column;gap:0;min-height:0;margin-top:0}.lesson-character{width:230px;height:190px}.lesson-character .mascot{position:absolute;top:-15px}.answer-zone{width:100%;max-width:370px}.ready-card{gap:15px;padding:20px;font-size:18px}.ready-card>svg{display:none}.number-bubble{min-height:160px;padding:18px}.number-bubble strong{font-size:76px}.number-label{font-size:18px}.with-keypad .lesson-character{width:140px;height:112px}.keypad{max-width:340px}.keypad input{height:66px;margin-bottom:10px}.keypad-grid button{min-height:64px}.lesson-tools{gap:0;margin:12px 0}.lesson-tools .button{padding:10px;font-size:16px}.lesson-feedback{flex-wrap:wrap;gap:12px;padding:18px}.lesson-feedback>.feedback{flex-basis:100%;padding:14px}.lesson-feedback>.button{flex:1}.feedback h2{font-size:23px}.feedback p{font-size:17px}.complete-screen{padding:10px 20px 40px}.celebrate-art{width:250px;height:220px}.complete-screen h1{font-size:40px}.result-cards{gap:8px}.result-cards>div{padding:17px 8px}.result-cards strong{font-size:32px}.result-cards span{font-size:12px}.level-up-invite{text-align:center;flex-direction:column;padding:16px}.level-up-invite .mascot{width:180px;height:150px}.parent-stats{grid-template-columns:1fr}.parent-stats .card{padding:22px}.parent-stats span{font-size:16px}.parent-stats strong{font-size:36px}.parent-stats svg{display:block}.parent-toolbar{gap:16px}.segmented{justify-content:space-between;width:100%}.segmented button{min-height:56px;padding:10px 14px;font-size:16px}.level-progress-list>div{grid-template-columns:65px 1fr;gap:8px;font-size:15px}.level-progress-list>div>span:last-child{text-align:left}.settings-card{padding:22px}.settings-card>h2{font-size:28px}.toggle-row{gap:15px}.toggle-row small{font-size:15px}.chart-card{padding:22px}.empty-chart{flex-direction:column}.accuracy-chart{gap:6px}.accuracy-chart span{font-size:10px}.privacy{font-size:17px}.lab-shell{padding:22px}.mascot-state-grid{grid-template-columns:repeat(2,1fr)}.lab-shell .card{padding:20px}}@media (max-width:390px){.welcome-card{padding:24px 18px}.welcome-card h2{font-size:33px}.welcome-card p{font-size:14px}.welcome-copy{width:66%}.welcome-card .pill{font-size:9px}.welcome-mascot{width:42%;right:-2px}.mascot-bubble{font-size:10px;left:0}.profile-pill{display:none}.current-lesson{padding-left:10px}.current-lesson strong{font-size:16px}.current-lesson>span{font-size:12px}.path-card{padding:18px}.frame-bar{padding:12px}.frame-bar strong{font-size:19px}.frame-bar span{font-size:12px}.lesson-bead{width:95px;margin-left:12px}.rod-line{left:54px}.lesson-meta{flex-wrap:wrap;gap:6px}.parent-toolbar .segmented button{font-size:14px}.avatar-options button .avatar{width:46px!important;height:46px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.mascot{transform:none!important}}.welcome-screen footer a{text-underline-offset:3px;text-decoration:underline}.button.primary{font-size:max(20px,1.12rem)}.home-page .pill,.lesson-info,.lesson-info .pill,.lesson-tools .button,.number-label,.listening-chip,.lesson-feedback p,.result-cards span,.level-choice small,.level-choice>span,.profile-card>span{font-size:18px}.level-choice strong{overflow-wrap:anywhere}.mobile-nav button,.icon-button,.parent-link{min-height:56px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.playground{color:#5a3a22;background:#fffaf0;min-height:100dvh}.playground h1,.playground h2{letter-spacing:-.035em}.playground button,.playground a,.playground input{-webkit-tap-highlight-color:transparent}.play-header{justify-content:space-between;align-items:center;gap:28px;max-width:1280px;margin:auto;padding:24px 40px;display:flex}.play-header .logo{font-size:34px}.play-header nav{background:#fffdf8;border:1px solid #eadfc9;border-radius:22px;gap:8px;padding:5px;display:flex}.play-header nav button{border-radius:16px;align-items:center;gap:10px;min-height:56px;padding:10px 22px;font-size:16px;font-weight:800;display:flex}.play-header nav button[aria-current]{background:#ffe4b6;box-shadow:inset 0 -3px #edca94}.play-header nav button:hover{background:#fff0d9}.bead-wallet{align-items:center;gap:8px;font-size:14px;display:flex}.bead-wallet>svg{width:38px}.bead-wallet strong{font-size:22px}.play-main{max-width:1280px;margin:auto;padding:16px 40px 0;animation:.5s both play-arrive}.play-hero{background:#e8f5f1;border:1px solid #d4e9df;border-radius:36px;grid-template-columns:1.1fr 1fr;min-height:440px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:44px 0 40px 44px}.adventure-label{letter-spacing:.14em;color:#23685b;align-items:center;gap:9px;font-size:11px;font-weight:900;display:inline-flex}.adventure-label>span{background:#247969;border-radius:50%;width:8px;height:8px}.hero-copy h1{margin:20px 0 18px;font-size:clamp(40px,4.2vw,60px);font-weight:800;line-height:1.08}.hero-copy h1 em{color:#0e7069;font-style:normal;display:inline-block;position:relative}.hero-copy h1 em:after{content:"";background:#b6dcc6;border-radius:50%;width:97%;height:7px;position:absolute;bottom:-4px;left:1%;transform:rotate(-1deg)}.hero-copy>p{margin:0 0 26px;font-size:17px;line-height:1.65}.play-start.button{background:#ffb044;border:2px solid #df8225;border-radius:20px;justify-content:space-between;min-width:225px;padding:16px 24px;font-size:22px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px #cb741d,0 12px 16px #98622512}.play-start:hover{transform:translateY(-3px);box-shadow:0 9px #cb741d,0 15px 20px #98622520}.play-start:active{transform:translateY(5px);box-shadow:0 1px #cb741d}.hero-meta{color:#416b5d;align-items:center;gap:20px;margin-top:24px;font-size:13px;font-weight:800;display:flex}.hero-meta span{align-items:center;gap:5px;display:flex}.bead-world{isolation:isolate;align-self:stretch;min-width:0;position:relative}.world-sun{color:#d39111;position:absolute;top:28px;right:35px;transform:rotate(15deg)}.world-cloud{opacity:.85;background:#fffef7;border-radius:80px;width:85px;height:19px;position:absolute}.world-cloud:before{content:"";background:inherit;border-radius:50%;width:35px;height:32px;position:absolute;top:-15px;left:16px}.cloud-one{top:85px;left:22px;transform:scale(.75)}.cloud-two{top:130px;right:10px}.world-orbit{z-index:-1;border:2px dashed #b2d5c2;border-radius:50%;width:78%;height:63%;position:absolute;top:25%;left:10%;transform:rotate(-28deg)}.clicket-island{width:78%;height:76%;position:absolute;bottom:8%;left:-7%}.clicket-island .mascot{z-index:2;width:100%;max-width:390px;position:absolute;bottom:8%}.island-land{background:#95c6ac;border-radius:50%;width:74%;height:19%;position:absolute;bottom:2%;left:14%;transform:rotate(-6deg);box-shadow:0 12px #538e77,0 24px 0 -5px #d5dfbc}.world-speech{font-family:var(--font-display);z-index:3;white-space:nowrap;background:#fffef9;border:1px solid #cbdcca;border-radius:18px 18px 18px 3px;padding:11px 18px;font-size:17px;position:absolute;top:2%;left:21%;transform:rotate(-7deg)}.fiver-island{width:42%;height:44%;position:absolute;bottom:17%;right:-1%;transform:rotate(8deg)}.fiver-island .mascot{width:100%;position:absolute;bottom:10%}.fiver-island .island-land{background:#c3d692;box-shadow:0 10px #8daa68,0 18px 0 -4px #d9dfb9}.floating-bead{width:58px;position:absolute;top:19%;right:23%;transform:rotate(19deg)}.number-spark{font-family:var(--font-display);color:#227165;z-index:3;font-size:31px;position:absolute}.spark-one{top:15%;left:28%;transform:rotate(-13deg)}.spark-two{color:#98601a;bottom:11%;right:36%;transform:rotate(12deg)}.world-star{color:#a57511;font-size:28px;position:absolute}.star-one{top:37%;left:7%}.star-two{bottom:21%;right:41%}.world-tag{color:#795529;background:#fff7dc;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:20px;right:16px;transform:rotate(-4deg)}.play-dashboard{grid-template-columns:1.5fr 1fr;gap:24px;margin-top:28px;display:grid}.adventure-card,.pace-card{background:#fffefa;border:1px solid #e5d9c3;border-bottom-width:4px;border-radius:28px;min-width:0;padding:28px}.card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.playground .eyebrow{letter-spacing:.13em;color:#796047;margin:0 0 6px;font-size:10px;font-weight:900}.playground h2{margin:0;font-size:28px;line-height:1.2}.adventure-card>p{margin:10px 0 22px;font-size:15px}.level-stamp{color:#286050;white-space:nowrap;background:#e6f2e8;border:1px solid #cbded0;border-radius:12px;padding:8px 11px;font-size:13px;font-weight:900;transform:rotate(4deg)}.mode-tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-tiles button{text-align:left;border:2px solid #e6ddcb;border-radius:17px;align-items:center;gap:10px;padding:16px 12px;transition:transform .18s,border-color .18s;display:flex;position:relative}.mode-tiles button:hover{transform:translateY(-3px)}.mode-art{flex-shrink:0;width:44px;display:flex}.mode-art svg{width:100%}.mind-art{color:#19796f}.mode-tiles strong{font-size:14px;line-height:1.35;display:block}.mode-tiles small{color:#70553e;margin-top:4px;font-size:11px;display:block}.mode-check{color:#fff;opacity:0;background:#5a3a22;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:-8px;right:7px}.mode-tiles [aria-pressed=true] .mode-check{opacity:1}.mini-journey{isolation:isolate;justify-content:space-around;padding:24px 0 12px;display:flex;position:relative}.journey-stop{text-align:center;font-size:11px;font-weight:800}.journey-stop svg{width:70px;margin:auto;display:block}.journey-stop:nth-child(2){margin-top:13px}.journey-thread{z-index:-1;border-top:3px dashed #dac9ad;width:70%;position:absolute;top:50%;left:15%}.text-action{color:#14665d;border-top:1px solid #e9dfcd;justify-content:space-between;align-items:center;width:100%;min-height:56px;margin-top:8px;padding-top:8px;font-size:14px;font-weight:900;display:flex}.pace-card{background:#fdf0cf;border-color:#ead5a5}.pace-card-top{align-items:center;gap:12px;margin-bottom:24px;display:flex}.sound-token{background:#ffdf86;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;transform:rotate(-8deg)}.speed-control{width:100%}.speed-heading{justify-content:space-between;align-items:center;gap:10px;font-size:15px;font-weight:900;display:flex}.speed-heading output{font-family:var(--font-display);text-align:right;min-width:70px;font-size:27px}.speed-inputs{align-items:center;gap:12px;display:flex}.speed-inputs>button{background:#fffef9;border:2px solid #d5bd92;border-bottom-width:4px;border-radius:16px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:28px;font-weight:900;transition:transform .15s;display:grid}.speed-inputs>button:active:not(:disabled){transform:translateY(2px)}.speed-inputs>button:disabled{opacity:.4;cursor:default}.speed-inputs input{accent-color:#0e7069;cursor:pointer;width:100%;min-width:0;margin:0;padding:0}.speed-control p{color:#70553e;margin:8px 0 0;font-size:12px;line-height:1.5}.preview-pace.button{background:#fffdf5;border-color:#cdb489;border-radius:16px;width:100%;margin-top:20px;font-size:16px;box-shadow:0 3px #d7c193}.pace-tip{text-align:center;margin-top:16px;font-size:12px}.how-to-play{justify-content:space-between;align-items:center;gap:24px;margin:28px 0 40px;padding:22px 12px;display:flex}.how-to-play>strong{font-family:var(--font-display);font-size:21px;line-height:1.2}.how-to-play>div{align-items:center;gap:12px;display:flex}.how-to-play>div>span{font-family:var(--font-display);color:#9b681f;font-size:26px}.how-to-play p{font-size:12px}.how-to-play b{color:#5a3a22;margin-bottom:3px;font-size:15px;display:block}.play-footer{color:#70553e;border-top:1px solid #eaddc4;justify-content:space-between;gap:20px;padding:22px max(24px,50vw - 600px);font-size:12px;display:flex}.play-footer a{text-underline-offset:3px;text-decoration:underline}.practice-settings{max-width:1000px;margin:20px auto 50px}.settings-title{margin-bottom:28px}.settings-title h1{margin:10px 0;font-size:48px;line-height:1.15}.settings-title p{font-size:18px}.settings-columns{grid-template-columns:1.2fr 1fr;gap:24px;margin:28px 0;display:grid}.settings-columns h2{margin-bottom:22px}.settings-columns select{background:#fff;border-radius:14px;width:100%;margin-top:8px;font-size:16px;display:block}.answer-options{border:0;margin-top:28px;padding:0}.answer-options legend{margin-bottom:12px;font-weight:900}.answer-options label{cursor:pointer;border-top:1px solid #e8decd;align-items:center;gap:12px;padding:16px 0;display:flex}.answer-options input,.practice-toggle input{accent-color:#0e7069;flex-shrink:0;width:22px;height:22px;min-height:22px}.answer-options svg{flex-shrink:0}.answer-options b,.answer-options small{display:block}.answer-options small{color:#70553e;margin-top:5px;font-size:13px}.practice-toggle{align-items:center;gap:12px;min-height:56px;margin-top:28px;font-size:15px;display:flex}.local-note{align-items:center;gap:8px;margin-top:20px;font-size:14px;display:flex}.playground-lesson{background:#fffaf0;position:relative;overflow:clip}.playground-lesson .lesson-header{margin:0 auto}.playground-lesson .progress-track{background:#e8dcc5;height:18px}.playground-lesson .progress-track>span{background:#149c94;border-top:4px solid #5cc9c2}.lesson-bead-trail{justify-content:center;gap:9px;margin:20px auto 0;padding:0 20px;display:flex}.lesson-bead-trail>span{background:#ebdfc8;border-radius:45%;place-items:center;width:25px;height:23px;font-size:12px;font-weight:900;display:grid}.lesson-bead-trail .done{color:#184e40;background:#a7dbc3}.lesson-bead-trail .current{background:#ffb044;transform:scale(1.2);box-shadow:0 3px #d98b31}.playground-lesson .lesson-stage{max-width:980px;padding-top:4px}.playground-lesson .lesson-info{margin:16px 0 8px}.playground-lesson .lesson-stage h1{margin-bottom:12px;font-size:42px;line-height:1.15}.playground-lesson .lesson-workspace{gap:30px;min-height:290px;margin-top:20px}.playground-lesson .lesson-character{max-width:320px}.playground-lesson .lesson-character:before{content:"";background:#e3f1dd;border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%}.playground-lesson .ready-card{background:#fffdf7;border-color:#e8d9be;border-radius:26px;box-shadow:0 6px #e8d9be}.playground-lesson .number-bubble{background:#f6fff5;border-color:#d4e6d5;animation:.25s both number-arrive;box-shadow:0 6px #d4e6d5}.playground-lesson .number-bubble.is-correct{background:#d9f3bb;border-color:#a4c785}.playground-lesson .keypad input{background:#fff;border:2px solid #c9d9c4;border-radius:20px}.playground-lesson .keypad-grid button{border-color:#d8c8ac;border-radius:18px;box-shadow:0 4px #d8c8ac}.lesson-speed{text-align:left;background:#fff2d8;border:1px solid #e9d6ae;border-radius:22px;width:min(400px,100%);margin:22px auto 12px;padding:14px 20px}.lesson-speed .speed-heading{font-size:14px}.lesson-speed .speed-heading output{font-size:24px}.lesson-speed .speed-control p{text-align:center;font-size:11px}.voice-beats{justify-content:center;align-items:center;gap:5px;height:26px;margin:5px auto;display:flex}.voice-beats i{background:#0e7069;border-radius:4px;width:5px;height:13px;animation:.7s ease-in-out infinite alternate voice-beat}.voice-beats i:nth-child(2n){height:22px;animation-delay:-.3s}.voice-beats i:nth-child(3){animation-delay:-.5s}.playground-lesson .lesson-feedback{background:#edf6dd;border-top:2px solid #d6e7c3;animation:.2s both play-arrive}.playground-lesson.state-correct .lesson-character:after{content:"✦  ✦  ✦";color:#ba780c;width:90%;font-size:35px;animation:.8s ease-out both happy-stars;position:absolute;top:10%;left:5%}.complete-screen{background:#fffaf0;max-width:none;min-height:100dvh}.complete-screen>*{max-width:800px}.complete-screen .result-cards{max-width:760px}.complete-screen .result-cards>div{border:2px solid #e6d6b9;border-radius:24px;box-shadow:0 5px #e6d6b9}.complete-screen .celebrate-art{animation:.6s both play-arrive}@keyframes play-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes number-arrive{0%{opacity:.4;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes world-float{0%,to{translate:0}50%{translate:0 -9px}}@keyframes voice-beat{to{transform:scaleY(.35)}}@keyframes happy-stars{0%{opacity:1;transform:translateY(10px)scale(.6)}to{opacity:0;transform:translateY(-45px)scale(1.3)}}@media (prefers-reduced-motion:no-preference){.clicket-island{animation:4s ease-in-out world-float}.fiver-island{animation:4.5s ease-in-out .2s world-float}.floating-bead{animation:3.5s ease-in-out .3s world-float}.play-dashboard{animation:.55s .1s both play-arrive}}@media (max-width:1050px){.play-header,.play-main{padding-left:24px;padding-right:24px}.bead-wallet>span{display:none}.hero-copy{padding:34px 0 34px 30px}.hero-copy h1{font-size:45px}.bead-world{margin-left:-10px}.world-speech{font-size:14px}.play-hero{min-height:420px}.play-dashboard{grid-template-columns:1.3fr 1fr;gap:18px}.adventure-card,.pace-card{padding:22px}.mode-tiles{grid-template-columns:1fr}.mode-tiles button{padding:10px 14px}.mode-art{width:36px}.how-to-play{flex-wrap:wrap;gap:20px}.how-to-play>strong{flex:1 0 100%}}@media (max-width:720px){.play-header{flex-wrap:wrap;gap:16px;padding:18px 20px 0}.play-header .brand-button{order:0}.bead-wallet{order:1;margin-left:auto}.play-header nav{flex-basis:100%;order:2;justify-content:space-around}.play-header nav button{flex:1;justify-content:center;gap:7px;padding:10px;font-size:14px}.play-main{padding:20px 20px 0}.play-hero{border-radius:28px;flex-direction:column;display:flex}.hero-copy{padding:28px 26px 0}.hero-copy h1{margin-top:17px;font-size:45px}.hero-copy>p{margin-bottom:20px;font-size:16px}.hero-copy .play-start{width:100%;font-size:20px}.hero-meta{justify-content:space-between;gap:8px;margin-top:20px;font-size:12px}.desktop-break{display:none}.bead-world{width:100%;max-width:450px;height:310px;margin:-4px auto 0}.clicket-island{width:68%;height:90%;bottom:2%;left:-3%}.fiver-island{width:40%;height:60%;bottom:16%;right:0}.world-speech{top:12%;left:15%}.world-sun{top:20px;right:30px}.world-orbit{top:18%}.floating-bead{width:44px;top:10%;right:33%}.cloud-one{top:40px;left:5px}.spark-one{font-size:24px;top:18%;left:47%}.spark-two{bottom:10%;right:30%}.world-tag{bottom:18px;right:20px}.world-star.star-one{top:45%;left:6%}.play-dashboard,.settings-columns{grid-template-columns:1fr;gap:20px;margin-top:20px}.playground h2{font-size:26px}.mode-tiles{grid-template-columns:1fr 1fr;gap:10px}.mode-tiles button{flex-direction:column;align-items:flex-start;padding:14px}.mode-art{width:45px}.mode-tiles strong{font-size:14px}.mode-tiles small{font-size:12px}.pace-card-top{margin-bottom:16px}.pace-tip{margin-bottom:0}.how-to-play{gap:18px;padding:4px 0}.how-to-play>strong{font-size:25px}.how-to-play>div{gap:16px;width:100%}.how-to-play p{font-size:14px}.how-to-play b{font-size:16px}.play-footer{text-align:center;flex-direction:column;gap:8px;padding:20px;font-size:11px}.settings-title h1{font-size:38px}.settings-title p{font-size:16px}.practice-settings{margin-top:10px}.practice-settings>.button{width:100%}.local-note{align-items:flex-start;font-size:12px}.local-note svg{flex-shrink:0}.playground-lesson .lesson-header{gap:14px;padding:16px 18px 0}.lesson-bead-trail{gap:6px;margin-top:18px}.lesson-bead-trail>span{width:24px;height:22px;font-size:11px}.playground-lesson .lesson-stage{padding:6px 18px 18px}.playground-lesson .lesson-info{margin-top:14px;font-size:12px}.playground-lesson .lesson-stage h1{font-size:31px}.playground-lesson .lesson-caption{margin:6px 0;font-size:18px}.playground-lesson .lesson-workspace{flex-direction:column;gap:0;min-height:0;margin-top:0}.playground-lesson .lesson-character{width:155px;height:150px}.playground-lesson .answer-zone{width:100%;max-width:350px}.playground-lesson .ready-card{gap:14px;padding:20px}.playground-lesson .ready-card>svg{display:none}.playground-lesson .ready-card .button{width:100%}.playground-lesson .number-bubble{min-height:150px;padding:16px}.playground-lesson .lesson-tools{flex-wrap:wrap;gap:8px}.playground-lesson .lesson-tools .button{padding:10px 12px;font-size:14px}.playground-lesson .lesson-speed{margin-top:16px;padding:12px 16px}.playground-lesson .lesson-feedback{flex-wrap:wrap;gap:12px;padding:18px}.playground-lesson .lesson-feedback>.feedback{flex-basis:100%}.playground-lesson .lesson-feedback>.button{width:100%}.playground-lesson .with-keypad .lesson-character{width:115px;height:105px}.playground-lesson .keypad-grid button{min-height:64px}}@media (max-width:380px){.play-header,.play-main{padding-left:14px;padding-right:14px}.hero-copy{padding-left:22px;padding-right:22px}.hero-copy h1{font-size:39px}.adventure-label{font-size:9px}.adventure-card,.pace-card{padding:20px}.playground h2{font-size:25px}.level-stamp{padding:7px;font-size:11px}.card-heading{gap:8px}.pace-card-top{gap:10px}.sound-token{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.playground *,.playground :before,.playground :after,.playground-lesson *,.playground-lesson :before,.playground-lesson :after,.complete-screen *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.playground-lesson.state-correct .lesson-character:after{display:none}.playground button:hover,.playground button:active{transform:none}}.playground .skip-link{z-index:20;background:#fff;border:2px solid #0e7069;border-radius:12px;padding:16px 22px;position:absolute;top:12px;left:12px;transform:translateY(-200%)}.playground .skip-link:focus{transform:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-page:#fffaf0;--theme-panel:#fffefa;--theme-raised:#fffdf8;--theme-edge:#d8c8ac;--theme-ink:#5a3a22;--theme-muted:#70553e;--theme-accent:#14665d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-page:#111b24;--theme-panel:#1c2b35;--theme-raised:#283b46;--theme-edge:#526873;--theme-ink:#f5ead7;--theme-muted:#c6c8bc;--theme-accent:#8ce0c8;color:var(--theme-ink);background:var(--theme-page)}body{background:var(--theme-page)}.theme-toggle{border:1px solid var(--theme-edge);background:var(--theme-panel);width:94px;min-width:94px;min-height:56px;color:var(--theme-muted);border-bottom-width:3px;border-radius:20px;justify-content:center;align-items:center;gap:3px;padding:5px;display:inline-flex}.theme-option{border-radius:13px;place-items:center;width:38px;height:40px;display:grid}.theme-option.active{color:#49321e;background:#ffcb72}.theme-toggle:hover{border-color:var(--theme-accent)}.screen-theme-toolbar{justify-content:flex-end;width:100%;margin-bottom:12px;display:flex}.pause-readout{border-top:1px dashed #c9b589;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.pause-readout strong{font-variant-numeric:tabular-nums;font-size:17px}.night-sky,[data-theme=dark] .day-sky{display:none}[data-theme=dark] .night-sky{display:inline}[data-theme=dark] :is(p,.muted-ink,.input-help,.lesson-info,.number-label,.result-cards span,.lesson-caption){color:var(--theme-muted)}[data-theme=dark] :is(a,.text-button,.text-action){color:var(--theme-accent)}[data-theme=dark] :is(button,a,input,select):focus-visible{outline-color:#8ce0c8}[data-theme=dark] :is(input:not([type=checkbox]):not([type=range]):not([type=radio]),select){background:var(--theme-page);color:var(--theme-ink);border-color:var(--theme-edge)}[data-theme=dark] input::placeholder{color:#b3b7ad}[data-theme=dark] :is(input[type=checkbox],input[type=range],input[type=radio]){accent-color:#8ce0c8}[data-theme=dark] :is(.playground,.playground-lesson,.complete-screen){background:var(--theme-page);color:var(--theme-ink)}[data-theme=dark] .playground p{color:var(--theme-muted)}[data-theme=dark] .play-header nav{background:var(--theme-panel);border-color:var(--theme-edge)}[data-theme=dark] .play-header nav button[aria-current]{color:#ffe2ae;background:#614526;box-shadow:inset 0 -3px #b57a37}[data-theme=dark] .play-header nav button:hover{background:#34444b}[data-theme=dark] .play-hero{background:#183638;border-color:#36585a}[data-theme=dark] .adventure-label{color:#a4dbc9}[data-theme=dark] .adventure-label>span{background:#a4dbc9}[data-theme=dark] .hero-copy h1 em{color:#8ce0c8}[data-theme=dark] .hero-copy h1 em:after{background:#38665c}[data-theme=dark] .hero-meta{color:#c2dbcc}[data-theme=dark] .world-sun{color:#ffe0a4}[data-theme=dark] .world-cloud{background:#47656b}[data-theme=dark] .world-orbit{border-color:#41655d}[data-theme=dark] .world-speech{color:#f5ead7;background:#253f47;border-color:#6a8582}[data-theme=dark] .world-star{color:#ffcd79}[data-theme=dark] .number-spark{color:#8ce0c8}[data-theme=dark] .spark-two{color:#ffc778}[data-theme=dark] .world-tag{color:#ffe0a4;background:#473d2b}[data-theme=dark] .island-land{background:#528e74;box-shadow:0 12px #2b6053,0 24px 0 -5px #223f39}[data-theme=dark] .fiver-island .island-land{background:#819757;box-shadow:0 10px #516939,0 18px 0 -4px #304530}[data-theme=dark] :is(.adventure-card,.card,.result-cards>div,.onboarding-card){background:var(--theme-panel);border-color:var(--theme-edge)}[data-theme=dark] .playground .eyebrow{color:#c9d6bb}[data-theme=dark] .level-stamp{color:#c7f1d7;background:#234b41;border-color:#507a60}[data-theme=dark] .mode-tiles button{border-color:#53616a}[data-theme=dark] .mode-tiles button[aria-pressed=true]{background:#4d3d2c;border-color:#d79f52}[data-theme=dark] .mode-tiles :is(small,strong){color:var(--theme-ink)}[data-theme=dark] .mode-check{color:#49321e;background:#ffcb72}[data-theme=dark] .mind-art{color:var(--theme-accent)}[data-theme=dark] .journey-thread{border-color:#677061}[data-theme=dark] .text-action{color:var(--theme-accent);border-color:#526873}[data-theme=dark] .pace-card{background:#302e27;border-color:#655d47}[data-theme=dark] .sound-token{color:#ffdf9c;background:#664d2b}[data-theme=dark] .speed-inputs>button{background:var(--theme-raised);color:var(--theme-ink);border-color:#72838a}[data-theme=dark] .speed-inputs input{accent-color:#8ce0c8}[data-theme=dark] .speed-control p{color:var(--theme-muted)}[data-theme=dark] .pause-readout{border-color:#8a7854}[data-theme=dark] .preview-pace.button{color:var(--theme-ink);background:#3e4038;border-color:#8c8263;box-shadow:0 3px #675f48}[data-theme=dark] .how-to-play b{color:var(--theme-ink)}[data-theme=dark] .how-to-play>div>span{color:#ffcb72}[data-theme=dark] .play-footer{color:var(--theme-muted);border-color:#46555e}[data-theme=dark] .answer-options label{border-color:var(--theme-edge)}[data-theme=dark] .answer-options small{color:var(--theme-muted)}[data-theme=dark] .playground .skip-link{background:var(--theme-panel);color:var(--theme-accent);border-color:#8ce0c8}[data-theme=dark] .icon-button{background:var(--theme-panel);border-color:var(--theme-edge)}[data-theme=dark] .playground-lesson .progress-track{background:#364a50}[data-theme=dark] .lesson-bead-trail>span{color:#ddd9c5;background:#384750}[data-theme=dark] .lesson-bead-trail .done{color:#c6f4d6;background:#315848}[data-theme=dark] .lesson-bead-trail .current{color:#49321e;background:#ffb044}[data-theme=dark] :is(.pill.mint,.listening-chip){color:#baf0d6;background:#254e46}[data-theme=dark] .playground-lesson .lesson-character:before{background:#213e38}[data-theme=dark] .playground-lesson .ready-card{background:var(--theme-panel);border-color:#526873;box-shadow:0 6px #334b53}[data-theme=dark] .ready-card>svg{color:var(--theme-accent)}[data-theme=dark] .playground-lesson .number-bubble{color:#fff2d9;background:#1a3b35;border-color:#4f7c6b;box-shadow:0 6px #31574a}[data-theme=dark] .playground-lesson .number-bubble.is-correct{background:#315031;border-color:#73965e}[data-theme=dark] .playground-lesson .keypad input{background:var(--theme-panel);border-color:#64816d}[data-theme=dark] .playground-lesson .keypad-grid button{background:var(--theme-panel);color:var(--theme-ink);border-color:#60747b;box-shadow:0 4px #3f555d}[data-theme=dark] .playground-lesson .keypad-grid button.keypad-check{color:#49321e;background:#ffb044;border-color:#e59a39;box-shadow:0 4px #9c641e}[data-theme=dark] .lesson-speed{background:#302e27;border-color:#756447}[data-theme=dark] .voice-beats i{background:#8ce0c8}[data-theme=dark] .button.ghost{color:var(--theme-accent);background:0 0}[data-theme=dark] .button.secondary{color:#e7eddb;background:#283e46;border-color:#607a80;box-shadow:0 4px #3b5860}[data-theme=dark] .playground-lesson .lesson-feedback{background:#1d342d;border-color:#426d50}[data-theme=dark] .feedback.correct{color:#d3f5b8;background:#294b35}[data-theme=dark] .feedback.retry{color:#e3d6ff;background:#3b3357}[data-theme=dark] .feedback.neutral{color:#c4efe1;background:#28443e}[data-theme=dark] .feedback p{color:inherit}[data-theme=dark] .feedback-icon{background:#ffffff0d}[data-theme=dark] .complete-screen .result-cards>div{background:var(--theme-panel);border-color:var(--theme-edge);box-shadow:0 5px #33464f}[data-theme=dark] :is(.level-up-invite,.collection-hero){background:#263f38;border-color:#526f58}[data-theme=dark] :is(.big-total,.result-cards strong,.result-cards svg){color:#ffcb72}[data-theme=dark] .bead-collection>div>span{background:0 0}[data-theme=dark] :is(.privacy-page,.onboarding){color:var(--theme-ink)}[data-theme=dark] :is(.privacy-page a,.privacy-page .eyebrow,.onboarding .eyebrow){color:var(--theme-accent)}@media (max-width:1050px){.header-actions{gap:12px}}@media (max-width:720px){.play-header .header-actions{order:1;gap:10px;margin-left:auto}.header-actions .bead-wallet{order:0;gap:4px;margin:0}.header-actions .bead-wallet>svg{width:30px}.theme-toggle{width:88px;min-width:88px}.playground-lesson .lesson-header{flex-wrap:wrap;gap:10px}.playground-lesson .lesson-header .progress-track{min-width:70px}.playground-lesson .lesson-header>span{font-size:14px}}[data-theme=dark] .logo-mark path[stroke]{stroke:var(--theme-ink)}[data-theme=dark] .privacy-draft{color:#f3e6cd;background:#453c2c}[data-theme=dark] .error-text{color:#ffc2aa!important}[data-theme=dark] .success-text{color:#b8efbe!important}@media (min-width:721px) and (max-width:900px){.play-header{flex-wrap:wrap;gap:16px}.play-header nav{flex-basis:100%;order:2;justify-content:center}.header-actions{margin-left:auto}}.auth-page{background:var(--theme-page);min-height:100dvh;color:var(--theme-ink);padding:0 32px 48px}.auth-header{justify-content:space-between;align-items:center;gap:20px;max-width:1160px;min-height:108px;margin:auto;display:flex}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);max-width:1160px;margin:20px auto 0;display:grid}.auth-story{background:#e8f5f1;border:1px solid #c4ded3;border-radius:40px;align-self:stretch;min-height:600px;padding:48px 36px 36px;position:relative;overflow:hidden}.auth-story h2{font-family:var(--font-display);letter-spacing:-.035em;margin:22px 0 10px;font-size:clamp(34px,3.6vw,48px);line-height:1.05}.auth-story p{color:var(--theme-muted);font-size:18px;line-height:1.5;position:relative}.auth-friends{height:270px;margin:8px -32px 0;position:relative}.auth-friends:before{content:"";background:#95c6ac;border-radius:50%;height:24%;position:absolute;inset:auto 10% 12%;box-shadow:0 12px #538e77}.auth-friends .mascot{z-index:1;width:72%;max-width:330px;position:absolute;bottom:0;left:-2%}.auth-friends .mascot+.mascot{z-index:0;width:47%;bottom:7%;left:auto;right:0}.auth-promise{color:var(--theme-accent);align-items:center;gap:10px;margin-top:28px;font-weight:800;display:flex}.auth-card{background:var(--theme-panel);border:1px solid var(--theme-edge);box-shadow:0 8px 0 color-mix(in srgb, var(--theme-edge) 30%, transparent);border-radius:32px;min-width:0;padding:clamp(24px,3vw,42px)}.auth-kicker{color:var(--theme-accent);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.auth-card h1{letter-spacing:-.025em;margin:18px 0 12px;font-size:clamp(30px,3vw,39px);line-height:1.08}.auth-intro{color:var(--theme-muted);margin:0 0 24px;font-size:15px;line-height:1.55}.social-buttons{gap:12px;display:grid}.social-button{border:1px solid var(--theme-edge);width:100%;min-height:56px;color:var(--theme-ink);background:var(--theme-raised);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:800;display:flex}.social-button:disabled{opacity:1;cursor:not-allowed;background:var(--theme-page)}.social-button small{border:1px solid var(--theme-edge);color:var(--theme-muted);border-radius:6px;padding:2px 5px;font-size:10px}.auth-divider{color:var(--theme-muted);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--theme-edge);flex:1;height:1px}.auth-form{gap:18px;display:grid}.auth-form label{margin-bottom:8px;font-size:14px;font-weight:800;display:block}.auth-form input{border:1px solid var(--theme-edge);background:var(--theme-page);width:100%;min-width:0;min-height:56px;color:var(--theme-ink);border-radius:14px;padding:14px;font-size:16px}.password-field{position:relative}.password-field input{padding-right:72px}.password-field button{min-width:64px;height:56px;color:var(--theme-accent);border-radius:12px;font-size:13px;font-weight:900;position:absolute;top:0;right:3px}.auth-small{color:var(--theme-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.forgot-link{min-height:36px;color:var(--theme-accent);justify-self:end;align-items:center;margin-top:-10px;font-size:13px;font-weight:800;display:flex}.auth-notice,.auth-error{border:1px solid var(--theme-edge);background:var(--theme-raised);color:var(--theme-ink);border-radius:16px;margin:0 0 20px;padding:16px;font-size:14px;line-height:1.5}.auth-error{border-left:4px solid #d0804c}.auth-feedback:empty{display:none}[data-theme=dark] .auth-story{background:#203d3b;border-color:#4a716b}[data-theme=dark] .auth-story .adventure-label{color:#b6e0cf}.account-link{min-height:56px;color:var(--theme-accent);white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:800;display:flex}.account-link:hover{background:var(--theme-raised)}.play-header .bead-wallet span{display:none}@media (max-width:1100px) and (min-width:721px){.play-header{flex-wrap:wrap}.play-header nav{order:3;margin:auto}}@media (max-width:800px){.auth-page{padding:0 20px 32px}.auth-header{min-height:90px}.auth-layout{grid-template-columns:1fr;max-width:480px;margin-top:12px}.auth-story{display:none}}@media (max-width:480px){.play-header .header-actions{gap:4px}.play-header .bead-wallet{display:none}.account-link{padding:8px;font-size:13px}.account-link svg{display:none}.auth-page{padding:0 14px 24px}.auth-card{border-radius:24px;padding:24px 20px}}.social-button.google{gap:12px;font-size:16px}.google-mark{flex-shrink:0;width:22px;height:22px}.auth-alt{border:1px dashed var(--theme-edge);min-height:52px;color:var(--theme-accent);border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.auth-switch{text-align:center;color:var(--theme-muted);margin:22px 0 0;font-size:15px}.auth-switch a,.auth-small a,.auth-check a{color:var(--theme-accent);font-weight:800}.auth-legal{border-top:1px solid var(--theme-edge);flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:26px 0 0;padding-top:16px;font-size:13px;display:flex}.auth-legal a{color:var(--theme-muted);padding:8px}.auth-form .auth-check{grid-template-columns:28px 1fr;align-items:start;gap:10px;line-height:1.5;display:grid;font-size:14px!important;font-weight:700!important}.auth-form .auth-check input{width:24px;height:24px;min-height:0;accent-color:var(--theme-accent);margin:0}.password-rule{align-items:center;gap:6px;display:flex}.password-rule.met{color:var(--theme-accent)}.auth-form input.code-input,.account-form input.code-input{font-family:var(--font-display);letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.auth-form input.year-input{font-family:var(--font-display);letter-spacing:.15em;text-align:center;max-width:220px;font-size:28px;font-weight:800}.auth-resend{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;display:flex}.auth-resend button,.auth-resend a{min-height:48px;color:var(--theme-accent);align-items:center;font-size:14px;font-weight:800;display:inline-flex}.auth-resend button:disabled{color:var(--theme-muted);cursor:default}.auth-young{text-align:center;justify-items:center;gap:8px;display:grid}.auth-young .auth-kicker{justify-self:start}.auth-young h1,.auth-young .auth-intro{text-align:left;justify-self:stretch}.auth-young .auth-intro{font-size:18px}.auth-young-mascot{width:min(200px,60vw);height:auto}.auth-checking{color:var(--theme-muted);font-size:15px}.app-waiting{text-align:center;background:var(--theme-page);min-height:100dvh;color:var(--theme-ink);place-content:center;justify-items:center;gap:14px;padding:32px 16px;display:grid}.app-waiting h1{margin:0;font-size:clamp(28px,6vw,38px)}.app-waiting p{max-width:34ch;margin:0;font-size:18px}.app-waiting-mascot{width:min(180px,50vw);height:auto}.app-waiting-actions{justify-items:center;gap:8px;display:grid}.account-who{align-items:center;gap:14px;margin-top:12px;display:flex}.account-avatar{background:var(--j-mint);width:56px;height:56px;color:var(--j-mint-ink);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:26px;font-weight:800;display:grid}.account-who>span{min-width:0;display:grid}.account-who strong{font-size:20px}.account-who small{color:var(--j-muted);overflow-wrap:anywhere;font-size:16px}.account-sync{background:var(--j-page);border-radius:14px;align-items:center;gap:8px;margin:14px 0 0;padding:10px 14px;font-weight:700;display:flex;font-size:16px!important}.account-sync svg{color:var(--j-accent);flex-shrink:0}.account-card .auth-notice{margin:12px 0 0}.account-rows{margin:14px 0 0;padding:0;list-style:none}.account-rows>li{border-top:1px solid var(--j-card-edge)}.account-row{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.account-row>span{min-width:0;font-size:16px;display:grid}.account-row>span>span{color:var(--j-muted);overflow-wrap:anywhere}.account-row .text-button{color:var(--j-accent);flex-shrink:0;font-size:16px}.account-panel{padding:4px 0 18px}.account-form{gap:10px;max-width:420px;display:grid}.account-form label{font-size:16px;font-weight:800}.account-form input{border:1px solid var(--j-card-edge);background:var(--j-page);width:100%;min-height:56px;color:var(--j-ink);border-radius:14px;padding:12px 14px;font-size:17px}.account-form p{margin:0;font-size:16px!important}.account-form .password-field button{color:var(--j-accent)}.account-form-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.account-form .button{justify-self:start}.account-confirm{margin-top:14px}.name-row{gap:10px;margin-top:10px;display:flex}.name-row input{border:2px solid var(--j-card-edge);background:var(--j-page);min-width:0;min-height:64px;color:var(--j-ink);font-family:var(--font-display);border-radius:18px;flex:1;padding:10px 16px;font-size:26px;font-weight:800}.name-row .button{min-height:64px}.name-help{color:var(--j-muted);margin:8px 0 0;font-size:17px!important}@media (max-width:420px){.name-row{flex-direction:column}}.auth-story .adventure-label{letter-spacing:0;font-size:14px}.corner-stats>.corner-stat-wide{order:5;grid-column:1/-1}.corner-stat-wide dd{font-family:var(--font-body);font-size:18px;line-height:1.4}.legal-page{color:var(--theme-ink);line-height:1.6}.legal-nav{flex-wrap:wrap;gap:6px 8px;margin-top:22px;display:flex}.legal-nav a{border:1px solid var(--theme-edge);min-height:44px;color:var(--theme-ink);border-radius:999px;align-items:center;padding:6px 14px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.legal-nav a[aria-current=page]{background:var(--theme-raised);border-color:var(--theme-accent);color:var(--theme-accent)}.legal-page h1{margin:28px 0 10px}.legal-intro{font-size:19px}.legal-date{color:var(--theme-muted);font-size:15px}.legal-page :is(ul,ol){gap:6px;padding-left:1.4em;display:grid}.legal-page a{color:var(--theme-accent);font-weight:800}.corner-links{flex-wrap:wrap;gap:0 20px;display:flex}.scene-controls{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:24px;display:flex}.scene-controls button{min-height:56px;color:var(--theme-accent);border-radius:12px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:800;display:inline-flex}.scene-controls button:first-child{background:var(--theme-panel);border:1px solid var(--theme-edge)}.clicket-island>div:not(.island-land){position:absolute;inset:0}@keyframes scene-cloud{0%,to{translate:0}50%{translate:14px}}@keyframes scene-spark{0%,to{scale:1}50%{scale:1.18}}@keyframes scene-island{0%,to{translate:0}50%{translate:0 -10px}}@media (prefers-reduced-motion:no-preference){.play-hero .clicket-island{animation:4.8s ease-in-out scene-island}.play-hero .fiver-island{animation:4s ease-in-out .7s scene-island}.play-hero .floating-bead{animation:4.5s ease-in-out .2s scene-island}.play-hero .world-cloud{animation:4.8s ease-in-out scene-cloud}.play-hero .cloud-two{animation-direction:reverse}.play-hero .world-star{animation:2.4s ease-in-out 2 scene-spark}.play-hero .star-two{animation-duration:2.2s}.play-hero[data-scene-motion=paused] *{animation-play-state:paused!important}}@media (max-width:720px){.scene-controls{justify-content:center;margin-top:14px}}@media (prefers-reduced-motion:reduce){.play-hero *,.play-main{transition:none!important;animation:none!important}}:root{--j-page:#fffaf0;--j-card:#fffefa;--j-card-edge:#e5d9c3;--j-ink:#5a3a22;--j-muted:#70553e;--j-accent:#0e7069;--j-chip:#fff1d7;--j-chip-edge:#e6c891;--j-chip-ink:#5a3a22;--j-pick:#ffe4b6;--j-pick-edge:#c48227;--j-mint:#e2f2e6;--j-mint-ink:#1f5f50;--j-bead-pale:#efe3cc;--j-locked-ink:#8a7660;--j-sticker-edge:#fff;--j-rod-a:#6b4529;--j-rod-b:#a87a52;--j-beam:#6a4329;--j-beam-edge:#43291a;--j-beam-ink:#fff6e6;--j-sheet-correct:#ddf7e5;--j-sheet-correct-edge:#9fd6af;--j-sheet-retry:#ece6ff;--j-sheet-retry-edge:#c4b5f5;--j-sheet-neutral:#e1f2ed;--j-sheet-neutral-edge:#a9d8c9;--j-goal:#149c94;--j-goal-met:#2f9a4c;--j-danger:#8c2926;--j-shadow:#5a3a2214}:root[data-theme=dark]{--j-page:#111b24;--j-card:#1c2b35;--j-card-edge:#46606b;--j-ink:#f5ead7;--j-muted:#c6c8bc;--j-accent:#8ce0c8;--j-chip:#2f3d33;--j-chip-edge:#5f7a62;--j-chip-ink:#f5ead7;--j-pick:#5a4128;--j-pick-edge:#e0a453;--j-mint:#234b41;--j-mint-ink:#c7f1d7;--j-bead-pale:#3a4c55;--j-locked-ink:#b9c2bd;--j-sticker-edge:#f5ead7;--j-rod-a:#8a5d3b;--j-rod-b:#c99a6d;--j-beam:#7b5234;--j-beam-edge:#3b2416;--j-beam-ink:#fff6e6;--j-sheet-correct:#1f3d2a;--j-sheet-correct-edge:#4c8a5c;--j-sheet-retry:#2e2848;--j-sheet-retry-edge:#7564b8;--j-sheet-neutral:#1d3a35;--j-sheet-neutral-edge:#4f8a7c;--j-goal:#5cc9c2;--j-goal-met:#8be09a;--j-danger:#ffb4a8;--j-shadow:#00000040}.playground{background:var(--j-page);color:var(--j-ink)}.playground p{color:var(--j-muted)}.play-header .play-nav{border:1px solid var(--j-card-edge);background:var(--j-card);border-radius:22px;gap:6px;padding:5px;display:flex}.play-header .play-nav button{min-height:56px;color:var(--j-ink);border-radius:16px;align-items:center;gap:8px;padding:10px 18px;font-size:18px;font-weight:800;display:flex}.play-header .play-nav button[aria-current=page]{background:var(--j-pick);box-shadow:inset 0 -3px 0 var(--j-pick-edge)}.play-header .play-nav button:hover{background:var(--j-chip)}.header-actions{align-items:center;gap:12px;display:flex}.stat-pill{background:var(--j-card);border:1px solid var(--j-card-edge);min-height:48px;font-family:var(--font-display);border-radius:999px;align-items:center;gap:6px;padding:4px 14px 4px 8px;font-size:22px;line-height:1;display:inline-flex}.stat-pill>svg{flex-shrink:0;width:32px;height:32px}.string-icon{color:var(--j-ink)}.grownups-link{border:1px solid var(--j-card-edge);min-height:56px;color:var(--j-accent);background:0 0;border-radius:16px;align-items:center;gap:8px;padding:8px 14px;font-size:16px;font-weight:800;display:inline-flex}.grownups-link:hover,.grownups-link[aria-current=page]{background:var(--j-chip)}.play-footer{border-top:1px solid var(--j-card-edge);color:var(--j-muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:40px;font-size:15px;display:flex}.play-footer a{color:var(--j-accent)}.play-hero .hero-copy h1{margin:0 0 10px;font-size:clamp(44px,5vw,64px)}.hero-line{max-width:30ch;margin:0 0 24px;font-size:21px;line-height:1.45}.playground .hero-line{color:var(--j-ink)}.play-start.button{min-width:260px}.setup-chip{border:2px dashed var(--j-chip-edge);min-height:56px;color:var(--j-ink);text-align:left;background:0 0;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;font-size:16px;font-weight:800;display:flex}.setup-chip>span{background:var(--j-chip);border-radius:999px;padding:4px 12px}.setup-chip:hover{border-style:solid}.play-hero .spark-one{top:28%;left:62%}.journey-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}.journey-side{gap:20px;display:grid}.j-card{background:var(--j-card);border:1px solid var(--j-card-edge);border-bottom-width:4px;border-radius:28px;min-width:0;padding:24px}.j-card h2{margin:0 0 4px;font-size:28px}.j-card p{font-size:18px}.rod-path{background:var(--j-card);border:1px solid var(--j-card-edge);border-bottom-width:4px;border-radius:28px;padding:22px 22px 28px;overflow:hidden}.rod-path-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.rod-path-heading h2{font-size:28px}.rod-path-heading .text-button{white-space:nowrap}.playground .rod-path .text-button{color:var(--j-accent);font-size:18px}.rod{max-width:460px;margin:0 auto;padding:0 0 6px;position:relative}.rod:before{content:"";background:linear-gradient(90deg, var(--j-rod-a), var(--j-rod-b) 45%, var(--j-rod-a));border-radius:6px;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0;left:50%}.rod-section{position:relative}.rod-section+.rod-section{margin-top:26px}.rod-beam{z-index:1;background:var(--j-beam);min-height:72px;color:var(--j-beam-ink);box-shadow:0 6px 0 var(--j-beam-edge);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 18px;display:flex;position:relative}.rod-beam h3{color:inherit;letter-spacing:-.01em;align-items:center;gap:8px;font-size:20px;line-height:1.2;display:flex}.rod-beam.muted{background:var(--j-card);color:var(--j-ink);border:2px solid var(--j-card-edge);box-shadow:0 4px 0 var(--j-card-edge)}.beam-star{color:#5a3a22;background:#ffc83d;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:inline-grid}.beam-star svg{fill:currentColor}.beam-action{background:var(--j-chip);min-height:56px;color:var(--j-chip-ink);border:1px solid var(--j-chip-edge);border-radius:14px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:17px;font-weight:800;display:inline-flex}.beam-action:hover{filter:brightness(1.04)}.rod-peek{z-index:1;width:64px;margin:14px auto 0;position:relative}.rod-peek svg,.rod-bead svg{width:100%;height:auto;display:block}.rod-cap{z-index:1;color:#5a3a22;background:#ffc83d;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid;position:relative}.rod-beads{flex-direction:column;justify-content:space-between;align-items:center;height:352px;padding-top:12px;display:flex;position:relative}.rod-up,.rod-down{flex-direction:column;align-items:center;display:flex}.rod-bead{z-index:1;width:92px;filter:drop-shadow(0 3px 0 var(--j-shadow));background:0 0;margin:-9px 0;padding:0;display:block;position:relative}.rod-current{justify-content:center;display:flex;position:relative}.rod-bead.current{cursor:pointer;border-radius:40%;width:104px;margin:-8px 0}.rod-bead.current:focus-visible{outline-offset:2px}.rod-mascot{pointer-events:none;width:116px;position:absolute;top:50%;right:calc(50% + 50px);transform:translateY(-60%)}.rod-mascot .mascot{width:100%;height:auto}.rod-start{color:#4a2a12;font-family:var(--font-display);white-space:nowrap;pointer-events:none;background:#ffb044;border-radius:14px 14px 14px 4px;padding:8px 14px;font-size:20px;font-weight:800;position:absolute;top:50%;left:calc(50% + 58px);transform:translateY(-50%);box-shadow:0 3px #d98b31}.rod-full{z-index:2;background:var(--j-card);border:2px solid var(--j-card-edge);box-shadow:0 6px 0 var(--j-card-edge);border-radius:22px;align-items:center;gap:14px;margin-top:-150px;padding:16px;display:flex;position:relative}.rod-full .mascot{flex-shrink:0;width:96px;height:auto}.rod-full strong{font-family:var(--font-display);font-size:22px;display:block}.rod-full p{margin:2px 0 10px;font-size:17px}.today-row{align-items:center;gap:16px;margin-top:16px;display:flex}.today-row strong{font-family:var(--font-display);font-size:23px;line-height:1.2;display:block}.today-row div>span{color:var(--j-muted);font-size:18px;display:block}.today-string{background:var(--j-chip);border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.goal-ring{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.goal-ring>svg{width:100%;height:100%;position:absolute;inset:0}.goal-ring>span{font-family:var(--font-display);color:var(--j-ink);font-size:18px;font-weight:800;position:relative}.goal-track{fill:none;stroke:var(--j-bead-pale);stroke-width:8px}.goal-fill{fill:none;stroke:var(--j-goal);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .6s}.goal-ring.met .goal-fill{stroke:var(--j-goal-met)}.goal-ring.met>span{color:var(--j-goal-met)}.week-beads-row{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin:20px 0 0;padding:0;list-style:none;display:grid}.week-beads-row li{color:var(--j-muted);flex-direction:column;align-items:center;gap:2px;font-size:18px;font-weight:800;display:flex}.week-beads-row li.today>span:last-child{color:var(--j-ink);text-underline-offset:4px;text-decoration:underline}.week-bead{width:36px}.week-bead svg{width:100%;display:block}.today-note{margin-top:12px;font-size:17px!important}.mode-tiles{margin-top:14px}.mode-tiles button{color:var(--j-ink);background:var(--j-card);border-color:var(--j-card-edge);min-height:72px}.mode-tiles button[aria-pressed=true]{background:var(--j-pick);border-color:var(--j-pick-edge)}.mode-tiles button:disabled{opacity:.55;cursor:not-allowed;transform:none}.mode-tiles strong{font-size:18px}.mode-tiles small{color:var(--j-muted);font-size:16px}.mode-art{color:var(--j-accent)}.pace-settings{margin-top:20px}.speed-heading{font-size:18px}.speed-control p,.pause-readout{font-size:16px}.treasure-peek-row{justify-content:space-between;align-items:center;gap:12px;margin:10px 0 6px;display:flex}.treasure-peek-beads{align-items:center;gap:8px;font-size:18px;display:flex}.treasure-peek-beads svg{width:44px}.treasure-peek-beads strong{font-family:var(--font-display);font-size:36px;line-height:1}.treasure-peek-stickers{display:flex}.treasure-peek-stickers svg+svg{margin-left:-10px}.playground .j-card .text-button{color:var(--j-accent);font-size:18px}.levels-page,.kid-settings,.treasure-page,.corner{max-width:880px;margin:8px auto 0}.levels-page>h1,.kid-settings>h1{margin:6px 0;font-size:clamp(38px,5vw,52px)}.levels-intro{margin-bottom:8px;font-size:20px}.level-chooser{flex-direction:column;align-items:stretch;gap:20px;display:flex}.level-rod-row{flex-direction:column;gap:10px;display:flex}.level-rod{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:20px;grid-template-columns:repeat(10,1fr);align-items:end;height:168px;padding:0 2px 4px;display:grid;position:relative}.level-rod:focus-visible{outline:3px solid var(--j-accent);outline-offset:4px}.level-rod-line{background:linear-gradient(180deg, var(--j-rod-b), var(--j-rod-a));border-radius:5px;height:10px;position:absolute;bottom:52px;left:3%;right:3%}.level-rod-bead{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.level-rod-bead>svg{width:min(52px,92%);height:auto;filter:drop-shadow(0 2px 0 var(--j-shadow));transition:transform .2s;transform:rotate(90deg)scale(1.2,.9)}.level-rod-bead.selected>svg{transform:rotate(90deg)scale(1.55,1.15)}.level-rod-number{font-family:var(--font-display);color:var(--j-muted);font-size:18px;font-weight:800;line-height:1}.level-rod-bead.selected .level-rod-number{color:var(--j-ink)}.level-rod-mascot{pointer-events:none;width:84px;animation:.35s ease-out both clicket-hop;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.level-rod-mascot .mascot{width:100%;height:auto}.level-rod-star{color:#5a3a22;background:#ffc83d;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-22px}.level-rod-star svg{fill:currentColor}.level-rod-star.recommended{color:#fff;background:#149c94}.level-rod-bead.selected .level-rod-star{display:none}.rod-arrows{justify-content:space-between;align-items:center;gap:12px;display:flex}.rod-arrows-label{font-family:var(--font-display);font-size:24px;font-weight:800}.rod-arrow{background:var(--j-card);border:2px solid var(--j-card-edge);width:64px;height:64px;box-shadow:0 4px 0 var(--j-card-edge);color:var(--j-ink);border-radius:20px;flex-shrink:0;place-items:center;display:grid}.rod-arrow:active:not(:disabled){box-shadow:0 1px 0 var(--j-card-edge);transform:translateY(3px)}.rod-arrow:disabled{opacity:.4}.level-card{text-align:center;background:var(--j-card);border:2px solid var(--j-card-edge);border-bottom-width:6px;border-radius:28px;padding:22px 20px 24px}.level-card-top{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.level-card-number,.level-card-badge{background:var(--j-mint);color:var(--j-mint-ink);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:17px;font-weight:900;display:inline-flex}.level-card-badge{color:#5a3a22;background:#fff1c2}.level-card-badge.tip{background:var(--j-mint);color:var(--j-mint-ink)}.level-card h2{margin:10px 0 4px;font-size:clamp(30px,4vw,38px)}.level-card>p{font-size:19px}.level-card>p.level-example{font-family:var(--font-display);color:var(--j-ink);word-spacing:.08em;overflow-wrap:anywhere;margin:14px 0 16px;font-size:clamp(36px,8vw,60px);font-weight:800;line-height:1.15}.chooser-options{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chooser-label,.first-run-question{font-family:var(--font-body);letter-spacing:0;margin:0;font-size:19px;font-weight:900}.chooser-note{margin-top:8px;font-size:17px}.speed-chips{gap:10px;margin-top:14px;display:flex}.speed-chips button{border:2px solid var(--j-card-edge);background:var(--j-card);min-height:64px;color:var(--j-ink);font-family:var(--font-display);border-radius:18px;flex:1;padding:8px 10px;font-size:20px;font-weight:800}.speed-chips button[aria-pressed=true]{background:var(--j-pick);border-color:var(--j-pick-edge)}.chooser-go.button{align-self:center;min-width:min(340px,100%);min-height:68px;font-size:24px}.level-chooser>.text-button{color:var(--j-accent);align-self:center;font-size:18px}.first-run{background:var(--j-page);min-height:100dvh;color:var(--j-ink);padding:18px 20px 40px}.first-run p{color:var(--j-muted)}.first-run-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:880px;min-height:56px;margin:0 auto;display:grid}.first-run-top .logo{font-size:32px}.first-run-top .icon-button{background:var(--j-card);border-color:var(--j-card-edge);color:var(--j-ink)}.first-run-top>:first-child{justify-self:start}.first-run-spacer{justify-self:end}.first-run-dots{gap:8px;margin:0;padding:0;list-style:none;display:flex}.first-run-dots li{background:var(--j-bead-pale);border-radius:5px;width:34px;height:10px}.first-run-dots li.on{background:#ff8a1f}.first-run-main{max-width:880px;margin:18px auto 0;animation:.35s both play-arrive}.first-run-card{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:0 auto;display:flex}.first-run-card.wide{align-items:stretch;max-width:720px}.first-run-card.wide>h1{text-align:center}.first-run-card.wide>.button{align-self:center;min-width:240px}.first-run-card h1,.first-run-level h1{font-size:clamp(36px,6vw,52px)}.first-run-copy{max-width:34ch;font-size:21px;line-height:1.5}.first-run-note{justify-content:center;align-items:center;gap:8px;font-size:17px;display:flex}.first-run-mascot{width:min(260px,70vw);height:auto}.first-run-mascot.small{width:130px}.first-run-label{margin-top:6px;font-size:19px}.first-run .first-run-input{text-align:center;max-width:360px;font-family:var(--font-display);background:var(--j-card);min-height:68px;color:var(--j-ink);border-color:var(--j-card-edge);font-size:28px}.first-run-beads{margin-top:4px}.first-run-beads legend{margin:0 auto;font-size:19px}.first-run-beads .avatar-options{grid-template-columns:repeat(4,auto);justify-content:center;display:grid}.first-run-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.first-run-actions .button.primary{min-width:200px}.first-run-level{text-align:center;flex-direction:column;align-items:center;display:flex}.first-run-level .level-chooser{text-align:left;width:100%;margin-top:16px}.mic-check,.first-run-mic{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.mic-check [role=status],.mic-blocked{color:var(--j-ink);min-height:1.5em;font-size:19px;font-weight:800}.mic-blocked{text-align:center}.kid-settings .mic-check{margin-top:16px}.answer-options label:has(input:disabled){cursor:not-allowed}.avatar-options button{min-width:56px}.avatar-options button[aria-pressed=true]{background:var(--j-mint);border-color:#13978f}.treasure-hero{background:var(--j-mint);border-radius:28px;align-items:center;gap:24px;margin-bottom:20px;padding:24px;display:flex}.treasure-hero .mascot{flex-shrink:0;width:200px;height:auto}.treasure-hero h1{font-size:clamp(38px,5vw,52px)}.treasure-hero p{margin:6px 0 16px;font-size:19px}.playground .treasure-hero p{color:var(--j-mint-ink)}.treasure-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.treasure-stats>div{background:var(--j-card);border-radius:18px;padding:10px 12px}.treasure-stats dt{color:var(--j-muted);font-size:16px;font-weight:800}.treasure-stats dd{font-family:var(--font-display);align-items:center;gap:6px;margin:2px 0 0;font-size:28px;font-weight:800;line-height:1.1;display:flex}.treasure-stats dd svg{flex-shrink:0;width:32px;height:auto}.sticker-book-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sticker-book ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.sticker-book li{text-align:center;background:var(--j-page);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.sticker-book li strong{font-size:18px;line-height:1.2}.sticker-book li>span{color:var(--j-muted);font-size:16px;line-height:1.35}.sticker-book li.locked strong{color:var(--j-muted)}.sticker-art.earned{filter:drop-shadow(0 4px 0 var(--j-shadow))}.sticker-art.locked{opacity:.85}.bead-jar{margin-top:20px}.bead-jar>div{grid-template-columns:repeat(10,1fr);gap:4px;margin:16px 0;display:grid}.bead-jar>div svg{width:100%;display:block}.bead-jar>p{margin-bottom:14px}.gate{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:520px;margin:30px auto;display:flex}.gate h1{font-size:clamp(34px,5vw,46px)}.gate p{font-size:19px}.gate-lock{background:var(--j-mint);width:84px;height:84px;color:var(--j-mint-ink);border-radius:26px;place-items:center;display:grid}.hold-button{background:var(--j-card);border:2px solid var(--j-card-edge);width:min(360px,100%);min-height:76px;box-shadow:0 5px 0 var(--j-card-edge);color:var(--j-ink);font-family:var(--font-display);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;border-radius:22px;font-size:23px;font-weight:800;position:relative;overflow:hidden}.hold-fill{background:var(--j-mint);width:0;transition-property:width;transition-timing-function:linear;position:absolute;inset:0 auto 0 0}.hold-button.holding .hold-fill{width:100%}.hold-label{align-items:center;gap:10px;display:inline-flex;position:relative}.gate-form{flex-direction:column;gap:14px;width:min(360px,100%);display:flex}.gate-form label{font-size:20px}.gate-form input{text-align:center;font-family:var(--font-display);letter-spacing:.2em;background:var(--j-card);color:var(--j-ink);font-size:34px}.corner{gap:20px;display:grid}.corner-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.corner-head h1{font-size:clamp(36px,5vw,48px)}.corner h3{font-family:var(--font-body);letter-spacing:0;margin:22px 0 10px;font-size:18px;font-weight:900}.corner-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0;display:grid}.corner-stats>div{background:var(--j-page);border-radius:16px;padding:12px}.corner-stats dt{color:var(--j-muted);font-size:15px;font-weight:800}.corner-stats dd{font-family:var(--font-display);margin:4px 0 0;font-size:26px;font-weight:800}.week-bars{grid-template-columns:repeat(7,1fr);gap:8px;height:140px;margin:0;padding:0;list-style:none;display:grid}.week-bars li{color:var(--j-muted);flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.week-bar{background:var(--j-goal);border-radius:8px 8px 3px 3px;width:70%;min-height:4px;max-height:100px}.level-table{border-collapse:collapse;width:100%;font-size:16px}.level-table th,.level-table td{text-align:left;border-top:1px solid var(--j-card-edge);padding:10px 6px}.level-table thead th{color:var(--j-muted);border-top:0;font-size:15px}.level-table td{font-variant-numeric:tabular-nums}.corner-name>div{gap:10px;margin-top:8px;display:flex}.corner input:not([type=checkbox]){background:var(--j-page);color:var(--j-ink);border-color:var(--j-card-edge)}.corner fieldset{margin-top:16px}.corner legend{font-size:18px}.corner .toggle-row{border-color:var(--j-card-edge)}.corner .toggle-row small{color:var(--j-muted);font-size:16px}.corner-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.erase-card h2{color:var(--j-danger)}.erase-card>.button,.erase-confirm{margin-top:14px}.erase-confirm p{color:var(--j-ink);font-weight:800}.corner a{color:var(--j-accent);min-height:44px;margin-top:10px;font-weight:800;line-height:44px;display:inline-block}.kid-settings{gap:20px;display:grid}.kid-settings .answer-options{margin-top:8px}.kid-settings .answer-options label{border-color:var(--j-card-edge);font-size:18px}.kid-settings .answer-options small{color:var(--j-muted);font-size:16px;font-weight:600}.kid-settings .practice-toggle{margin-top:8px;font-size:18px}.settings-theme{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:18px;font-weight:800;display:flex}.settings-links{flex-wrap:wrap;gap:12px;display:flex}.combo-chip{color:#6a3d0f;background:#fff1d7;border:1px solid #e6c891;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 10px;font-size:16px;font-weight:900;animation:.35s ease-out both combo-pop;display:inline-flex}.combo-beads{display:inline-flex}.combo-beads svg{width:20px}.combo-beads svg+svg{margin-left:-7px}.playground-lesson .lesson-feedback{z-index:40;padding:20px max(20px, calc((100vw - 920px) / 2)) calc(20px + env(safe-area-inset-bottom));border-top:3px solid var(--j-sheet-neutral-edge);background:var(--j-sheet-neutral);box-shadow:0 -10px 30px var(--j-shadow);border-radius:28px 28px 0 0;align-items:center;gap:20px;animation:.24s cubic-bezier(.2,.9,.3,1) both sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0}.playground-lesson .lesson-feedback.sheet-correct{background:var(--j-sheet-correct);border-color:var(--j-sheet-correct-edge)}.playground-lesson .lesson-feedback.sheet-retry{background:var(--j-sheet-retry);border-color:var(--j-sheet-retry-edge)}.playground-lesson .lesson-feedback .feedback{background:0 0;flex:1;padding:0}.playground-lesson .lesson-feedback .feedback h2{font-size:28px}.playground-lesson .lesson-feedback .feedback p{font-size:18px}.playground-lesson .lesson-feedback .feedback-icon{width:56px;height:56px}.playground-lesson details.lesson-speed{text-align:left;border-radius:20px;width:min(420px,100%);margin:18px auto 12px;padding:0}details.lesson-speed>summary{cursor:pointer;align-items:center;gap:10px;min-height:56px;padding:0 18px;font-size:18px;font-weight:800;list-style:none;display:flex}details.lesson-speed>summary::-webkit-details-marker{display:none}details.lesson-speed>summary strong{font-family:var(--font-display);margin-left:auto;font-size:22px}details.lesson-speed[open]>summary{border-bottom:1px dashed}details.lesson-speed .speed-control{padding:12px 18px 16px}.playground-lesson .lesson-info{flex-wrap:wrap;font-size:16px}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.confetti span{width:26px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.1,.6,1);animation-fill-mode:forwards;position:absolute;top:-50px}.confetti svg{width:100%;display:block}.complete-screen h1{margin:4px 0 8px;font-size:clamp(42px,6vw,58px)}.complete-screen .result-cards svg{width:40px;height:auto}.moments{gap:10px;width:100%;max-width:560px;margin:4px 0 18px;padding:0;list-style:none;display:grid}.moments li{background:var(--j-card);border:2px solid var(--j-card-edge);min-height:68px;color:var(--j-ink);text-align:left;border-radius:20px;align-items:center;gap:14px;padding:10px 16px;font-size:19px;font-weight:800;animation:.4s ease-out both moment-in;display:flex}.moments li:nth-child(2){animation-delay:.15s}.moments li:nth-child(3){animation-delay:.3s}.moments li:nth-child(n+4){animation-delay:.45s}.moment-bead{flex-shrink:0;width:48px}.moment-bead svg{width:100%;display:block}.moment-sticker{border-color:#ffc83d!important}.advice-card{background:var(--j-mint);text-align:left;border-radius:24px;align-items:center;gap:18px;width:100%;max-width:640px;margin-bottom:18px;padding:18px 22px;display:flex}.advice-card .mascot{flex-shrink:0;width:120px;height:auto}.advice-card h2{font-size:28px}.complete-screen .advice-card p{color:var(--j-mint-ink);margin:6px 0 12px;font-size:18px}.advice-actions,.complete-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.advice-actions{justify-content:flex-start}.complete-actions .button.primary{min-width:240px}.complete-screen>.complete-actions{margin-top:6px}.update-toast{z-index:45;background:var(--j-card);border:2px solid var(--j-card-edge);width:max-content;max-width:calc(100vw - 32px);box-shadow:0 10px 30px var(--j-shadow);color:var(--j-ink);border-radius:20px;align-items:center;gap:12px;padding:10px 10px 10px 18px;font-size:17px;font-weight:800;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.update-toast .button{min-height:48px;padding:8px 18px;font-size:18px}@keyframes bead-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bead-slide{0%{transform:translateY(72px)}to{transform:none}}@keyframes clicket-hop{0%{transform:translate(-50%,6px)}50%{transform:translate(-50%,-10px)}to{transform:translate(-50%)}}@keyframes combo-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes confetti-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(115vh) rotate(var(--spin))}}@keyframes moment-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.rod-bead.current{animation:1.4s ease-in-out 3 bead-pulse}.rod-bead.slide-up{animation:.7s cubic-bezier(.2,.9,.3,1.15) .3s both bead-slide}}@media (prefers-reduced-motion:reduce){.playground-lesson .lesson-feedback{animation:none}.level-rod-mascot,.combo-chip,.moments li,.first-run-main{animation:none!important}.level-rod-bead>svg,.goal-fill{transition:none}}@media (max-width:900px){.journey-grid{grid-template-columns:1fr}.play-header .play-nav button{padding:10px 14px}}@media (max-width:720px){.playground{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.play-header{flex-wrap:nowrap;gap:8px;padding:14px 16px 0}.play-header .logo{font-size:30px}.play-header .logo-mark{width:30px;height:34px;margin-right:6px}.play-header .header-actions{gap:8px;margin-left:auto}.header-theme{display:none}.stat-pill{min-height:44px;padding:2px 10px 2px 4px;font-size:20px}.stat-pill>svg{width:28px;height:28px}.grownups-link{justify-content:center;width:56px;padding:0}.grownups-link span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.play-header .play-nav{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px var(--j-shadow);order:initial;border-width:1px 0 0;border-radius:22px 22px 0 0;flex-basis:auto;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.play-header .play-nav button{flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:6px 2px;font-size:15px}.play-main{padding:16px 16px 0}.hero-copy h1{font-size:44px}.hero-line{font-size:19px}.play-start.button{width:100%;min-width:0}.setup-chip{width:100%}.play-hero .bead-world{height:270px}.rod-path,.j-card{padding:18px}.rod-beam h3{font-size:18px}.rod-path-heading h2{font-size:24px}.rod-mascot{width:100px;right:calc(50% + 48px)}.chooser-options{grid-template-columns:1fr}.level-rod{height:150px}.level-rod-mascot{width:66px}.level-rod-number{font-size:16px}.treasure-hero{text-align:center;flex-direction:column;padding:20px 16px}.treasure-hero .mascot{width:150px}.treasure-stats,.corner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.advice-card{text-align:center;flex-direction:column}.advice-actions{justify-content:center}.playground-lesson .lesson-feedback{padding:18px 18px calc(18px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:14px}.playground-lesson .lesson-feedback>.button{width:100%}.play-footer{font-size:14px}.update-toast{bottom:calc(96px + env(safe-area-inset-bottom))}}@media (max-width:380px){.play-header{padding-left:12px;padding-right:12px}.play-header .logo{font-size:26px}.stat-pill{padding-right:8px;font-size:18px}.rod-mascot{width:88px}.rod-start{padding:6px 10px;font-size:18px}}.playground-lesson .lesson-header .lesson-bead-trail{flex:1;min-width:0;margin:0;padding:0}.lesson-count{color:var(--j-ink);font-weight:800}.ready-count{font-family:var(--font-display);color:var(--j-ink);margin-bottom:4px;font-size:1.2em;display:block}@media (max-width:720px){.playground-lesson{min-height:100dvh}.playground-lesson .lesson-header{gap:8px;padding:10px 12px 0}.playground-lesson .lesson-theme{display:none}.playground-lesson .lesson-header .lesson-bead-trail{gap:3px}.playground-lesson .lesson-header .lesson-bead-trail>span{flex:1 1 0;width:auto;max-width:26px;height:22px;font-size:10px}.playground-lesson .lesson-stage{padding:2px 16px 12px}.playground-lesson .lesson-info{gap:8px;margin:8px 0 0}.playground-lesson .lesson-stage h1{margin:4px 0 0;font-size:26px}.playground-lesson .lesson-caption{min-height:24px;margin:0;font-size:17px}.playground-lesson .lesson-workspace{gap:6px;margin-top:2px}.playground-lesson .lesson-character{width:clamp(84px,19dvh,132px);height:clamp(84px,19dvh,132px)}.playground-lesson .lesson-character .mascot{position:relative;top:0}.playground-lesson .with-keypad .lesson-character{width:clamp(56px,10dvh,84px);height:clamp(56px,10dvh,84px)}.playground-lesson .number-bubble{min-height:0;padding:10px 16px 14px}.playground-lesson .number-bubble strong{font-size:60px}.playground-lesson .listening-chip{margin-top:8px;padding:8px 14px}.playground-lesson .ready-card{gap:12px;padding:16px}.playground-lesson .keypad input{height:52px;margin-bottom:8px;font-size:34px}.playground-lesson .keypad-grid{gap:8px}.playground-lesson .keypad-grid button{min-height:64px;font-size:24px}.playground-lesson.state-keypad details.lesson-speed{display:none}.playground-lesson .voice-beats{height:22px;margin:2px auto}.playground-lesson .lesson-tools{margin:6px 0 0}.playground-lesson details.lesson-speed{margin:6px auto 0}.playground-lesson details.lesson-speed>summary{font-size:16px}.playground-lesson details.lesson-speed>summary strong{font-size:19px}}@media (max-width:420px){.playground-lesson .lesson-mode{display:none}}@media (max-width:720px) and (max-height:700px){.playground-lesson .lesson-info{margin-top:6px}.playground-lesson .lesson-stage h1{font-size:24px}.playground-lesson .keypad-grid{gap:6px}.playground-lesson .with-keypad .lesson-character{width:48px;height:48px}}.level-facts{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.level-facts li{background:var(--j-chip);border:1px solid var(--j-chip-edge);color:var(--j-chip-ink);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:18px;font-weight:800;display:inline-flex}.level-record{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;display:grid}.level-record>div{background:var(--j-page);border-radius:16px;padding:8px 6px}.level-record dt{color:var(--j-muted);font-size:16px;font-weight:800}.level-record dd{font-family:var(--font-display);margin:0;font-size:24px;font-weight:800;line-height:1.15}.level-card>p.level-record-empty{color:var(--j-muted);margin-top:12px;font-size:18px}.level-records>p{color:var(--j-muted);margin-top:4px;font-size:18px}.level-records ol{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.level-records li{background:var(--j-page);border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.level-records-name{flex-direction:column;min-width:0;display:flex}.level-records-name strong{font-size:18px}.level-records-name span{color:var(--j-muted);font-size:16px}.level-records-beads{gap:4px;display:inline-flex}.level-records-beads i{background:var(--j-bead-pale);border-radius:45%;width:16px;height:14px}.level-records-beads i.up{background:#ff8a1f;box-shadow:0 2px #c96510}.level-records-score{white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;min-width:7.5em;font-size:18px;font-weight:800;display:inline-flex}.level-records-score svg{color:var(--j-pick-edge)}.level-records li:not(.tried) .level-records-score{color:var(--j-muted);font-weight:700}@media (max-width:520px){.level-records li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.level-records-score{grid-column:1/-1;justify-content:flex-start}.sticker-book ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sticker-book li{padding:12px 8px}}@media (max-width:420px){.setup-chip{gap:6px;padding:8px 10px}.setup-chip>span{white-space:nowrap;padding:4px 9px}.setup-chip>.setup-speed{display:none}.play-header .logo{font-size:22px}.play-header .logo-mark{width:26px;height:30px;margin-right:4px}.play-header .header-actions{gap:6px}.stat-pill{gap:4px;padding:2px 8px 2px 4px}.stat-pill>svg{width:24px;height:24px}}@media (max-width:340px){.play-header .logo-word,.play-header .logo-dot{display:none}}@media (max-width:420px){.first-run-top .logo{font-size:22px}.first-run-top .logo-mark{width:26px;height:30px;margin-right:4px}.first-run-dots{gap:6px}.first-run-dots li{width:24px}}@media (max-width:480px){.auth-header .logo{font-size:28px}.auth-header .logo-mark{width:30px;height:34px;margin-right:6px}}.grownups-link{position:relative}.trial-badge{border:2px solid var(--j-page);color:#3b1d00;min-width:26px;height:26px;font-family:var(--font-display);background:#ff8a1f;border-radius:999px;place-items:center;padding:0 6px;font-size:15px;font-weight:800;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.fetch-grownup{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:24px auto;display:flex}.fetch-grownup .mascot{width:min(200px,50vw)}.fetch-grownup h1{font-size:clamp(30px,6vw,40px)}.fetch-grownup p{color:var(--j-muted);font-size:19px}.fetch-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.subscription-status{font-size:18px;font-weight:700}.plan-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0;padding:0;list-style:none;display:grid}.plan-cards li{border:2px solid var(--j-card-edge);background:var(--j-page);border-radius:20px;flex-direction:column;gap:6px;padding:16px;display:flex}.plan-cards li>strong{font-size:18px}.plan-price{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1.1}.plan-price small{color:var(--j-muted);font-family:inherit;font-size:18px;font-weight:700}.plan-note{color:var(--j-accent);font-weight:800}.subscription-note{color:var(--j-muted);font-size:16px}.subscription-message{font-weight:800}.subscription-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.setup-chooser section{gap:12px;display:grid}.length-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.length-tiles button{border:2px solid var(--j-card-edge);background:var(--j-card);min-height:112px;color:var(--j-ink);border-bottom-width:6px;border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:18px 8px 12px;font-size:17px;font-weight:800;transition:transform .15s,border-color .15s;display:flex;position:relative}.length-tiles button[aria-pressed=true]{background:var(--j-pick);border-color:var(--j-pick-edge)}.length-tiles button:active{transform:translateY(3px)}.length-sample{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--j-ink);font-weight:800;line-height:1}.length-tiles button:first-child .length-sample{font-size:44px}.length-tiles button:nth-child(2) .length-sample{font-size:40px}.length-tiles button:nth-child(3) .length-sample{font-size:34px}.length-tiles button:nth-child(4) .length-sample{font-size:29px}.length-badge{color:#5a3a22;background:#ffc83d;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:8px;right:8px}.length-tip{white-space:nowrap;background:var(--j-mint);color:var(--j-mint-ink);border:1px solid;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:900;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.op-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.op-tiles button{border:2px dashed var(--j-card-edge);min-height:112px;color:var(--j-muted);background:0 0;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;font-size:18px;font-weight:800;display:flex}.op-tiles button[aria-pressed=true]{border-style:solid;border-color:var(--j-pick-edge);background:var(--j-card);color:var(--j-ink)}.op-tiles button[aria-disabled=true]{cursor:default}.op-sign{border:3px solid var(--j-card-edge);width:58px;height:58px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:36px;font-weight:800;line-height:1;display:grid}.op-tiles button[aria-pressed=true] .op-sign{color:#4a2a10;background:radial-gradient(circle at 35% 30%,#ffd27c,#ff8a1f 70%);border-color:#c76f12;box-shadow:inset 0 -4px #0002}.rows-stepper{grid-template-columns:64px minmax(72px,auto) 64px;justify-self:start;align-items:center;gap:10px;display:inline-grid}.rows-stepper button{border:2px solid var(--j-card-edge);background:var(--j-card);width:64px;height:64px;color:var(--j-ink);font-family:var(--font-display);border-bottom-width:5px;border-radius:50%;font-size:34px;font-weight:800;line-height:1}.rows-stepper button:disabled{opacity:.4}.rows-stepper output{text-align:center;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:44px;font-weight:800}.setup-chooser .level-card>p:first-child{margin:0;font-size:19px;font-weight:800}.setup-chooser .level-card .button{margin:0 auto}.first-run-mascot.small{width:120px;margin:0 auto;display:block}.first-run-mascot.small .mascot{width:100%;height:auto}@media (max-width:520px){.length-tiles,.op-tiles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.length-tiles button,.op-tiles button{min-height:96px}}@media (prefers-reduced-motion:reduce){.length-tiles button{transition:none}.length-tiles button:active{transform:none}}