@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,::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;--tw-outline-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:Manrope,ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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);--color-forest:#42654f;--color-ink:#303a30;--color-muted:#71776b;--color-paper:#f5f4ed;--color-line:#e4e5dc;--color-warm:#fffef9}}@layer base{*,:after,:before,::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;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{.invisible{visibility:hidden}.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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.text-left{text-align:left}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.overline{text-decoration-line:overline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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))}.select-all{-webkit-user-select:all;user-select:all}}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/play/keyquest/fonts/manrope-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/play/keyquest/fonts/manrope-vietnamese-wght-normal.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}*{box-sizing:border-box}body{background-color:var(--color-paper);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .2s,transform .2s,border-color .2s}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-style:var(--tw-outline-style);outline-offset:4px;outline-width:2px;outline-color:var(--color-forest)}input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}h1{--tw-leading:var(--leading-tight);font-size:34px;line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:-.045em;letter-spacing:-.045em}h2{--tw-leading:var(--leading-snug);font-size:23px;line-height:var(--leading-snug);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:-.035em;letter-spacing:-.035em}h3{--tw-leading:var(--leading-snug);font-size:19px;line-height:var(--leading-snug);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:-.025em;letter-spacing:-.025em}p{--tw-leading:1.7;line-height:1.7}a{color:inherit;text-decoration-line:none}.app-shell{min-height:100dvh}.sidebar{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-line);background-color:var(--color-warm);width:228px;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 8);z-index:2;inset-block:0;flex-direction:column;display:flex;position:fixed;left:0}.brand{margin-bottom:calc(var(--spacing) * 12);align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 3);display:flex}.brand img{height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 11);border-radius:var(--radius-xl)}.brand>span{--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold);font-size:25px;line-height:1;font-weight:var(--font-weight-extrabold);--tw-tracking:-.055em;letter-spacing:-.055em}.brand small{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:.08em;letter-spacing:.08em;color:var(--color-muted);display:block}.sidebar-label{margin-bottom:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:.13em;letter-spacing:.13em;color:var(--color-muted)}.sidebar nav{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.nav-item{align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-xl);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3.5);text-align:left;--tw-font-weight:var(--font-weight-semibold);font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-muted);display:flex}.nav-item:hover{background-color:var(--color-paper);color:var(--color-forest)}.nav-item.active{color:var(--color-forest);background-color:#eaf0e5}.nav-item i{height:calc(var(--spacing) * 1.5);width:calc(var(--spacing) * 1.5);background-color:var(--color-forest);border-radius:3.40282e38px;margin-left:auto}.sidebar-note{margin-top:auto;margin-bottom:calc(var(--spacing) * 8);border-radius:var(--radius-2xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 5);background-color:#f2f1e8;transform:rotate(-2deg)}.sidebar-note h3{margin-bottom:calc(var(--spacing) * 2);font-size:16px}.sidebar-note p{--tw-leading:var(--leading-relaxed);font-size:13px;line-height:var(--leading-relaxed);color:var(--color-muted)}.small-fox{margin-bottom:calc(var(--spacing) * 3);align-items:flex-end;gap:calc(var(--spacing) * 2);color:var(--color-forest);display:flex}.small-fox img{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12);border-radius:var(--radius-2xl)}.parent-button{justify-content:flex-start;align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-muted);display:flex}.coviet-link{margin-top:calc(var(--spacing) * 2);align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);color:var(--color-muted);font-size:12px;display:flex}.main-shell{margin-left:228px}.topbar{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);background-color:var(--color-paper);height:84px;padding-inline:calc(var(--spacing) * 10);display:flex}.breadcrumb{gap:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted);display:flex}.breadcrumb strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.topbar-actions{align-items:center;gap:calc(var(--spacing) * 5);display:flex}.star-pill{align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-size:14px;font-weight:var(--font-weight-bold);display:inline-flex}.star-pill svg{color:#c49942}.language-switch{gap:var(--spacing);border-radius:var(--radius-lg);padding:var(--spacing);background-color:#e9e9df;display:flex}.language-switch button{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-bold);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-muted)}.language-switch button.active{background-color:var(--color-warm);color:var(--color-forest);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.profile-select{align-items:center;gap:calc(var(--spacing) * 2);border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-line);padding-left:calc(var(--spacing) * 5);display:flex}.profile-select img{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);border-radius:3.40282e38px}.profile-select select{cursor:pointer;border-style:var(--tw-border-style);max-width:135px;padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);background-color:#0000;border-width:0}.main-content{max-width:1400px;padding-inline:calc(var(--spacing) * 10);padding-top:calc(var(--spacing) * 9);padding-bottom:calc(var(--spacing) * 5);--tw-outline-style:none;outline-style:none;margin-inline:auto}.page-heading{margin-bottom:calc(var(--spacing) * 8);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 6);display:flex}.page-heading p:not(.overline){margin-top:calc(var(--spacing) * 3);color:var(--color-muted);font-size:14px}.overline{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:.12em;letter-spacing:.12em;color:var(--color-muted);text-transform:uppercase}.page-heading .overline{margin-bottom:calc(var(--spacing) * 3)}.greeting-overline{margin-bottom:calc(var(--spacing) * 2);align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-forest);display:flex}.date-tag{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.adventure-top{gap:calc(var(--spacing) * 6);grid-template-columns:minmax(0,1fr) 294px;display:grid}.forest-card{background-color:#dce4cf;border-radius:22px;min-height:442px;position:relative;overflow:hidden}.forest-card>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.forest-tag{top:calc(var(--spacing) * 5);left:calc(var(--spacing) * 5);align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:.1em;letter-spacing:.1em;color:var(--color-forest);background-color:#fffef2e8;border-radius:3.40282e38px;display:flex;position:absolute}.forest-caption{right:calc(var(--spacing) * 4);bottom:calc(var(--spacing) * 4);left:calc(var(--spacing) * 4);align-items:flex-start;gap:calc(var(--spacing) * 4);border-radius:var(--radius-2xl);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 5);background-color:#fffef9f2;flex-direction:column;display:flex;position:absolute}.forest-caption h2{margin-top:calc(var(--spacing) * 2);font-size:24px}.forest-caption p{margin-top:var(--spacing);color:var(--color-muted);font-size:13px}.button{justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-xl);background-color:var(--color-forest);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);--tw-font-weight:var(--font-weight-bold);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-white);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:inline-flex}.button:hover{background-color:#36563f}.button.light{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);color:var(--color-forest)}.button.light:hover{background-color:#eef2e8}.button.danger{background-color:#a4493c}.button svg{flex-shrink:0}.trail-markers .trail-node{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);border-style:var(--tw-border-style);color:var(--color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:3px;border-color:#fffdf1;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute}.n1{background-color:#668766;top:27%;left:27%}.n2{background-color:#c5904c;animation:4s ease-in-out infinite float;top:39%;left:53%}.n3{background-color:#fcf8eb;top:23%;right:13%;color:#587252!important}.daily-card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);padding:calc(var(--spacing) * 6);border-radius:22px;flex-direction:column;display:flex}.daily-card>.flex svg{color:#b19050}.daily-card h2{margin-top:calc(var(--spacing) * 4);font-size:21px}.daily-card>p{margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 5);--tw-leading:var(--leading-relaxed);font-size:13px;line-height:var(--leading-relaxed);color:var(--color-muted)}.daily-items{gap:var(--spacing);flex-direction:column;display:flex}.daily-items button{align-items:center;gap:calc(var(--spacing) * 3);width:100%;padding-block:calc(var(--spacing) * 3);text-align:left;display:flex}.daily-icon{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);border-radius:var(--radius-xl);color:var(--color-forest);background-color:#f0f0e8;flex-shrink:0;justify-content:center;align-items:center;display:flex}.daily-items button>span:nth-child(2){--tw-font-weight:var(--font-weight-bold);font-size:13px;font-weight:var(--font-weight-bold);flex:1}.daily-items small{margin-top:var(--spacing);--tw-font-weight:var(--font-weight-normal);font-size:11px;font-weight:var(--font-weight-normal);color:var(--color-muted);display:block}.daily-items i{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);border-style:var(--tw-border-style);border-width:1.5px;border-color:#c6cbbd;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.daily-items .done i{border-color:var(--color-forest);background-color:var(--color-forest);color:var(--color-white)}.daily-bottom{padding-top:calc(var(--spacing) * 4);margin-top:auto}.daily-bottom span{color:var(--color-muted);font-size:11px}.daily-bottom strong{color:var(--color-forest);font-size:12px}.progress-track{height:calc(var(--spacing) * 1.5);background-color:#e9ece1;border-radius:3.40282e38px;width:100%;overflow:hidden}.progress-track span{background-color:#718b59;border-radius:3.40282e38px;height:100%;transition:width .3s;display:block}.section-heading{margin-top:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 5);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);display:flex}.section-heading h2{font-size:21px}.muted{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.adventure-bottom{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.activity-card{border-style:var(--tw-border-style);border-width:1px;border-color:#dce3d5;border-radius:20px;grid-template-columns:1.1fr .9fr;min-height:216px;display:grid;position:relative;overflow:hidden}.activity-copy{padding:calc(var(--spacing) * 6);z-index:1;position:relative}.activity-label{margin-bottom:calc(var(--spacing) * 3);align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-forest);display:inline-flex}.activity-copy h3{--tw-leading:var(--leading-snug);font-size:20px;line-height:var(--leading-snug)}.activity-copy p{margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 4);--tw-leading:var(--leading-relaxed);font-size:12px;line-height:var(--leading-relaxed);color:var(--color-muted)}.text-link{align-items:center;gap:calc(var(--spacing) * 3);--tw-font-weight:var(--font-weight-bold);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-forest);display:inline-flex}.story-activity{background-color:#e8eee2}.coding-activity{background-color:#eeeadd}.story-art{background-color:#e0e6d7}.activity-card .story-art{height:100%;min-height:216px}.code-preview{justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 4);padding-right:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 4);flex-direction:column;display:flex;transform:rotate(5deg)}.mini-maze{gap:calc(var(--spacing) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr));width:128px;display:grid}.mini-maze>*{aspect-ratio:1;border-radius:var(--radius-md);width:100%;padding:calc(var(--spacing) * 1.5);color:#839376;background-color:#e2e6d2}.mini-maze img{border-radius:var(--radius-xl);padding:0}.mini-maze span{background-color:#d5c9ab}.mini-command{border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-family:var(--font-mono);--tw-leading:var(--leading-relaxed);font-size:12px;line-height:var(--leading-relaxed);color:#526b4a;background-color:#fffdf5;border-width:1px;border-color:#dddaca;transform:rotate(-8deg)}.home-bottom{margin-top:calc(var(--spacing) * 6);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 5);display:flex}.home-bottom>div{align-items:center;gap:calc(var(--spacing) * 2);color:#899274;display:flex}.home-bottom p{color:var(--color-muted);font-size:12px}.app-footer{margin-top:calc(var(--spacing) * 8);justify-content:space-between;gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);padding-top:calc(var(--spacing) * 7);color:var(--color-muted);font-size:11px;display:flex}.app-footer>span:first-child{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.app-footer i{height:calc(var(--spacing) * 1.5);width:calc(var(--spacing) * 1.5);background-color:#789468;border-radius:3.40282e38px;flex-shrink:0}.app-footer i.error-dot{background-color:#b17747}.text-button{align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-forest);display:inline-flex}.text-button svg{width:18px;height:18px}.icon-button{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);border-radius:var(--radius-xl);color:var(--color-muted);justify-content:center;align-items:center;display:flex}.icon-button:hover{background-color:#e5e9dc}.skip-link{top:calc(var(--spacing) * -24);left:calc(var(--spacing) * 5);border-radius:var(--radius-xl);background-color:var(--color-forest);padding:calc(var(--spacing) * 3);color:var(--color-white);z-index:10;position:fixed}.skip-link:focus{top:calc(var(--spacing) * 4)}.filter-row{margin-bottom:calc(var(--spacing) * 7);gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.filter{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-muted);border-radius:3.40282e38px}.filter.selected{border-color:var(--color-forest);background-color:var(--color-forest);color:var(--color-white)}.lesson-grid{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lesson-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);min-width:0;padding:calc(var(--spacing) * 5)}.lesson-card:hover{background-color:#f9fbf3;border-color:#a5b297}.lesson-number{margin-bottom:calc(var(--spacing) * 5);height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);border-radius:var(--radius-xl);--tw-font-weight:var(--font-weight-bold);font-size:14px;font-weight:var(--font-weight-bold);color:#7d806b;background-color:#efece1;justify-content:center;align-items:center;display:inline-flex}.lesson-number.finished{color:var(--color-forest);background-color:#e7eeda}.lesson-card>.overline{margin-bottom:calc(var(--spacing) * 2);font-size:10px;display:block}.lesson-card h3{font-size:16px}.lesson-keys{margin-block:calc(var(--spacing) * 5);font-family:var(--font-mono);color:#74835f;font-size:14px}.lesson-card .muted{font-size:11px}.typing-stage{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);padding:calc(var(--spacing) * 7);border-radius:22px}.activity-chip{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-forest);background-color:#eaf0e0;border-radius:3.40282e38px;align-items:center;display:inline-flex}.typing-stats{gap:calc(var(--spacing) * 7);display:flex}.typing-stats>div{text-align:right;flex-direction:column;display:flex}.typing-stats strong{color:var(--color-forest);font-size:21px}.typing-stats span{color:var(--color-muted);font-size:11px}.target-text{margin-bottom:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 5);font-family:var(--font-mono);--tw-leading:1.8;--tw-tracking:.08em;letter-spacing:.08em;overflow-wrap:break-word;font-size:27px;line-height:1.8}.target-text span{border-radius:var(--radius-sm);display:inline}.correct-char{color:#66934e}.wrong-char{color:#b3503e;background-color:#f8e7db}.current-char{border-bottom-style:var(--tw-border-style);border-bottom-width:3px;border-color:var(--color-forest);background-color:#e9edde}.input-label{margin-bottom:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-muted);display:block}.typing-input{resize:none;border-radius:var(--radius-xl);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-family:var(--font-mono);--tw-tracking:.045em;letter-spacing:.045em;background-color:#f8f8f1;border-width:2px;border-color:#dce2d1;font-size:22px;display:block}.typing-input:focus{--tw-outline-style:none;border-color:#719362;outline-style:none}.typing-input:disabled{color:var(--color-forest);background-color:#edf3e6}.keyboard{max-width:730px;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 7);margin-inline:auto}.finger-name{--tw-font-weight:var(--font-weight-semibold);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-forest)}.key-row{margin-bottom:calc(var(--spacing) * 2);justify-content:center;gap:calc(var(--spacing) * 2);display:flex}.key{height:calc(var(--spacing) * 12);border-radius:var(--radius-lg);border-bottom-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-semibold);min-width:0;max-width:56px;font-size:14px;font-weight:var(--font-weight-semibold);color:#5f6854;border-color:#d8decd;border-bottom-width:3px;flex:1;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex}.key.rose{background-color:#efe1dd}.key.ochre{background-color:#efe8d0}.key.sage{background-color:#e0e9d8}.key.blue{background-color:#dce7e5}.key.neutral{background-color:#e5e6dc}.home-key>span{position:relative}.home-key>span:after{content:"";right:0;bottom:calc(var(--spacing) * -1.5);background-color:#859378;height:2px;position:absolute;left:0}.key.next-key{background-color:var(--color-forest);color:var(--color-white);border-color:#294634;transform:translateY(-3px)}.row-1{padding-inline:calc(var(--spacing) * 5)}.row-2{padding-inline:calc(var(--spacing) * 12)}.space-key{font-size:12px;max-width:270px!important}.shift-key{background-color:#e5e6dc;font-size:12px;max-width:85px!important}.finger-legend{margin-top:calc(var(--spacing) * 5);justify-content:center;column-gap:calc(var(--spacing) * 5);row-gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.finger-legend>span{align-items:center;gap:calc(var(--spacing) * 2);color:var(--color-muted);font-size:11px;display:flex}.finger-legend i{height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);border-radius:3.40282e38px}.finger-legend .rose{background-color:#c99a91}.finger-legend .ochre{background-color:#c4b16d}.finger-legend .sage{background-color:#9db08a}.finger-legend .blue{background-color:#8faaa5}.keyboard-tip{margin-top:calc(var(--spacing) * 4);text-align:center;color:var(--color-muted);font-size:12px}.keyboard.compact{padding:0}.completion{margin-top:calc(var(--spacing) * 5);align-items:center;gap:calc(var(--spacing) * 6);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 5);background-color:#ebf2e0;border-width:1px;border-color:#d2dec1;display:flex}.completion>div:nth-child(2){flex:1}.completion p{margin-top:var(--spacing);color:var(--color-muted);font-size:13px}.stars{gap:var(--spacing);color:#bd9341;display:inline-flex}.story-grid{gap:calc(var(--spacing) * 5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.story-card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);border-radius:20px;grid-template-columns:.85fr 1.15fr;display:grid;overflow:hidden}.story-card:hover{border-color:#9fac94}.story-card .story-art{min-height:210px}.story-card-copy{padding:calc(var(--spacing) * 6)}.story-card-copy>.overline{font-size:10px}.story-card-copy h3{margin-top:calc(var(--spacing) * 3);font-size:18px}.story-card-copy p{margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 5);color:var(--color-muted);font-size:12px}.storybook{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);border-radius:24px;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden}.story-large{min-height:560px}.story-page{padding:calc(var(--spacing) * 8)}.story-sentence{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 3);--tw-leading:var(--leading-relaxed);font-size:27px;line-height:var(--leading-relaxed);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-ink)}.story-sentence mark{border-radius:var(--radius-md);padding-inline:var(--spacing);color:var(--color-forest);background-color:#eaf0ce}.translation{color:var(--color-muted);font-size:15px}.listen{margin-top:calc(var(--spacing) * 5);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:12px}.listen.speaking{background-color:#edf3dc}.story-task{margin-top:calc(var(--spacing) * 7)}.story-task input{border-radius:var(--radius-xl);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing) * 3);--tw-outline-style:none;background-color:#fafbf6;border-width:2px;border-color:#d9e0cb;outline-style:none;font-size:20px}.story-task input:focus{border-color:var(--color-forest)}.story-question{margin-top:calc(var(--spacing) * 6);border-style:var(--tw-border-style);border-width:0;padding:0}.story-question legend{margin-bottom:calc(var(--spacing) * 3);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold)}.answer-options{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.answer-options button{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:13px}.answer-options button.chosen{border-color:var(--color-forest);color:var(--color-forest);background-color:#e6eedb}.feedback{margin-block:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 6);color:#a55a38;font-size:12px}.vocabulary{margin-top:calc(var(--spacing) * 6);align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.vocabulary>.overline{margin-right:calc(var(--spacing) * 2)}.word-chip{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);min-width:130px;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);text-align:left}.word-chip>span{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-bold);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-forest);display:flex}.word-chip small{margin-top:var(--spacing);color:var(--color-muted);font-size:12px;display:block}.page-dots{gap:calc(var(--spacing) * 2);display:flex}.page-dots i{height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);background-color:#d8ddcc;border-radius:3.40282e38px}.page-dots i.active{background-color:#719357}.story-success{justify-content:center;align-items:flex-start;gap:calc(var(--spacing) * 6);flex-direction:column;height:100%;display:flex}.code-level-grid{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.code-level{align-items:center;gap:calc(var(--spacing) * 5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);padding:calc(var(--spacing) * 6);display:flex}.code-level .lesson-number{flex-shrink:0;margin-bottom:0}.code-level>div{flex:1}.code-level .overline{margin-bottom:calc(var(--spacing) * 2);font-size:10px}.code-level h3{font-size:17px}.code-level p:not(.overline){margin-top:calc(var(--spacing) * 2);color:var(--color-muted);font-size:12px}.code-level>svg{color:var(--color-forest);flex-shrink:0}.coding-workspace{gap:calc(var(--spacing) * 6);grid-template-columns:1.05fr 1fr;display:grid}.maze-panel{border-style:var(--tw-border-style);padding:calc(var(--spacing) * 6);background-color:#ebefdf;border-width:1px;border-color:#dbe2cd;border-radius:22px;flex-direction:column;display:flex}.maze-heading{margin-bottom:calc(var(--spacing) * 6);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);display:flex}.maze-heading>.muted{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.maze{gap:calc(var(--spacing) * 2);width:100%;max-width:460px;margin-inline:auto;display:grid}.maze-cell{aspect-ratio:1;border-radius:var(--radius-xl);justify-content:center;align-items:center;display:flex;position:relative}.maze-cell.wall{color:#899f74;background-color:#dce5cb}.maze-cell.wall>svg{width:60%;height:60%}.maze-cell.path{background-color:#dcd0ac}.maze-cell.goal{color:#786943;background-color:#e0c390}.maze-cell.goal>svg{width:60%;height:60%}.fox-piece{inset:calc(var(--spacing) * 1.5);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute}.fox-piece img{border-radius:var(--radius-xl);width:100%;height:100%}.fox-piece span{right:calc(var(--spacing) * -1.5);height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);background-color:var(--color-forest);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute}.code-message{gap:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 6);color:var(--color-muted);margin-top:auto;font-size:13px;display:flex}.code-message.won{color:var(--color-forest)}.code-message>svg{flex-shrink:0}.program-panel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);padding:calc(var(--spacing) * 6);border-radius:22px}.editor{margin-top:calc(var(--spacing) * 4);border-radius:var(--radius-xl);border-style:var(--tw-border-style);background-color:#f3f5ed;border-width:1px;border-color:#dde4d3;min-height:232px;display:flex;overflow:hidden}.line-numbers{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4);text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#9ba78b;background-color:#eaf0df;flex-direction:column;gap:0;display:flex}.line-numbers span{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.editor textarea{resize:vertical;width:100%;min-height:232px;padding:calc(var(--spacing) * 4);font-family:var(--font-mono);--tw-leading:calc(var(--spacing) * 6);font-size:14px;line-height:calc(var(--spacing) * 6);color:#3e5a35;--tw-outline-style:none;background-color:#0000;outline-style:none}.command-buttons{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.command-buttons button{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-forest);background-color:#eef1e6;border-width:1px;border-color:#dfe5d5;display:flex}.hint{margin-top:calc(var(--spacing) * 5);border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4);background-color:#f0f0e2;border-width:1px;border-color:#e1e3d1}.hint p{margin-bottom:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:12px;font-weight:var(--font-weight-semibold)}.hint pre{font-family:var(--font-mono);--tw-leading:var(--leading-relaxed);font-size:12px;line-height:var(--leading-relaxed);white-space:pre-wrap;margin:0}.sticker-grid{margin-top:calc(var(--spacing) * 8);gap:calc(var(--spacing) * 5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sticker{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);padding:calc(var(--spacing) * 6);text-align:center;border-radius:22px}.sticker-circle{margin-inline:auto;margin-bottom:calc(var(--spacing) * 5);height:calc(var(--spacing) * 24);width:calc(var(--spacing) * 24);border-style:var(--tw-border-style);border-width:4px;border-color:#fffdf3;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;box-shadow:0 3px #e1e3d7}.sticker-circle.sage{color:#789862;background-color:#e5edd9}.sticker-circle.rose{color:#b47965;background-color:#efdfd6}.sticker-circle.blue{color:#6b9285;background-color:#dde9e4}.sticker-circle.ochre{color:#b99c5b;background-color:#efe6c8}.sticker h3{font-size:15px}.sticker p{margin-top:calc(var(--spacing) * 2);color:var(--color-muted);font-size:11px}.sticker.locked .sticker-circle{opacity:.35;--tw-grayscale:grayscale(100%);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,)}.sticker.earned .sticker-circle{transform:rotate(-8deg)}.empty-note{align-items:center;gap:calc(var(--spacing) * 4);color:var(--color-muted);flex-wrap:wrap;font-size:14px;display:flex}.modal-backdrop{padding:calc(var(--spacing) * 5);z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#26362670;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-color:var(--color-warm);width:100%;max-width:650px;max-height:90dvh;padding:calc(var(--spacing) * 8);--tw-outline-style:none;border-radius:24px;outline-style:none;overflow-y:auto;box-shadow:0 20px 70px #24352225}.help-content p{margin-block:calc(var(--spacing) * 5);color:var(--color-muted);font-size:14px}.help-content h3{font-size:18px}.help-content .keyboard{padding:0;padding-block:calc(var(--spacing) * 3)}.settings-content>p{color:var(--color-muted);font-size:14px}.profile-summary{margin-top:calc(var(--spacing) * 5);margin-bottom:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 3);border-radius:var(--radius-xl);padding:calc(var(--spacing) * 5);background-color:#f2f4ea;flex-direction:column;display:flex}.profile-summary>div{justify-content:space-between;font-size:13px;display:flex}.sound-setting{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);padding-block:calc(var(--spacing) * 4);display:flex}.sound-setting span{align-items:center;gap:calc(var(--spacing) * 3);font-size:14px;display:flex}.sound-setting input{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);accent-color:var(--color-forest)}.settings-content .settings-small{margin-top:calc(var(--spacing) * 5);font-size:12px}.reset-button{margin-top:calc(var(--spacing) * 6);border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);color:#a55b45;border-width:1px;border-color:#e1c6b8;font-size:13px}.reset-confirm{margin-top:calc(var(--spacing) * 6);border-radius:var(--radius-xl);padding:calc(var(--spacing) * 4);background-color:#fbefe5;font-size:14px}.recovery{max-width:700px;padding:calc(var(--spacing) * 10);margin-inline:auto}.recovery p{margin-top:calc(var(--spacing) * 6)}.recovery button{margin-top:calc(var(--spacing) * 6);border-radius:var(--radius-xl);background-color:var(--color-forest);padding:calc(var(--spacing) * 4);color:var(--color-white)}.fade-in{animation:.32s ease-out appear}@keyframes appear{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(min-width:1600px){.forest-card{min-height:495px}.forest-caption{flex-direction:row;justify-content:space-between;align-items:center}.adventure-top{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1200px){.sidebar{width:194px;padding-inline:calc(var(--spacing) * 3)}.main-shell{margin-left:194px}.topbar,.main-content{padding-inline:calc(var(--spacing) * 6)}.adventure-top{gap:calc(var(--spacing) * 4);grid-template-columns:minmax(0,1fr) 260px}.daily-card{padding:calc(var(--spacing) * 5)}.adventure-bottom{gap:calc(var(--spacing) * 4)}.activity-copy{padding:calc(var(--spacing) * 5)}.activity-copy h3{font-size:18px}.activity-card{grid-template-columns:1.2fr .8fr}.mini-maze{width:105px}.story-page{padding:calc(var(--spacing) * 6)}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1020px){.sidebar{width:80px;padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 6)}.brand{margin-bottom:calc(var(--spacing) * 8);justify-content:center;padding:0}.brand>span,.sidebar-label,.nav-item>span,.nav-item i,.sidebar-note,.parent-button,.coviet-link{display:none}.nav-item{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4);justify-content:center}.nav-item>svg{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6)}.main-shell{margin-left:80px}.adventure-top{grid-template-columns:minmax(0,1fr) 258px}.forest-card{min-height:430px}.profile-select{padding-left:calc(var(--spacing) * 3)}.topbar-actions{gap:calc(var(--spacing) * 3)}.story-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.story-card{grid-template-columns:.8fr 1.5fr}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-level-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.story-large{min-height:520px}.adventure-bottom{grid-template-columns:repeat(1,minmax(0,1fr))}.activity-card{grid-template-columns:1.6fr 1fr;min-height:190px}.activity-card .story-art{min-height:190px}.activity-copy{padding:calc(var(--spacing) * 6)}.code-preview{flex-direction:row}.mini-command{padding:calc(var(--spacing) * 4)}.mini-maze{width:128px}}@media(max-width:760px){h1{font-size:27px}.sidebar{border-right-style:var(--tw-border-style);border-right-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);background-color:var(--color-warm);flex-direction:row;align-items:center;width:100%;height:auto;padding:0;position:relative}.brand{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);flex-shrink:0;margin:0}.brand img{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9)}.sidebar nav{flex-direction:row;flex:1;justify-content:space-around;gap:0}.nav-item{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4);border-radius:0}.nav-item>svg{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5)}.main-shell{margin-left:0}.topbar{height:66px;padding-inline:calc(var(--spacing) * 4)}.breadcrumb{display:none}.topbar-actions{justify-content:space-between;width:100%}.main-content{padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 6)}.page-heading{margin-bottom:calc(var(--spacing) * 6);align-items:flex-start;gap:calc(var(--spacing) * 3)}.date-tag{display:none}.adventure-top{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr))}.forest-card{min-height:430px}.daily-card{padding:calc(var(--spacing) * 5)}.daily-card h2{margin-top:calc(var(--spacing) * 3)}.daily-card>p{margin-bottom:calc(var(--spacing) * 2)}.daily-items{gap:calc(var(--spacing) * 2);flex-direction:row}.daily-items button{justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 3);flex-direction:column;flex:1;position:relative}.daily-items button>i{top:calc(var(--spacing) * 4);right:calc(var(--spacing) * 2);position:absolute}.daily-items button>span:nth-child(2){font-size:12px}.daily-bottom{padding-top:calc(var(--spacing) * 2)}.activity-card{grid-template-columns:1.2fr .8fr}.activity-copy{padding:calc(var(--spacing) * 5)}.activity-copy h3{font-size:18px}.code-preview{padding-right:calc(var(--spacing) * 3);flex-direction:column}.mini-maze{width:105px}.mini-command{padding:calc(var(--spacing) * 2)}.section-heading>.muted,.app-footer>span:last-child{display:none}.home-bottom,.home-bottom>div{align-items:flex-start}.home-bottom>div>svg{flex-shrink:0}.home-bottom p{font-size:11px}.home-bottom>.text-button{flex-shrink:0;font-size:11px}.lesson-grid{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card{padding:calc(var(--spacing) * 4)}.lesson-card h3{font-size:14px}.lesson-card .muted{font-size:10px}.lesson-card .overline{font-size:9px}.lesson-keys{font-size:12px}.typing-stage{padding:calc(var(--spacing) * 5)}.target-text{--tw-tracking:.04em;letter-spacing:.04em;font-size:22px}.typing-stats{gap:calc(var(--spacing) * 4)}.typing-stats strong{font-size:18px}.activity-chip{font-size:10px}.key-row{margin-bottom:var(--spacing);gap:var(--spacing)}.key{height:calc(var(--spacing) * 10);border-radius:var(--radius-md);font-size:12px}.keyboard{padding-inline:0}.row-1{padding-inline:calc(var(--spacing) * 2)}.row-2{padding-inline:calc(var(--spacing) * 5)}.finger-name{text-align:right;max-width:200px;font-size:11px}.finger-legend{column-gap:calc(var(--spacing) * 3)}.finger-legend>span{font-size:9px}.completion{gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 5);flex-wrap:wrap}.completion>div:nth-child(2){min-width:170px}.completion h2{font-size:19px}.completion>.button{width:100%}.storybook{grid-template-columns:repeat(1,minmax(0,1fr))}.story-large{aspect-ratio:1;min-height:0;max-height:400px}.story-page{padding:calc(var(--spacing) * 6)}.story-card .story-art{min-height:200px}.story-card-copy{padding:calc(var(--spacing) * 5)}.story-card-copy h3{font-size:16px}.coding-workspace{grid-template-columns:repeat(1,minmax(0,1fr))}.maze-panel{padding:calc(var(--spacing) * 5)}.maze{gap:calc(var(--spacing) * 1.5);max-width:340px}.program-panel{padding:calc(var(--spacing) * 5)}.code-level{gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 5)}.sticker-grid{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(2,minmax(0,1fr))}.sticker{padding:calc(var(--spacing) * 4)}.sticker-circle{height:calc(var(--spacing) * 20);width:calc(var(--spacing) * 20)}.sticker h3{font-size:13px}.modal{padding:calc(var(--spacing) * 5)}.help-content .key{height:calc(var(--spacing) * 9)}.filter-row{gap:calc(var(--spacing) * 1.5)}.filter{padding-inline:calc(var(--spacing) * 3);font-size:12px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.story-art{background-image:none;position:relative;overflow:hidden}.story-art>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-large>img{object-position:center}.hand-guide{margin-top:calc(var(--spacing) * 5);justify-content:center;gap:calc(var(--spacing) * 14);display:flex}.hand{align-items:center;gap:var(--spacing);flex-direction:column;display:flex}.hand>svg{width:78px;height:80px}.hand>span{color:var(--color-muted);font-size:11px}.hand-guide+.finger-legend{margin-top:calc(var(--spacing) * 3)}.top-parent{display:none}@media(max-width:1020px){.top-parent{display:flex}}@media(max-width:760px){.topbar-actions{gap:8px}.profile-select{padding-left:8px}.profile-select select{max-width:105px}.profile-select img{width:27px;height:27px}}.typing-catalog a.lesson-card{color:inherit;text-decoration:none;display:block}.level-filter{flex-wrap:wrap;gap:8px;margin:14px 0 10px;display:flex}.typing-catalog-tip{color:#66765c;margin-bottom:24px;font-size:13px}.typing-level{margin-top:30px}.typing-level-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.typing-level-heading h2{margin:5px 0;font-size:27px}.typing-level-heading p{color:#6d7561;max-width:680px;font-size:14px}.level-completion{color:#42654f;background:#e9efdf;border-radius:10px;flex-shrink:0;padding:9px 12px;font-size:13px}.lesson-excerpt{white-space:nowrap;text-overflow:ellipsis;color:#77816a;margin:8px 0;font-size:13px;overflow:hidden}.lesson-length{color:#7c826e;margin:9px 0;font-size:11px}.typing-level .lesson-keys{font-size:11px;line-height:1.6}.story-level-tabs{flex-wrap:wrap;gap:9px;margin:-7px 0 22px;display:flex}.story-level-tabs button{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-warm);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-muted);border-radius:3.40282e38px}.story-level-tabs button[aria-pressed=true]{border-color:var(--color-forest);background-color:var(--color-forest);color:var(--color-white)}.story-card{color:inherit;min-width:0;text-decoration:none;display:grid}.story-card-copy{min-width:0}.story-vocabulary-preview{color:#727b6b;margin-top:8px;margin-bottom:20px;font-size:12px;line-height:1.6;display:block}@media(prefers-reduced-motion:no-preference){a.story-card{transition:transform .2s,border-color .2s}a.story-card:hover{transform:translateY(-2px)}}@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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@media(max-width:1020px){.top-parent{display:inline-flex}}@media(max-height:800px)and (min-width:1021px){.sidebar-note{display:none}.sidebar{overflow-y:auto}.parent-button{margin-top:auto}}.typing-focus .sidebar{display:none}.typing-focus .main-shell{margin-left:0}.typing-focus .topbar{height:54px;padding:0 26px}.typing-focus .main-content{max-width:1440px;margin:auto;padding:16px 26px 10px}.typing-focus .app-footer{display:none}.typing-focus .top-parent{display:inline-flex}.practice-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:16px;min-height:60px}.practice-title{flex:1;min-width:0}.practice-title h1{font-size:clamp(21px,2.3vw,30px);margin:4px 0 0;line-height:1.18}.practice-title .overline{font-size:10px}.practice-actions{display:flex;gap:4px;align-items:center}.practice-actions .icon-button{flex-shrink:0}.sound-toggle{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #d5dacb;border-radius:10px;color:#59604e;background:#fffdf7;font-size:13px}.sound-toggle.enabled{background:#eaf0df;color:#42654f}.practice-journey{width:340px;flex-shrink:0}.mission-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#66765c;font-size:10px;line-height:1.4}.mission-top>span:first-child{display:flex;align-items:center;gap:5px}.mission-count{font:600 11px ui-monospace,monospace}.practice-trail{height:44px;position:relative;overflow:hidden;margin-top:2px}.trail-scenery{display:flex;align-items:flex-end;justify-content:space-around;position:absolute;inset:0 3px 9px;color:#73936b}.trail-scenery svg{width:27px;height:30px}.trail-scenery svg:nth-child(2){width:36px;height:37px;color:#a1b584}.trail-scenery svg:last-child{color:#b28b5e}.practice-path{height:4px;background:#dfd5b4;position:absolute;bottom:7px;left:7%;right:6%;border-radius:6px}.practice-path>span{display:block;height:100%;background:#86a474;border-radius:inherit;transition:width .2s ease}.trail-fox{position:absolute;bottom:3px;width:34px;height:34px;transform:translate(-50%)}.fox-hop{animation:fox-step .25s ease-out}@keyframes fox-step{50%{transform:translate(-50%,-6px) rotate(5deg)}}.practice-score{display:flex;align-items:center;gap:22px;padding:0 20px;border-left:1px solid #dedfd2}.practice-score>div{display:flex;flex-direction:column;gap:2px}.practice-score strong{font-size:20px;color:#42654f;line-height:1.2}.practice-score span{font-size:10px;color:#7c826d;white-space:nowrap}.practice-workspace{width:100%;max-width:920px;margin:auto;border:1px solid #d9dfce;border-radius:24px;overflow:hidden;background:#edf1e5}.practice-mission{width:100%;padding:15px 30px 0;background:#fffdf5;min-width:0}.practice-mission>:not(.practice-complete){max-width:720px;margin-left:auto;margin-right:auto}.practice-prompt-label{display:flex;justify-content:space-between;gap:8px;color:#7b826b;font-size:9px;line-height:1.4;letter-spacing:.08em}.practice-prompt-label span:last-child{letter-spacing:0}.practice-target.target-text{text-align:center;font-size:32px;line-height:1.45;padding:7px 0 10px;margin-top:0;margin-bottom:0;letter-spacing:.035em;background:transparent;overflow-wrap:anywhere}.practice-target .current-char{background:#f1dfa4;color:#345641;border-bottom:3px solid #42654f;border-radius:3px}.practice-target .correct-char{color:#5a8155}.practice-target .wrong-char{background:#f4d8cc;color:#a14e3b}.target-ellipsis{color:#aaac9b}.practice-mission .input-label{text-align:center;font-size:11px;line-height:1.4;margin-bottom:5px}.practice-input.typing-input{text-align:center;font-size:25px;height:57px;min-height:57px;padding:9px 14px;line-height:1.4;resize:none;white-space:pre;overflow-x:auto;border-color:#b9c9a9;border-radius:12px}.practice-input[aria-invalid=true]{border-color:#bf8571;background:#fff9f4}.practice-feedback{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;color:#57704e;font-size:12px;line-height:1.4;padding:6px 0;text-align:center}.practice-feedback svg{flex-shrink:0}.practice-feedback.needs-correction{color:#9d5744}.backspace-badge{font-size:20px;line-height:1;flex-shrink:0}.practice-guide{padding:12px 30px;min-width:0;container-type:inline-size}.practice-keyboard.keyboard{width:100%;max-width:720px;padding:0;margin:0 auto}.practice-keyboard .keyboard-heading{display:none}.keyboard .finger-direction{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:9px 0 13px;font-size:14px;line-height:1.4;color:#42654f}.finger-direction small{font-size:11px;color:#8d6850}.finger-dot{width:10px;height:10px;border-radius:50%}.hand-guide{gap:38px}.hand-guide .hand svg{width:130px;height:144px}.large-hands.hand-guide{gap:30px;margin:0;align-items:center}.large-hands .hand svg{width:clamp(130px,27cqw,200px);height:auto}.large-hands .hand>span{font-size:11px;line-height:1.4;color:#7a836c}.large-hands .hand.active-hand>span{color:#42654f;font-weight:700}.lit-finger{filter:drop-shadow(0 0 3px #b1c496)}.next-key-cue{width:84px;flex-shrink:0;text-align:center;align-self:center}.next-key-cue>span{display:block;color:#6a785e;font-size:8px;letter-spacing:.06em;line-height:1.4}.next-key-cue strong{display:block;font-size:56px;line-height:1.1;color:#42654f;margin:8px 0 4px}.next-key-cue small{color:#6a785e;font-size:13px}.practice-keyboard .key-row{gap:7px;margin-bottom:6px}.practice-keyboard .key-row:last-child{margin-bottom:0}.practice-keyboard .key{height:42px;max-width:56px;font-size:17px;border-radius:8px;box-shadow:0 3px #bfc8b0}.practice-keyboard .key.next-key{background:#42654f;color:#fffdf5;border-color:#42654f;box-shadow:0 3px #2c4834,0 0 0 3px #d1dfbf;transform:translateY(-1px)}.practice-keyboard .row-1{padding:0 15px}.practice-keyboard .row-2{padding:0 42px}.practice-keyboard .space-key{max-width:270px;font-size:11px}.practice-keyboard .shift-key{max-width:85px;font-size:12px}.practice-keyboard .finger-legend{margin:13px 0 0;gap:15px}.practice-keyboard .finger-legend>span{font-size:10px;line-height:1.4}.practice-rest{font-size:10px;line-height:1.4;color:#81816d;text-align:center;margin:6px 0 0}.practice-complete{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px 0 20px;text-align:center;gap:9px}.practice-complete h2{font-size:27px}.practice-complete p{font-size:13px;color:#7a826a}.practice-complete .stars{display:flex;gap:6px}.complete-summary,.complete-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}@media(max-width:1100px)and (min-width:761px){.typing-focus .main-content{padding-left:18px;padding-right:18px}.practice-toolbar{gap:12px}.practice-journey{width:260px}.practice-score{gap:16px;padding:0 12px}.practice-actions{gap:1px}.sound-toggle span{display:none}.sound-toggle{padding:9px}}@media(max-height:840px)and (min-width:761px){.typing-focus .topbar{height:46px}.typing-focus .main-content{padding-top:8px;padding-bottom:6px}.practice-toolbar{min-height:48px;margin-bottom:10px}.practice-title h1{font-size:24px}.practice-trail{height:36px}.practice-mission{padding-top:10px}.practice-prompt-label{display:none}.practice-target.target-text{font-size:28px;padding:3px 0}.practice-input.typing-input{height:49px;min-height:49px;padding:7px 12px;font-size:23px}.practice-feedback{min-height:26px;font-size:11px;padding:4px 0}.practice-guide{padding-top:6px;padding-bottom:4px}.large-hands .hand svg{width:150px}.large-hands.hand-guide{gap:25px}.keyboard .finger-direction{margin:7px 0 10px;font-size:13px}.practice-keyboard .key{height:38px}.practice-keyboard .key-row{margin-bottom:6px;gap:6px}.practice-keyboard .finger-legend{margin-top:7px}.practice-rest{margin-top:6px}}@media(max-height:640px)and (min-width:761px){.typing-focus .topbar{height:44px}.typing-focus .main-content{padding-top:5px;padding-bottom:3px}.practice-toolbar{min-height:43px;margin-bottom:4px}.practice-title h1{font-size:21px}.practice-journey{width:260px}.practice-trail{height:36px}.trail-scenery{bottom:7px}.trail-scenery svg{width:24px;height:26px}.trail-scenery svg:nth-child(2){width:30px;height:31px}.trail-fox{width:30px;height:30px;bottom:1px}.practice-path{bottom:5px}.practice-score strong{font-size:18px}.practice-mission{padding-top:3px}.practice-prompt-label{display:none}.practice-target.target-text{font-size:26px;padding:2px 0 3px}.practice-mission .input-label{font-size:10px;margin-bottom:3px}.practice-input.typing-input{height:44px;min-height:44px;padding:5px 12px;font-size:22px}.practice-feedback{min-height:26px;font-size:10px;padding:3px 0}.practice-guide{padding-top:4px;padding-bottom:2px}.large-hands .hand svg{width:130px}.large-hands .hand>span{font-size:10px}.large-hands.hand-guide{gap:20px}.next-key-cue strong{font-size:43px;margin:4px 0}.keyboard .finger-direction{margin:5px 0 7px;font-size:12px}.finger-direction small{font-size:10px}.practice-keyboard .key{height:32px;font-size:15px}.practice-keyboard .key-row{gap:5px;margin-bottom:5px}.practice-keyboard .finger-legend{display:none}.practice-keyboard .finger-legend>span{font-size:9px}.practice-rest{margin-top:4px;font-size:9px}.practice-complete{padding:6px 0 10px;gap:6px}.practice-complete h2{font-size:22px}.practice-complete .button{padding:8px 15px}}@media(max-width:950px)and (min-width:761px){.practice-journey{width:200px}.sound-preview{display:none}.practice-score{gap:12px;padding:0 8px}}@media(max-width:760px){.typing-focus .topbar{height:54px;padding:0 12px;top:0}.typing-focus .breadcrumb{display:none}.typing-focus .topbar-actions{width:100%;justify-content:flex-end;gap:10px}.typing-focus .profile-select{padding-left:8px;gap:4px;min-width:0}.typing-focus .profile-select select{max-width:110px;min-width:0}.typing-focus .main-content{padding:12px}.practice-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:12px}.practice-back{width:30px}.practice-title{flex-basis:calc(100% - 40px)}.practice-title h1{font-size:21px}.practice-journey{width:100%;max-width:300px;margin:0 auto;order:4}.practice-trail{height:36px}.practice-score{border:0;padding:0 0 0 5px;gap:20px}.practice-score strong{font-size:17px}.practice-score span{font-size:9px}.practice-actions{margin-left:auto;gap:0}.practice-actions .icon-button{width:32px;height:36px}.sound-toggle{padding:7px}.sound-toggle span,.sound-preview{display:none}.practice-workspace{border-radius:18px}.practice-mission{padding:12px 14px 0}.practice-target.target-text{font-size:25px;line-height:1.5;padding:6px 0}.practice-input.typing-input{height:50px;min-height:50px;padding:8px;font-size:21px}.practice-feedback{font-size:11px;min-height:40px}.practice-guide{padding:12px 12px 16px}.large-hands .hand svg{width:clamp(100px,34cqw,175px)}.large-hands.hand-guide{gap:10px}.next-key-cue{width:60px}.next-key-cue strong{font-size:42px}.practice-keyboard .key{height:37px;font-size:14px;min-width:0}.practice-keyboard .key-row{gap:4px;margin-bottom:6px}.practice-keyboard .row-1{padding:0 10px}.practice-keyboard .row-2{padding:0 25px}.practice-keyboard .space-key{font-size:9px}.practice-keyboard .shift-key{font-size:10px}.practice-keyboard .finger-legend{gap:10px;margin-top:10px}.practice-keyboard .finger-legend>span{font-size:9px}}@media(max-width:350px){.large-hands.hand-guide{gap:4px}.next-key-cue{width:54px}.next-key-cue strong{font-size:36px}}@media(prefers-reduced-motion:reduce){.fox-hop{animation:none}.practice-path>span{transition:none}}.practice-keyboard .keys-home{padding:0 15px}.practice-keyboard .keys-lower{padding:0 32px}.key{position:relative}.key-symbol{position:absolute;right:5px;top:2px;font-size:9px;opacity:.65}.practice-keyboard .enter-key{max-width:76px;font-size:11px;flex:1.4}.practice-keyboard.with-numbers .key{height:36px}.enter-character{color:#8d6850}.practice-input.typing-input{overflow-y:hidden}.enter-instruction{white-space:nowrap;color:#8d6850}@media(max-height:840px)and (min-width:761px){.practice-keyboard.with-numbers .key{height:30px}}@media(max-height:640px)and (min-width:761px){.practice-keyboard.with-numbers .key{height:26px}.key-symbol{font-size:8px;top:0}}@media(max-height:640px)and (min-width:761px){.practice-keyboard.with-numbers .finger-direction{margin-top:3px;margin-bottom:3px}.practice-guide:has(.with-numbers){padding-top:2px;padding-bottom:0}}@media(min-width:761px){.practice-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-height:960px)and (min-width:761px){.practice-keyboard.with-numbers .key{height:32px}}@media(max-height:840px)and (min-width:761px){.practice-keyboard.with-numbers .key{height:28px}}@media(max-height:640px)and (min-width:761px){.practice-keyboard.with-numbers .key{height:26px}}.discovery-invitation{display:flex;align-items:center;justify-content:space-between;width:100%;gap:30px;text-align:left;background:#e9efdf;border:1px solid #d2ddc4;border-radius:22px;padding:26px 30px;margin:26px 0;color:#42654f}.discovery-invitation h2{margin:5px 0}.discovery-invitation p{font-size:13px;color:#6b7d5e}.library-progress{width:150px;flex-shrink:0;text-align:right}.library-progress strong{display:block;font-size:30px;color:#42654f}.library-progress>span{font-size:12px;color:#71776b}.library-progress .progress-track{margin-top:12px}.library-controls{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.library-controls .filter-row{flex:1}.lesson-search input{background:#fffdf6;border:1px solid #d9dece;border-radius:10px;padding:10px 14px;width:180px;font-size:13px}.discovery-category{margin-top:34px}.category-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}.category-heading>div{flex:1}.category-heading h2{font-size:22px}.category-heading p{font-size:12px;color:#71776b}.category-heading>.muted{font-size:12px}.category-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;background:#e6eddc;color:#42654f;flex-shrink:0}.category-icon.rose{background:#efdfd6;color:#a16f5c}.category-icon.blue{background:#dde9e4;color:#587e71}.category-icon.ochre{background:#efe6c8;color:#957a3d}.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.discovery-card{position:relative;display:block;border:1px solid #e0e3d6;background:#fffdf7;border-radius:20px;padding:22px;transition:border-color .2s,transform .2s}.discovery-card:hover{border-color:#91aa7f;transform:translateY(-3px)}.discovery-card .lesson-number{margin-bottom:18px}.discovery-state{position:absolute;right:20px;top:29px;font-size:10px;color:#748567}.discovery-card h3{font-size:17px;margin-bottom:10px}.discovery-card p{font-size:12px;color:#71776b;min-height:42px}.discovery-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#42654f;font-size:10px}.learning-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.learning-header>div{flex:1;min-width:0}.learning-header h1{font-size:28px;margin-top:5px}.learning-stepper{display:flex;gap:14px;list-style:none;padding:0;margin:0;flex-shrink:0}.learning-stepper li{font-size:10px;color:#929887;display:flex;align-items:center;gap:5px}.learning-stepper li>span{height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9ecdf}.learning-stepper li.current{color:#42654f;font-weight:700}.learning-stepper li.current>span{background:#42654f;color:#fffdf6}.learning-stepper li.passed>span{color:#42654f;background:#dae6ca}.learn-spread{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:start}.lesson-panel{border:1px solid #dce1d1;border-radius:24px;background:#fffdf7;padding:30px;max-width:850px;margin:0 auto}.lesson-intro{font-size:17px;margin:20px 0;color:#495445}.lesson-facts{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:14px}.lesson-facts li{display:flex;gap:10px;font-size:14px;line-height:1.6}.lesson-facts svg{color:#789561;flex-shrink:0;margin-top:2px}.lesson-vocabulary{background:#edf1e5;border-radius:14px;padding:18px;margin:24px 0}.lesson-vocabulary h3{font-size:14px;margin-bottom:10px}.lesson-vocabulary>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-top:7px}.lesson-vocabulary span{color:#70805f}.lesson-art{width:100%;height:auto;position:sticky;top:110px;border-radius:22px}.next-stage{margin-top:22px}.lesson-source{font-size:10px;color:#7a816e;margin-top:20px}.lesson-source a{text-decoration:underline;text-underline-offset:3px}.idea-reminder{display:flex;gap:9px;align-items:center;justify-content:center;font-size:13px;color:#6c7e5d;margin:0 0 18px}.idea-reminder svg{flex-shrink:0}.activity-panel h2,.quiz-panel h2{font-size:24px;margin:10px 0 22px}.answer-options{display:flex;flex-direction:column;gap:10px;margin:20px 0}.answer-options button{display:flex;gap:13px;align-items:center;padding:16px 18px;text-align:left;border:1px solid #dce1d1;border-radius:12px;background:#f7f7ee;font-size:15px;line-height:1.5}.answer-options button:hover:not(:disabled){border-color:#90a37c;background:#edf1e5}.answer-options button>span{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#e6eadc;color:#6b7d5b;flex-shrink:0;font-size:12px}.answer-options button.chosen{border-color:#789561;background:#eaf0dd}.learning-feedback{border-radius:13px;background:#f7ecdc;padding:16px 18px;margin-top:20px;color:#8b6647;font-size:14px}.learning-feedback.success{background:#e9f0df;color:#42654f}.learning-feedback p{font-size:13px;margin-top:5px}.count-groups{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.count-groups>div{background:#edf1e5;border-radius:12px;padding:14px;display:flex;flex-wrap:wrap;gap:7px;max-width:190px;align-items:center}.count-groups small{width:100%;text-align:center;color:#647757;margin-top:6px}.count-token{height:18px;width:18px;border-radius:50%;background:#d29e76;border:2px solid #b7825b}.number-answer{display:flex;align-items:center;gap:15px;font-size:14px;margin:18px 0}.number-answer input{width:115px;text-align:center;background:#fffdf7;border:2px solid #bbcaa9;border-radius:12px;font-size:28px;padding:8px}.order-slots{list-style:none;padding:15px;margin:15px 0;background:#edf1e5;border-radius:15px;min-height:60px}.order-slots li{display:flex;align-items:center;gap:12px;font-size:14px;padding:7px}.order-slots li>span{color:#789561;font-weight:800}.activity-controls{display:flex;gap:20px;align-items:center}.binary-switches{display:flex;gap:15px;margin:25px 0}.binary-switches button{display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:15px;border:2px solid #dce1d1;padding:20px 25px;background:#f1f3e9}.binary-switches button strong{font-size:27px}.binary-switches button span{font:600 20px monospace;color:#859575}.binary-switches button.on{background:#42654f;color:#fffdf7;border-color:#42654f}.binary-switches button.on span{color:#e7efdc}.binary-sum{margin-bottom:20px;color:#42654f}.binary-sum strong{font-size:30px}.pixel-workspace{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin:25px 0}.pixel-workspace p{text-align:center;font-size:12px;margin-bottom:12px;color:#617751}.pixel-grid{display:grid;grid-template-columns:repeat(5,30px);gap:4px}.pixel-grid>button,.pixel-grid>span{height:30px;width:30px;border-radius:4px;background:#e5eadc;border:1px solid #cbd6be}.pixel-grid .colored{background:#bb8471;border-color:#a96e5c}.discovery-complete{text-align:center;margin-top:40px;padding:45px 25px}.discovery-complete .stars{display:flex;justify-content:center;color:#bd9850;margin-bottom:20px}.discovery-complete h2{margin-bottom:15px}.discovery-complete p{font-size:20px;color:#42654f}.completion-results{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:12px;color:#7b856e;margin:25px 0}.family-manager{margin-top:23px;border-top:1px solid #dce1d1;padding-top:20px}.family-manager>p{font-size:12px;color:#71776b;margin:10px 0}.family-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.family-tabs button{padding:9px 12px;font-size:12px;border:1px solid #d6ddc9;border-radius:10px;background:#f4f5ed}.family-tabs button[aria-pressed=true]{background:#42654f;color:#fff}.nickname-form{margin-top:15px}.nickname-form label{display:block;font-size:12px;margin-bottom:6px}.nickname-form>div{display:flex;gap:10px}.nickname-form input{background:#fffdf7;border:1px solid #c8d3bc;border-radius:10px;padding:10px 12px;font-size:13px;min-width:0;flex:1}.nickname-form .button{font-size:12px;padding:10px 13px;white-space:nowrap}.sentence-status{display:flex;align-items:center;gap:15px;max-width:720px;margin:0 auto 9px;font-size:11px;color:#6b805b}.sentence-status>span{display:flex;align-items:center;gap:5px}.sentence-status .progress-track{flex:1}.sentence-status .icon-button{height:27px;width:27px}.learning-typing .learning-header{margin-bottom:10px}.learning-typing .learning-header h1{font-size:24px}.learning-typing .learning-stepper{gap:10px}.learning-typing .learning-stepper li>span{height:20px;width:20px}.seo-document{max-width:1000px;margin:35px auto;padding:25px}.seo-document h1{margin:20px 0}.seo-document p,.seo-document ul,.seo-document h2{margin:16px 0}.seo-document a{text-decoration:underline}.seo-document .seo-catalog{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;padding:0}.seo-document .seo-catalog li{padding:18px;border:1px solid #dce1d1;border-radius:14px}.seo-document .seo-catalog p{font-size:13px}.seo-language{display:flex;justify-content:space-between;font-size:12px}.seo-document details{margin:15px 0}.seo-document summary{cursor:pointer;font-weight:700}.seo-document code{font-size:20px}.seo-document dl{display:flex;gap:25px;flex-wrap:wrap}.seo-document dt{font-weight:700}.seo-document dd{margin:4px 0;color:#66765b}@media(max-width:1200px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-spread{grid-template-columns:1.4fr 1fr}.learning-header{flex-wrap:wrap}.learning-stepper{margin-left:50px}.learning-typing .learning-header{flex-wrap:nowrap}.learning-typing .learning-stepper{margin-left:0}.learning-typing .learning-stepper li{font-size:9px}.learning-typing .learning-header h1{font-size:21px}}@media(max-height:640px)and (min-width:761px){.learning-typing .learning-header{margin-bottom:5px;gap:10px}.learning-typing .learning-header h1{font-size:20px;margin-top:2px}.learning-typing .learning-header .overline{font-size:9px}.sentence-status{margin-bottom:3px;gap:12px}.sentence-status .icon-button{height:22px}.learning-typing .practice-rest{margin-top:3px}}.learning-typing .practice-mission .input-label{margin-top:0}@media(max-height:840px)and (min-width:761px){.learning-typing .learning-header .overline{line-height:1.4}.learning-typing .learning-header h1{margin-top:2px}.learning-typing .sentence-status{margin-bottom:5px}.learning-typing .sentence-status .icon-button{height:22px}}@media(max-height:840px)and (min-width:761px){.learning-typing .learning-header .overline{display:none}.learning-typing .learning-header{margin-bottom:5px}.learning-typing .learning-header h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learning-typing .practice-rest{font-size:9px;line-height:1.4}}@media(max-height:840px)and (min-width:761px){.learning-typing .learning-header>.icon-button{height:28px;width:28px}.learning-typing .sentence-status{margin-bottom:3px}.learning-typing .practice-rest{margin-top:1px}}.learning-typing .learning-header .overline{display:none}.seo-document pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;line-height:1.8;background:#edf1e5;border-radius:12px;padding:18px}.telex-label{font-size:9px;letter-spacing:.09em;background:#eaf0df;color:#42654f;padding:2px 6px;border-radius:4px;margin-right:4px}.telex-feedback{gap:15px;overflow:hidden;white-space:nowrap}.telex-composition-note{color:#78846c;font-size:10px;overflow:hidden;text-overflow:ellipsis}.telex-next-hint{overflow:hidden;text-overflow:ellipsis;color:#78846c;font-size:10px}.keyboard-basics{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:28px;border:1px solid #dce1d1;border-radius:22px;background:#fffdf5;padding:22px 26px;margin:0 0 26px}.keyboard-basics h2{font-size:19px;line-height:1.4;margin-bottom:9px}.keyboard-basics p{font-size:12px;line-height:1.65;color:#647258}.keyboard-basics small{font-size:10px;line-height:1.5;color:#7b826c}.placement-guide{text-align:center;border-right:1px solid #e0e4d6;padding-right:27px}.placement-hands{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 7px}.placement-hands>svg{width:83px;height:92px;flex-shrink:0}.placement-hands>div{display:flex;flex-direction:column;gap:3px;max-width:87px}.placement-hands>div>span{font-size:18px;font-weight:700;color:#42654f}.placement-row{display:flex;gap:4px;justify-content:center;margin-bottom:8px}.keyboard-basics kbd{font:700 15px Manrope,sans-serif;padding:5px 9px;border-radius:6px;color:#43543c;box-shadow:0 2px #c5ceb9;background:#edf0e5}.placement-row kbd.right-home{margin-left:13px}.keyboard-basics kbd.rose{background:#f0dddd}.keyboard-basics kbd.ochre{background:#efe5c8}.keyboard-basics kbd.sage{background:#dfe8d4}.keyboard-basics kbd.blue{background:#dce8e8}.basics-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.basics-title .text-button{font-size:11px;white-space:nowrap;gap:5px}.telex-tone-keys{display:flex;justify-content:space-between;gap:10px;margin:13px 0}.telex-tone-keys>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;flex:1}.telex-tone-keys>div>span{display:flex;align-items:baseline;gap:4px;font-size:19px;color:#42654f}.telex-tone-keys>div>small{grid-column:1/-1;font-size:9px}.telex-shape-keys{display:flex;gap:11px;flex-wrap:wrap;margin:11px 0}.telex-shape-keys>span{display:flex;align-items:center;gap:5px;font-size:13px;color:#647258}.telex-shape-keys kbd{font-size:12px;padding:3px 5px;background:#f1f2e9;box-shadow:none}.telex-example{display:flex;align-items:center;gap:10px;margin:11px 0 7px;color:#42654f;font-size:15px}.telex-example code{font-size:14px}.telex-example>span{color:#b29362}.telex-basics details{font-size:11px;color:#78876b}.telex-basics summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.telex-basics details p{margin-top:7px;font-size:11px}.telex-basics details a{display:inline-block;margin-top:5px;text-decoration:underline}@media(max-width:1150px){.keyboard-basics{gap:20px;padding:18px 20px;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}.placement-guide{padding-right:19px}.telex-tone-keys>div{gap:3px 5px}.telex-tone-keys>div>span{flex-direction:column;line-height:1.2;gap:1px}.telex-tone-keys>div>small{font-size:8px}.telex-shape-keys{gap:8px}.keyboard-basics h2{font-size:17px}}@media(max-width:760px){.keyboard-basics{grid-template-columns:1fr}.placement-guide{border-right:0;border-bottom:1px solid #e0e4d6;padding:0 0 18px}.telex-tone-keys>div>span{flex-direction:row}.telex-next-hint{max-width:43%}}.telex-basics .telex-input-source{font-size:10px;margin-bottom:7px;color:#75816b}.learning-promise{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:-8px 0 22px;color:#42654f;font-size:12px;line-height:1.7}.learning-promise svg{flex-shrink:0}.learning-promise a{font-size:11px;color:#647258;text-decoration:underline;text-underline-offset:3px}.coding-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.coding-heading{align-items:center}.coding-heading .activity-chip{white-space:nowrap}.coding-heading .activity-chip svg{width:18px}.coding-workspace>div{min-width:0}.coding-catalog .section-heading{margin:32px 0 16px}.maker-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.maker-card{text-align:left;background:#fffdf4;border:1px solid #dee3d4;border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s}.maker-card:hover{border-color:#91a77b;transform:translateY(-3px)}.maker-cover{height:140px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:38px}.maker-cover img{width:66px;height:66px;transform:rotate(-8deg)}.maker-card-copy{display:block;padding:20px}.maker-card-copy .overline{display:flex;align-items:center;gap:6px;font-size:10px}.maker-card-copy h3{margin:9px 0;font-size:19px}.maker-card-copy p{font-size:13px;line-height:1.6;color:#74806c;margin-bottom:18px}.maker-card-copy .text-link{font-size:12px}.forest-intro{font-size:14px;color:#738167;line-height:1.7;margin-bottom:20px}.maze-panel{padding:22px}.maze-heading{margin-bottom:18px}.maze{max-width:410px;gap:7px}.maze-cell.path{background:#e5dcc0}.maze-cell.goal{background:#e0c390}.secret-tile{position:absolute;inset:9%;display:flex;align-items:center;justify-content:center;color:#749661}.secret-tile svg{width:65%;height:65%}.secret-tile b{position:absolute;right:4%;top:2%;font-size:14px;color:#fffdf3;border-radius:50%;background:#547c53;width:20px;height:20px;text-align:center;line-height:20px}.secret-tile.revealed{color:#ad853e}.fox-piece{z-index:1}.code-message{margin-top:0;padding-top:18px;min-height:54px;line-height:1.65;color:#5f7553}.code-message p{margin:0}.forest-word-card{display:flex;gap:16px;padding:18px;margin-top:16px;border:1px solid #d4dfc4;border-radius:16px;background:#fffdf2}.word-illustration{display:flex;align-items:center;justify-content:center;width:74px;height:74px;flex-shrink:0;background:#e9efda;color:#7a995b;border-radius:20px}.forest-word-card .overline{font-size:10px}.forest-word-card h3{font-size:25px;line-height:1.35;color:#3e634b;margin:5px 0 0}.forest-word-card p{font-size:12px;line-height:1.65;color:#74816a}.forest-word-card .word-translation{font-size:15px;margin:0 0 9px;color:#596f50}.discovery-tip{font-size:12px;color:#7c886e;line-height:1.65;margin-top:16px}.word-book{margin-top:18px;font-size:13px}.word-book summary{cursor:pointer;font-weight:650;color:#446949}.word-book>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.word-book button{background:#fffdf5;border:1px solid #d4ddc8;border-radius:10px;padding:8px 12px;text-align:left}.word-book strong,.word-book span{display:block}.word-book span{font-size:11px;color:#78836f}.program-panel{padding:22px}.code-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.code-editor-heading .text-button{font-size:12px}.code-editor-heading button:disabled{opacity:.35}.editor{min-height:240px}.editor textarea{min-height:240px;line-height:1.8;padding:16px;resize:vertical}.code-viewer{position:relative;margin-top:16px;height:270px;overflow:auto;border:1px solid #d9e1cb;border-radius:12px;background:#f3f5ed;padding:14px 0;font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.code-line{display:flex;min-height:25px}.code-gutter{width:38px;flex-shrink:0;text-align:right;padding-right:12px;color:#99a389;user-select:none}.code-line code{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0;padding-right:12px;color:#3c5a3b}.code-line mark{background:#efcd6f;color:#263e2a;border-radius:3px;box-shadow:0 0 0 2px #efcd6f}.code-loop-context{background:#dce8cf;border-radius:3px}.execution-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;font-size:12px;min-height:26px;color:#758365}.loop-badge{display:inline-flex;background:#e6edd8;border-radius:6px;padding:3px 7px;color:#526b40;font:11px/1.5 ui-monospace,monospace}.execution-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.execution-controls .button{font-size:12px;padding:11px 13px;gap:7px;white-space:nowrap}.execution-controls svg{width:18px;height:18px}.execution-controls button:disabled,.game-move-controls button:disabled{opacity:.4;cursor:default}.coding-secondary{display:flex;justify-content:space-between;margin-top:18px}.coding-secondary .text-button{font-size:12px}.concept-guide{border-top:1px solid #e0e5d5;margin-top:20px;padding-top:16px;font-size:12px;line-height:1.65;color:#6b7b5e}.concept-guide summary{cursor:pointer;font-weight:650;color:#496c47}.concept-guide summary svg{display:inline-block;vertical-align:middle;margin-right:8px;width:18px}.guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.guide-tabs button{border:1px solid #d7dfca;border-radius:9px;padding:7px 10px;background:#f2f4e8;color:#61784e}.guide-tabs button[aria-pressed=true]{background:#e1ebd3;border-color:#91a777;color:#385432}.concept-guide p{margin:10px 0}.guide-count{display:flex;align-items:center;gap:12px}.guide-count input{width:64px;padding:6px 10px;border:1px solid #d2ddc1;border-radius:8px;background:#fffdf7}.guide-repeats{display:flex;gap:8px;margin:14px 0}.guide-repeats span{padding:7px 12px;border-radius:8px;background:#e3ecd5;color:#466740}.guide-outcome{padding:10px;background:#f0edcd;border-radius:9px}.concept-guide pre{background:#f1f4e8;border-radius:10px;font:12px/1.8 ui-monospace,monospace;padding:14px;white-space:pre-wrap;margin:14px 0}.trail-complete{border-top:1px solid #dbe4ce;padding-top:16px;margin-top:18px}.trail-complete p{font-size:12px;color:#6e805e;line-height:1.65;margin-bottom:12px}.game-panel{background:#fffdf4;border:1px solid #dde3d1;border-radius:22px;padding:22px}.game-score{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6f805f;margin-bottom:16px}.game-score strong{font-size:26px;color:#3e634b;margin:0 7px}.game-stage{position:relative;height:330px;border:1px solid #d3ddc7;border-radius:18px;overflow:hidden;outline:none}.game-stage:focus-visible{outline:3px solid #809f61;outline-offset:3px}.game-lanes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr)}.game-lanes span+span{border-left:1px dashed #9cac8733}.game-lanes:after{content:"";position:absolute;bottom:0;height:16px;left:0;right:0;background:#bacb9670}.falling-item{position:absolute;font-size:38px;line-height:1;transform:translate(-50%,-50%);z-index:1}.game-fox{position:absolute;width:58px;height:60px;transform:translate(-50%);transition:left .12s,bottom .15s;z-index:2}.game-fox img{width:56px;height:56px;border-radius:14px}.catch-basket{position:absolute;top:36px;left:-4px;right:-4px;height:27px;background:#b68a55;border:3px solid #886436;border-radius:3px 3px 14px 14px;text-align:center;font-size:20px;color:#f0dab1;line-height:13px}.catch-sparkles{position:absolute;top:-36px;left:-20px;right:-20px;text-align:center;font-size:27px;letter-spacing:1px;color:#b38e32;animation:catch-shine .5s ease-out}.fox-wobble img{animation:catch-wiggle .5s ease-in-out}.game-ready{position:absolute;top:35%;left:20px;right:20px;text-align:center;font-size:20px;color:#75845c}.game-finish{position:absolute;inset:35px 25px 100px;display:flex;gap:15px;align-items:center;justify-content:center;flex-direction:column;background:#fffdf5ed;border-radius:16px;color:#456948;text-align:center}.game-finish strong{font-size:22px}.game-finish span{font-size:12px}.game-move-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.game-move-controls .button{padding:9px 13px;font-size:12px}.game-move-controls>span{font-size:11px;color:#869173}.game-focus-tip{font-size:11px;line-height:1.7;color:#7a876e;margin-top:12px}.game-controls{margin-top:14px}.game-download{border-top:1px solid #e0e5d5;padding-top:16px;margin-top:18px}.game-download p{font-size:11px;line-height:1.6;color:#7a876d;margin-top:7px}.game-download .text-button{font-size:13px}.maker-build{margin-top:8px}.maker-command-help{font-size:12px;color:#748268;line-height:1.75;margin-top:18px}.maker-command-help p+p{margin-top:10px}.maker-command-help strong{color:#526e44;font-family:ui-monospace,monospace}.maker-experiment{background:#f0efd8;padding:12px;border-radius:10px}.rule-test-controls{border-top:1px solid #e0e5d5;padding-top:18px;margin-top:18px}.rule-test-controls>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.rule-test-controls .button{font-size:12px;padding:8px 11px}.rule-test-controls .overline{font-size:10px}.rule-preview-label{position:absolute;inset:30px 20px 100px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;text-align:center;color:#4e6842;background:#fffdf2de;border-radius:16px;font-size:13px}.rule-preview-label>span{font-size:42px}.rule-preview-label p{font-size:12px;line-height:1.7}.rule-preview-label b{font-size:19px}@keyframes catch-shine{0%{opacity:.4;transform:scale(.7) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes catch-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-16deg)}75%{transform:rotate(16deg)}}@media(min-width:761px)and (max-width:1100px){.maker-cards{gap:12px}.maker-cover{height:110px;font-size:28px;gap:9px}.maker-cover img{width:50px;height:50px}.maker-card-copy{padding:16px}.maker-card-copy h3{font-size:17px}.coding-workspace{gap:16px}.maze-panel,.program-panel,.game-panel{padding:18px}.execution-controls .button{font-size:11px;padding:9px 10px}.maze{gap:5px}.code-level{padding:18px;gap:12px}.code-level h3{font-size:15px}.forest-word-card{padding:13px;gap:12px}.word-illustration{width:56px;height:56px}.word-illustration svg{width:38px;height:38px}}@media(max-width:760px){.coding-workspace,.maker-cards{grid-template-columns:1fr}.coding-heading{flex-wrap:wrap}.maker-cover{height:120px}.code-level-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.maker-card,.game-fox{transition:none}.catch-sparkles,.fox-wobble img{animation:none}}.coding-stage-heading{margin:24px 0 10px;padding:22px 24px;background:#edf1e5;border:1px solid #dfe5d6;border-radius:18px}.coding-stage-heading .overline{font-size:10px;color:#728665;letter-spacing:.12em}.coding-stage-heading h2{margin:7px 0;font-size:21px;color:#344a34}.coding-stage-heading p{margin:0;color:#74806c;font-size:13px;line-height:1.6}.project-stage-heading{margin-top:42px}.studio-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin:18px 0}.studio-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;text-align:left;background:#fffdf4;border:1px solid #dde3d1;border-radius:13px;color:#475c42;transition:background .15s,border-color .15s}.studio-tabs button[aria-pressed=true]{background:#e8eedf;border-color:#8fa47e}.studio-tabs button small{font-size:10px;font-weight:700;letter-spacing:.06em;color:#7c896d}.studio-tabs button span{font-size:12px;font-weight:650}.studio-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:13px;padding:16px;color:inherit;text-decoration:none;background:#fffdf4;border:1px solid #dee3d4;border-radius:17px;transition:transform .18s,border-color .18s}.studio-card:hover{border-color:#91a77b;transform:translateY(-2px)}.studio-cover{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:15px;background:#edf1e5;font-size:32px}.studio-card-copy{display:block;min-width:0}.studio-card-copy .overline{display:flex;align-items:center;gap:5px;font-size:9px;color:#7a876d}.studio-card-copy h3{margin:7px 0;font-size:14px;line-height:1.4}.studio-card-copy p{margin:0 0 10px;color:#74806c;font-size:11px;line-height:1.5}.studio-card-copy .text-link{font-size:11px}@media(max-width:1100px){.studio-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.studio-cards{grid-template-columns:1fr}.coding-stage-heading{padding:18px}.coding-stage-heading h2{font-size:19px}}.studio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.studio-tabs button{padding:10px 16px;border:1px solid var(--color-line);border-radius:24px;background:var(--color-warm);color:var(--color-ink);cursor:pointer}.studio-tabs button[aria-pressed=true]{background:var(--color-forest);color:#fff}.studio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:36px}.studio-card{display:grid;grid-template-columns:120px 1fr;border:1px solid var(--color-line);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;background:var(--color-warm)}.studio-cover{display:flex;align-items:center;justify-content:center;font-size:39px;background:#e7ecd9;padding:20px;white-space:pre-wrap;text-align:center}.studio-card-copy{padding:20px}.studio-card h3{font-size:22px;margin:8px 0}.studio-card p{font-size:15px;line-height:1.6}.studio-play-panel{padding:24px;border:1px solid var(--color-line);border-radius:24px;background:var(--color-warm);align-self:start}.studio-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.studio-instructions{font-size:15px;line-height:1.6;margin:20px 0}.studio-stage{border-radius:20px;padding:22px;min-height:300px;text-align:center;overflow:hidden;position:relative}.studio-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-choices button,.studio-memory button{border:1px solid #b7c8a9;border-radius:15px;background:#fffdf4;padding:14px 6px;color:var(--color-ink);cursor:pointer}.studio-choices button span{display:block;font-size:43px;margin-bottom:8px}.studio-choices button strong,.studio-choices button small{display:block;line-height:1.6}.studio-choices button:disabled,.studio-question button:disabled{opacity:.7;cursor:default}.studio-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.studio-memory button{min-height:88px}.studio-memory button span{display:block;font-size:35px}.studio-memory button small{display:block;font-size:13px}.studio-memory .matched{background:#d9e8c6;border-color:#789966}.studio-question>span{font-size:55px}.studio-question h2{font-size:23px;line-height:1.4;margin:12px 0}.studio-question .button{display:block;width:100%;margin:8px 0}.studio-performer{position:relative;margin-top:20px;min-height:130px}.kind-show .studio-performer{min-height:275px;display:grid;place-content:center}.studio-actor{font-size:78px;line-height:1.2;display:inline-block}.kind-show .studio-actor{font-size:110px}.studio-bubble{min-height:28px;font-weight:600;font-size:20px;margin-bottom:12px}.studio-scenery{font-size:35px;letter-spacing:20px;opacity:.6;margin-top:25px}.studio-sparkles{position:absolute;left:0;right:0;top:35px;font-size:40px;color:#a88227;pointer-events:none}.studio-note{position:absolute;right:10px;top:25px;font-size:30px;color:#725c86}.studio-pixels{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:340px;margin:0 auto;border:1px solid #bcc7af}.studio-pixels span{aspect-ratio:1;border:1px solid #dde2d6}.studio-pixels .pixel-cursor{outline:3px solid #3f614a;outline-offset:-5px;position:relative}.pixel-cursor:after{content:"✎";position:absolute;inset:0;font-size:23px;line-height:1.4;color:#243b25}.studio-feedback{padding:14px;background:#f0eddc;border-radius:12px;font-size:15px;line-height:1.6}.studio-guide{margin-top:22px;padding:20px;background:#edf0e3;border-radius:18px;font-size:15px;line-height:1.7}.studio-guide code{display:block;overflow-wrap:anywhere;font-size:13px}.studio-guide summary{cursor:pointer;font-weight:600}.studio-downloads{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}.studio-project .execution-controls{flex-wrap:wrap}.action-jump{animation:studio-hop .6s ease}.action-spin{animation:studio-spin .65s ease}.action-wobble{animation:studio-wobble .6s ease}.studio-sparkles{animation:studio-shine .65s ease}@keyframes studio-hop{50%{transform:translateY(-28px)}}@keyframes studio-spin{to{transform:rotate(360deg)}}@keyframes studio-wobble{25%,75%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes studio-shine{50%{transform:scale(1.15);opacity:.5}}@media(max-width:1100px){.studio-workspace{grid-template-columns:1fr 1fr}.studio-card{grid-template-columns:85px 1fr}.studio-cover{font-size:30px}.studio-play-panel{padding:18px}.studio-stage{padding:15px}.studio-choices button span{font-size:33px}.studio-choices button small{font-size:12px}.studio-memory{gap:6px}}@media(prefers-reduced-motion:reduce){.studio-actor,.studio-sparkles{animation:none}}