*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline{display:inline}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.h-24{height:6rem}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}:root{color-scheme:light;--brand-blue:#2457c5;--brand-yellow:#ffc83d;--brand-green:#22c55e;--brand-purple:#8b5cf6;--brand-coral:#ff6b6b;--brand-sky:#7dd3fc;--ink:#1e2b4a;--ink-rgb:30 43 74;--muted:#56627a;--paper:#f5f8fe;--surface:#ffffff;--surface-2:#f0f5fd;--grid:transparent;--rule:#cbd8ec;--line:#e3eaf5;--line-strong:#d3ddee;--red:#e5484d;--blue:#2457c5;--blue-deep:#1d47a8;--blue-soft:#e7efff;--green:#15803d;--green-solid:#16a34a;--link:#2457c5;--yellow:#ffc83d;--purple:#7c4ddf;--mint:#e3f8ea;--on-brand:#ffffff;--shadow-sm:0 2px 6px rgb(var(--ink-rgb)/.08);--shadow-md:0 6px 18px rgb(var(--ink-rgb)/.10);--shadow-lg:0 14px 34px rgb(var(--ink-rgb)/.12);--bg-1d47a8:#1d47a8;--bg-1f4fb8:#1f4fb8;--bg-8d97a8:#8d97a8;--bg-9ed9bd:#9ed9bd;--bg-a0703c:#a0703c;--bg-a9c3f5:#a9c3f5;--bg-b07d00:#b07d00;--bg-b3261e:#b3261e;--bg-b9c6d8:#b9c6d8;--bg-c58a00:#c58a00;--bg-c5cfdd:#c5cfdd;--bg-c8a8f5:#c8a8f5;--bg-d5deea:#d5deea;--bg-d99a12:#d99a12;--bg-dcf3e8:#dcf3e8;--bg-e1e7f0:#e1e7f0;--bg-e1ebff:#e1ebff;--bg-e2f5ec:#e2f5ec;--bg-e6ebf2:#e6ebf2;--bg-e6ebf3:#e6ebf3;--bg-e7eefc:#e7eefc;--bg-ececec:#ececec;--bg-eceff4:#eceff4;--bg-eef1f6:#eef1f6;--bg-eef2f8:#eef2f8;--bg-efe4ff:#efe4ff;--bg-f0b8b3:#f0b8b3;--bg-f0f2f6:#f0f2f6;--bg-f0f4fa:#f0f4fa;--bg-f1f5fc:#f1f5fc;--bg-f1fbf6:#f1fbf6;--bg-f2fbf6:#f2fbf6;--bg-f3aaa3:#f3aaa3;--bg-f3cf75:#f3cf75;--bg-f3e2c7:#f3e2c7;--bg-f3e8ff:#f3e8ff;--bg-f3f6fb:#f3f6fb;--bg-f3fbf7:#f3fbf7;--bg-f5f8ff:#f5f8ff;--bg-f7faff:#f7faff;--bg-f8fafd:#f8fafd;--bg-fbfcfe:#fbfcfe;--bg-fde8e6:#fde8e6;--bg-ffc94d:#ffc94d;--bg-ffe1de:#ffe1de;--bg-fff0cc:#fff0cc;--bg-fff1c9:#fff1c9;--bg-fff3d1:#fff3d1;--bg-fff4f3:#fff4f3;--bg-fff8e1:#fff8e1;--bg-fff8e6:#fff8e6;--bg-fffdf5:#fffdf5;--bg-ffffff:#ffffff;--fg-0f5c3e:#0f5c3e;--fg-0f6a45:#0f6a45;--fg-11704c:#11704c;--fg-1d3f8f:#1d3f8f;--fg-4d5b75:#4d5b75;--fg-5321a8:#5321a8;--fg-666666:#666666;--fg-6b2fb3:#6b2fb3;--fg-6b4a00:#6b4a00;--fg-7a4d00:#7a4d00;--fg-7a5300:#7a5300;--fg-7a5400:#7a5400;--fg-8a5a00:#8a5a00;--fg-8c1d18:#8c1d18;--fg-9aa5b6:#9aa5b6;--fg-9c2a22:#9c2a22;--fg-a56d00:#a56d00;--fg-a5b0c2:#a5b0c2;--fg-b3261e:#b3261e;--fg-b5480f:#b5480f;--fg-b8c2d3:#b8c2d3;--fg-f08a24:#f08a24}:root[data-theme=dark]{color-scheme:dark;--brand-blue:#5b8cf5;--brand-yellow:#ffcf55;--brand-green:#34d399;--brand-purple:#a78bfa;--brand-coral:#ff8a8a;--brand-sky:#7dd3fc;--ink:#e6ecfa;--ink-rgb:0 0 0;--muted:#a9b4ca;--paper:#0e1424;--surface:#171f33;--surface-2:#1d2740;--grid:transparent;--rule:#33405c;--line:#2a3550;--line-strong:#364463;--red:#ff7b7f;--blue:#3f74e8;--blue-deep:#2e5fd0;--blue-soft:#1c2b4f;--green:#34d399;--green-solid:#15803d;--link:#8fb2ff;--yellow:#ffcf55;--purple:#a78bfa;--mint:#12372a;--on-brand:#ffffff;--shadow-sm:0 2px 6px rgb(0 0 0/.35);--shadow-md:0 8px 22px rgb(0 0 0/.4);--shadow-lg:0 16px 38px rgb(0 0 0/.45);--bg-1d47a8:#2349a2;--bg-1f4fb8:#2551b2;--bg-8d97a8:#8e97a7;--bg-9ed9bd:#77c5a0;--bg-a0703c:#9c7040;--bg-a9c3f5:#5888e5;--bg-b07d00:#b07d00;--bg-b3261e:#ad2b24;--bg-b9c6d8:#859ab7;--bg-c58a00:#bd8708;--bg-c5cfdd:#879ab5;--bg-c8a8f5:#9257e5;--bg-d5deea:#293b52;--bg-d99a12:#d1971a;--bg-dcf3e8:#1c5137;--bg-e1e7f0:#243247;--bg-e1ebff:#172746;--bg-e2f5ec:#1a4b34;--bg-e6ebf2:#223042;--bg-e6ebf3:#202e43;--bg-e7eefc:#172644;--bg-ececec:#222c42;--bg-eceff4:#222c3b;--bg-eef1f6:#1f293b;--bg-eef2f8:#1a283e;--bg-efe4ff:#291744;--bg-f0b8b3:#da6c62;--bg-f0f2f6:#212837;--bg-f0f4fa:#15263f;--bg-f1f5fc:#14233d;--bg-f1fbf6:#153e29;--bg-f2fbf6:#143d27;--bg-f3aaa3:#e3665a;--bg-f3cf75:#e9be53;--bg-f3e2c7:#604720;--bg-f3e8ff:#2b1641;--bg-f3f6fb:#14233d;--bg-f3fbf7:#143d28;--bg-f5f8ff:#131e38;--bg-f7faff:#122037;--bg-f8fafd:#132138;--bg-fbfcfe:#121e35;--bg-fde8e6:#441b17;--bg-ffc94d:#f7c145;--bg-ffe1de:#481c18;--bg-fff0cc:#54441c;--bg-fff1c9:#56471d;--bg-fff3d1:#51431b;--bg-fff4f3:#3a1613;--bg-fff8e1:#463b17;--bg-fff8e6:#433616;--bg-fffdf5:#383113;--bg-ffffff:var(--surface);--fg-0f5c3e:#c0f5e0;--fg-0f6a45:#bbf5dd;--fg-11704c:#b9f4de;--fg-1d3f8f:#afc2ef;--fg-4d5b75:#c1c8d6;--fg-5321a8:#c1a6ee;--fg-666666:#bcc4d7;--fg-6b2fb3:#c3a4e7;--fg-6b4a00:#f6e5bf;--fg-7a4d00:#f5e0ba;--fg-7a5300:#f5e2ba;--fg-7a5400:#f5e3ba;--fg-8a5a00:#f5dfb5;--fg-8c1d18:#f1b2b0;--fg-9aa5b6:#a0abbb;--fg-9c2a22:#edafab;--fg-a56d00:#f3dcad;--fg-a5b0c2:#a5b0c2;--fg-b3261e:#efa6a2;--fg-b5480f:#f2bfa4;--fg-b8c2d3:#b8c2d3;--fg-f08a24:#eebd8b}:root[data-theme=dark] .figure,:root[data-theme=dark] .light-island{--brand-blue:#2457c5;--brand-yellow:#ffc83d;--brand-green:#22c55e;--brand-purple:#8b5cf6;--brand-coral:#ff6b6b;--brand-sky:#7dd3fc;--ink:#1e2b4a;--ink-rgb:30 43 74;--muted:#56627a;--paper:#f5f8fe;--surface:#ffffff;--surface-2:#f0f5fd;--grid:transparent;--rule:#cbd8ec;--line:#e3eaf5;--line-strong:#d3ddee;--red:#e5484d;--blue:#2457c5;--blue-deep:#1d47a8;--blue-soft:#e7efff;--green:#15803d;--green-solid:#16a34a;--link:#2457c5;--yellow:#ffc83d;--purple:#7c4ddf;--mint:#e3f8ea;--on-brand:#ffffff;--shadow-sm:0 2px 6px rgb(var(--ink-rgb)/.08);--shadow-md:0 6px 18px rgb(var(--ink-rgb)/.10);--shadow-lg:0 14px 34px rgb(var(--ink-rgb)/.12);--bg-1d47a8:#1d47a8;--bg-1f4fb8:#1f4fb8;--bg-8d97a8:#8d97a8;--bg-9ed9bd:#9ed9bd;--bg-a0703c:#a0703c;--bg-a9c3f5:#a9c3f5;--bg-b07d00:#b07d00;--bg-b3261e:#b3261e;--bg-b9c6d8:#b9c6d8;--bg-c58a00:#c58a00;--bg-c5cfdd:#c5cfdd;--bg-c8a8f5:#c8a8f5;--bg-d5deea:#d5deea;--bg-d99a12:#d99a12;--bg-dcf3e8:#dcf3e8;--bg-e1e7f0:#e1e7f0;--bg-e1ebff:#e1ebff;--bg-e2f5ec:#e2f5ec;--bg-e6ebf2:#e6ebf2;--bg-e6ebf3:#e6ebf3;--bg-e7eefc:#e7eefc;--bg-ececec:#ececec;--bg-eceff4:#eceff4;--bg-eef1f6:#eef1f6;--bg-eef2f8:#eef2f8;--bg-efe4ff:#efe4ff;--bg-f0b8b3:#f0b8b3;--bg-f0f2f6:#f0f2f6;--bg-f0f4fa:#f0f4fa;--bg-f1f5fc:#f1f5fc;--bg-f1fbf6:#f1fbf6;--bg-f2fbf6:#f2fbf6;--bg-f3aaa3:#f3aaa3;--bg-f3cf75:#f3cf75;--bg-f3e2c7:#f3e2c7;--bg-f3e8ff:#f3e8ff;--bg-f3f6fb:#f3f6fb;--bg-f3fbf7:#f3fbf7;--bg-f5f8ff:#f5f8ff;--bg-f7faff:#f7faff;--bg-f8fafd:#f8fafd;--bg-fbfcfe:#fbfcfe;--bg-fde8e6:#fde8e6;--bg-ffc94d:#ffc94d;--bg-ffe1de:#ffe1de;--bg-fff0cc:#fff0cc;--bg-fff1c9:#fff1c9;--bg-fff3d1:#fff3d1;--bg-fff4f3:#fff4f3;--bg-fff8e1:#fff8e1;--bg-fff8e6:#fff8e6;--bg-fffdf5:#fffdf5;--bg-ffffff:#ffffff;--fg-0f5c3e:#0f5c3e;--fg-0f6a45:#0f6a45;--fg-11704c:#11704c;--fg-1d3f8f:#1d3f8f;--fg-4d5b75:#4d5b75;--fg-5321a8:#5321a8;--fg-666666:#666666;--fg-6b2fb3:#6b2fb3;--fg-6b4a00:#6b4a00;--fg-7a4d00:#7a4d00;--fg-7a5300:#7a5300;--fg-7a5400:#7a5400;--fg-8a5a00:#8a5a00;--fg-8c1d18:#8c1d18;--fg-9aa5b6:#9aa5b6;--fg-9c2a22:#9c2a22;--fg-a56d00:#a56d00;--fg-a5b0c2:#a5b0c2;--fg-b3261e:#b3261e;--fg-b5480f:#b5480f;--fg-b8c2d3:#b8c2d3;--fg-f08a24:#f08a24;color:var(--ink);background-color:#f7f9fd}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--brand-blue:#5b8cf5;--brand-yellow:#ffcf55;--brand-green:#34d399;--brand-purple:#a78bfa;--brand-coral:#ff8a8a;--brand-sky:#7dd3fc;--ink:#e6ecfa;--ink-rgb:0 0 0;--muted:#a9b4ca;--paper:#0e1424;--surface:#171f33;--surface-2:#1d2740;--grid:transparent;--rule:#33405c;--line:#2a3550;--line-strong:#364463;--red:#ff7b7f;--blue:#3f74e8;--blue-deep:#2e5fd0;--blue-soft:#1c2b4f;--green:#34d399;--green-solid:#15803d;--link:#8fb2ff;--yellow:#ffcf55;--purple:#a78bfa;--mint:#12372a;--on-brand:#ffffff;--shadow-sm:0 2px 6px rgb(0 0 0/.35);--shadow-md:0 8px 22px rgb(0 0 0/.4);--shadow-lg:0 16px 38px rgb(0 0 0/.45);--bg-1d47a8:#2349a2;--bg-1f4fb8:#2551b2;--bg-8d97a8:#8e97a7;--bg-9ed9bd:#77c5a0;--bg-a0703c:#9c7040;--bg-a9c3f5:#5888e5;--bg-b07d00:#b07d00;--bg-b3261e:#ad2b24;--bg-b9c6d8:#859ab7;--bg-c58a00:#bd8708;--bg-c5cfdd:#879ab5;--bg-c8a8f5:#9257e5;--bg-d5deea:#293b52;--bg-d99a12:#d1971a;--bg-dcf3e8:#1c5137;--bg-e1e7f0:#243247;--bg-e1ebff:#172746;--bg-e2f5ec:#1a4b34;--bg-e6ebf2:#223042;--bg-e6ebf3:#202e43;--bg-e7eefc:#172644;--bg-ececec:#222c42;--bg-eceff4:#222c3b;--bg-eef1f6:#1f293b;--bg-eef2f8:#1a283e;--bg-efe4ff:#291744;--bg-f0b8b3:#da6c62;--bg-f0f2f6:#212837;--bg-f0f4fa:#15263f;--bg-f1f5fc:#14233d;--bg-f1fbf6:#153e29;--bg-f2fbf6:#143d27;--bg-f3aaa3:#e3665a;--bg-f3cf75:#e9be53;--bg-f3e2c7:#604720;--bg-f3e8ff:#2b1641;--bg-f3f6fb:#14233d;--bg-f3fbf7:#143d28;--bg-f5f8ff:#131e38;--bg-f7faff:#122037;--bg-f8fafd:#132138;--bg-fbfcfe:#121e35;--bg-fde8e6:#441b17;--bg-ffc94d:#f7c145;--bg-ffe1de:#481c18;--bg-fff0cc:#54441c;--bg-fff1c9:#56471d;--bg-fff3d1:#51431b;--bg-fff4f3:#3a1613;--bg-fff8e1:#463b17;--bg-fff8e6:#433616;--bg-fffdf5:#383113;--bg-ffffff:var(--surface);--fg-0f5c3e:#c0f5e0;--fg-0f6a45:#bbf5dd;--fg-11704c:#b9f4de;--fg-1d3f8f:#afc2ef;--fg-4d5b75:#c1c8d6;--fg-5321a8:#c1a6ee;--fg-666666:#bcc4d7;--fg-6b2fb3:#c3a4e7;--fg-6b4a00:#f6e5bf;--fg-7a4d00:#f5e0ba;--fg-7a5300:#f5e2ba;--fg-7a5400:#f5e3ba;--fg-8a5a00:#f5dfb5;--fg-8c1d18:#f1b2b0;--fg-9aa5b6:#a0abbb;--fg-9c2a22:#edafab;--fg-a56d00:#f3dcad;--fg-a5b0c2:#a5b0c2;--fg-b3261e:#efa6a2;--fg-b5480f:#f2bfa4;--fg-b8c2d3:#b8c2d3;--fg-f08a24:#eebd8b}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body,"Quicksand"),ui-sans-serif,system-ui,"Segoe UI",sans-serif;font-size:18px;line-height:1.7;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display,"Quicksand"),var(--font-body,"Quicksand"),sans-serif;font-weight:800;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;border-radius:8px}.icon{width:18px;height:18px;flex:none}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-shell{overflow:hidden}.hero{position:relative;color:#ffffff;background:var(--blue-deep);border-bottom:8px solid var(--yellow)}.doodle{position:absolute;z-index:0}.doodle-a{top:130px;left:46%;width:38px;color:var(--yellow);transform:rotate(-12deg)}.doodle-b{bottom:64px;left:5%;width:30px;color:#ffffff;transform:rotate(14deg)}.doodle-squiggle{bottom:36px;left:38%;width:150px}.hero-grid,.topbar{position:relative;z-index:1}.topbar{min-height:84px;display:flex;justify-content:space-between;gap:24px}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:12px;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800}.brand-light{color:var(--yellow)}.brand-mark{position:relative;display:inline-block;width:34px;height:40px;flex:none;border-radius:4px 9px 9px 4px;background:var(--yellow);box-shadow:inset 7px 0 0 var(--bg-d99a12)}.brand-mark span{position:absolute;left:14px;right:6px;top:9px;height:10px;border-radius:3px;background:var(--bg-ffffff)}.nav-links{display:flex;align-items:center;gap:32px;font-size:16px;font-weight:500}.nav-links a{padding:6px 2px;border-bottom:3px solid transparent}.nav-links a:hover{border-bottom-color:var(--yellow)}.button,.top-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 24px;border:0;border-radius:14px;border-bottom:4px solid rgb(var(--ink-rgb)/.3);font:inherit;font-size:17px;font-weight:600;cursor:pointer}.button:active,.top-cta:active{transform:translateY(2px);border-bottom-width:2px}.button-yellow,.top-cta{color:var(--ink);background:var(--yellow)}.button-dark{color:#ffffff;background:var(--ink)}.button-white{color:var(--ink);background:var(--bg-ffffff);border:solid var(--line-strong);border-width:2px 2px 4px}.button-white:active{border-bottom-width:2px}.button-blue{color:#ffffff}.button:disabled{color:var(--muted);background:var(--bg-e6ebf3);border-bottom-color:var(--bg-c5cfdd);cursor:not-allowed;transform:none}.text-link{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;font-weight:600}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,80px);padding-top:40px;padding-bottom:104px}.hero h1{font-size:clamp(48px,6.6vw,82px)}.hero-lead{max-width:440px;margin-top:22px;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:25px;font-weight:600;line-height:1.4}.hero-body{max-width:460px;margin-top:14px;color:#e6eeff}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}.hero-note{max-width:460px;margin-top:28px;padding-left:14px;border-left:4px solid var(--yellow);color:#e6eeff;font-size:16px;line-height:1.6}.notebook{position:relative;padding:26px 24px 26px 76px;color:var(--ink);border:2px solid var(--line-strong);border-radius:6px 18px 18px 6px;background-color:var(--bg-ffffff);background-image:repeating-linear-gradient(transparent 0 47px,var(--rule) 47px 48px);background-position:0 20px;box-shadow:var(--shadow-lg);transform:rotate(2deg)}.notebook:before{content:"";position:absolute;top:0;bottom:0;left:52px;width:2px;background:var(--red);opacity:.7}.notebook-head{margin-bottom:4px;color:var(--muted);font-size:15px;line-height:48px}.notebook p.line{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:600;line-height:48px}.line-math{color:var(--link)}.line-viet{color:var(--red)}.line-english{color:var(--green)}.line-world{color:var(--fg-a56d00)}.sticker{position:absolute;top:-28px;right:-16px;display:grid;width:104px;height:104px;place-items:center;border:2px solid var(--line-strong);border-radius:50%;background:var(--yellow);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:21px;font-weight:800;line-height:1.1;text-align:center;transform:rotate(9deg)}.subjects-section{padding-top:88px;padding-bottom:96px}.section-heading{max-width:640px;margin-bottom:36px}.journey h2,.section-heading h2{font-size:clamp(32px,4.4vw,48px)}.section-side-note{margin-top:12px;color:var(--muted)}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grade-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px}.grade-title{margin-right:6px;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:22px;font-weight:800}.grade-chip{display:inline-grid;min-width:76px;min-height:48px;place-items:center;padding:6px 16px;border:2px solid var(--line-strong);border-radius:999px;background:var(--bg-ffffff);font-weight:600}.grade-chip:hover{background:var(--yellow)}.subject-card{display:flex;min-height:300px;flex-direction:column;padding:22px 20px 20px 28px;border-radius:6px 18px 18px 6px;border-left:14px solid rgb(var(--ink-rgb)/.28);background:var(--cover);color:#ffffff}.subject-card:hover{transform:rotate(-1.5deg)}.math{--cover:var(--blue)}.viet{--cover:var(--red)}.english{--cover:var(--green)}.world{--cover:var(--yellow);color:var(--ink)}.subject-mark{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:64px;font-weight:800;line-height:1}.subject-label{margin-top:auto;padding:12px 14px;border-radius:8px;background:var(--bg-ffffff);color:var(--ink)}.subject-label h3{font-size:23px}.subject-label p{margin-top:2px;color:var(--muted);font-size:15px;line-height:1.5}.subject-bottom{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:17px;font-weight:600}.journey{padding-block:88px;background:var(--bg-fff3d1);border-block:3px solid var(--line-strong)}.journey-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(40px,7vw,96px)}.steps-list{display:grid;gap:26px;margin:34px 0 0;padding:0;list-style:none}.step-item{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start}.step-number{display:grid;width:52px;height:52px;place-items:center;border:2px solid var(--line-strong);border-radius:50%;background:var(--yellow);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800}.step-item:nth-child(2) .step-number{background:var(--bg-ffffff)}.step-item:nth-child(3) .step-number{background:var(--mint)}.step-item h3{font-size:24px}.step-item p{margin-top:4px;color:var(--muted)}.lesson{padding:28px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff);box-shadow:var(--shadow-lg)}.lesson-tag{display:inline-block;padding:2px 12px;border-radius:999px;background:var(--bg-e1ebff);color:var(--link);font-size:15px;font-weight:600}.lesson-question{margin-top:14px;font-size:24px;line-height:1.35}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 0;padding:0;list-style:none}.answer{display:grid;height:64px;place-items:center;border:2px solid var(--rule);border-radius:14px;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:28px;font-weight:800}.answer-right{border-color:var(--green);background:var(--mint);color:var(--fg-11704c)}.lesson-feedback{margin-top:18px;padding-left:12px;border-left:4px solid var(--green);font-weight:600;font-size:16px;line-height:1.6}.safety-section{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:28px;margin-block:88px;padding:32px;border:2px solid var(--green);border-radius:18px;background:var(--mint)}.safety-symbol{width:56px;color:var(--green)}.safety-symbol svg{width:100%}.safety-copy h2{font-size:30px}.safety-copy p{max-width:680px;margin-top:10px;color:var(--muted);font-size:16px;line-height:1.7}.cta-band{background:var(--yellow);border-block:3px solid var(--line-strong)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;padding-block:56px}.cta-inner h2{max-width:560px;font-size:clamp(30px,4vw,44px)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px;color:var(--muted);font-size:15px}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:20px;font-weight:800}.footer-brand .brand-mark{width:24px;height:28px;background:var(--blue);box-shadow:inset 5px 0 0 var(--bg-1f4fb8)}.footer-brand .brand-mark span{left:10px;right:4px;top:6px;height:7px}.footer-status{padding:4px 12px;border-radius:999px;background:var(--bg-fff3d1);color:var(--ink);white-space:nowrap}.learn-top{position:sticky;top:0;z-index:30;color:#ffffff;background:var(--blue-deep);border-bottom:6px solid var(--yellow)}.learn-top-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.learn-top .brand{font-size:22px}.learn-top .brand-mark{width:28px;height:33px}.learn-top .brand-mark span{left:11px;right:5px;top:7px;height:8px}.learn-user{display:inline-flex;align-items:center;gap:10px;padding:4px 16px 4px 6px;border-radius:999px;background:rgba(255,255,255,.16);font-size:16px;font-weight:600}.learn-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--bg-ffffff);font-size:22px;line-height:1}.learn-main{width:min(760px,calc(100% - 32px));margin-inline:auto;padding-top:32px;padding-bottom:96px}.learn-main>*+*{margin-top:24px}.back-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:6px 18px 6px 12px;border:2px solid var(--line-strong);border-radius:999px;background:var(--bg-ffffff);font-weight:600}.back-link:hover{background:var(--yellow)}.subject-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}.subject-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:8px 14px 8px 20px;border:2px solid var(--line-strong);border-left-width:12px;border-radius:6px 14px 14px 6px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:20px;font-weight:800;cursor:pointer}.subject-tab[aria-pressed=true]{background:var(--cover);color:#ffffff;box-shadow:var(--shadow-sm)}.subject-tab.world[aria-pressed=true]{color:var(--ink)}.subject-tab:not([aria-pressed=true]){border-left-color:var(--cover)}.subject-tab-mark{font-size:22px}.subject-banner{padding:24px 24px 24px 32px;border-left:14px solid rgb(var(--ink-rgb)/.28);border-radius:6px 18px 18px 6px;background:var(--cover);color:#ffffff}.subject-banner.world{color:var(--ink)}.subject-banner h1{font-size:clamp(32px,6vw,44px)}.subject-banner p{max-width:520px;margin-top:6px}.progress-label{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-weight:600;font-size:16px}.progress-track{height:18px;margin-top:8px;overflow:hidden;border:2px solid var(--line-strong);border-radius:999px;background:var(--bg-ffffff)}.progress-fill{height:100%;border-radius:999px;background:var(--yellow);transition:width .4s ease}.progress-fill.is-green{background:var(--green-solid)}.learn-heading{font-size:28px}.lesson-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}.lesson-row{display:grid;grid-template-columns:56px 1fr;gap:6px 16px;align-items:center;padding:18px 20px;border:2px solid var(--line-strong);border-radius:6px 18px 18px 6px;background:var(--bg-ffffff)}.lesson-row.is-next{background:var(--bg-fff3d1);box-shadow:var(--shadow-md)}.lesson-no{display:grid;width:56px;height:56px;place-items:center;border:2px solid var(--line-strong);border-radius:50%;background:var(--bg-ffffff);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800}.lesson-row.is-next .lesson-no{background:var(--yellow)}.lesson-row.is-done .lesson-no{background:var(--mint);color:var(--fg-11704c);border-color:var(--green)}.lesson-info h3{font-size:22px}.lesson-info p{margin-top:2px;color:var(--muted);font-size:16px;line-height:1.5}.lesson-meta{margin-top:4px;font-size:15px;font-weight:600;color:var(--link)}.lesson-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;margin-top:6px;border-top:2px dashed var(--rule)}.stars{display:inline-flex;gap:2px}.star-on{fill:var(--yellow);stroke:var(--ink)}.star-off{fill:var(--surface);stroke:var(--rule)}.quiz-bar{position:sticky;top:var(--learn-top-h,74px);z-index:20;border-bottom:3px solid var(--line-strong);background:var(--paper)}.quiz-bar-inner{width:min(760px,calc(100% - 32px));margin-inline:auto;display:flex;align-items:center;gap:12px;padding-block:10px}.icon-button{display:grid;flex:none;width:48px;height:48px;place-items:center;border:2px solid var(--line-strong);border-radius:14px;background:var(--bg-ffffff);color:var(--ink);cursor:pointer}.icon-button:hover{background:var(--yellow)}.quiz-progress{flex:1}.quiz-count{flex:none;padding:2px 14px;border:2px solid var(--line-strong);border-radius:999px;font-weight:600;font-size:16px}.question-card,.quiz-count{background:var(--bg-ffffff)}.question-card{padding:28px;border:2px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow-lg)}.question-card>*+*{margin-top:20px}.question-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.question-prompt{font-size:clamp(24px,4.6vw,32px);line-height:1.35;text-align:center}.feedback-bar{position:fixed;z-index:40;left:0;right:0;bottom:0;padding:14px 0 max(14px,env(safe-area-inset-bottom));border-top:3px solid var(--line-strong);background:var(--bg-ffffff)}.feedback-bar.is-right{background:var(--mint)}.feedback-bar.is-wrong{background:var(--bg-ffe1de)}.feedback-inner{width:min(760px,calc(100% - 32px));margin-inline:auto;justify-content:space-between;gap:14px 20px;flex-wrap:wrap}.feedback-inner,.feedback-text{display:flex;align-items:center}.feedback-text{flex:1 1 280px;gap:12px}.feedback-text h2{font-size:22px}.feedback-text p{font-size:16px;line-height:1.5}.feedback-icon{display:grid;flex:none;width:48px;height:48px;place-items:center;border-radius:50%;color:#ffffff}.is-right .feedback-icon{background:var(--green-solid)}.is-wrong .feedback-icon{background:var(--red)}.result-card{padding:32px 24px;border:2px solid var(--line-strong);border-radius:18px;background:var(--yellow);box-shadow:var(--shadow-lg);text-align:center}.result-card>*+*{margin-top:20px}.result-card h1{font-size:clamp(30px,6vw,42px)}.result-stars{display:flex;justify-content:center;gap:12px}.result-star{display:grid;width:72px;height:72px;place-items:center;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff)}.result-star.is-on{animation:star-pop .5s ease backwards;animation-delay:calc(var(--i) * .2s)}@keyframes star-pop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0)}}.score-box{display:flex;justify-content:space-around;gap:16px;max-width:420px;margin-inline:auto;padding:14px;border:2px solid var(--line-strong);border-radius:14px;background:var(--bg-ffffff)}.score-box dt,.sync-note{color:var(--muted);font-size:15px}.sync-note{max-width:420px;margin-inline:auto;padding:8px 12px;border-radius:10px;background:var(--bg-ffffff);font-weight:600}.sync-note.is-ok{color:#15803d}.sync-note.is-warn{color:#b45309}.score-box dd{margin:0;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:34px;font-weight:800;line-height:1.2}.result-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.review-item{padding:14px 18px;border:2px solid var(--line-strong);border-left:10px solid var(--red);border-radius:6px 14px 14px 6px;background:var(--bg-ffffff)}.review-item h3{font-size:20px}.review-item p{margin-top:4px;color:var(--muted);font-size:16px;line-height:1.5}.empty-state{padding:32px 24px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff);text-align:center}.empty-state>*+*{margin-top:14px}.empty-state h1{font-size:28px}.empty-state p{color:var(--muted)}@media (max-width:900px){.wrap{width:min(100% - 40px,680px)}.nav-links{display:none}.hero-grid{grid-template-columns:1fr;padding-bottom:80px}.doodle-a{left:auto;right:8%;top:110px}.notebook{margin-right:14px}.subject-grid{grid-template-columns:1fr}.subject-card{min-height:220px}.journey-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start}.footer{flex-wrap:wrap;padding-block:20px}}@media (max-width:520px){body{font-size:17px}.wrap{width:calc(100% - 32px)}.brand{font-size:22px}.top-cta{padding:10px 14px;font-size:15px}.hero-lead{font-size:22px}.notebook{padding-left:62px}.notebook:before{left:42px}.notebook p.line{font-size:22px}.journey,.subjects-section{padding-block:64px}.subject-grid{grid-template-columns:1fr}.subject-card{min-height:240px}.answers{grid-template-columns:repeat(2,1fr)}.safety-section{grid-template-columns:1fr;padding:24px;margin-block:64px}.footer{align-items:flex-start;flex-direction:column}.subject-tab{font-size:17px;padding-inline:12px 8px}.subject-tabs{gap:8px}.subject-tab{gap:6px;padding-inline:8px 6px;font-size:15px;line-height:1.15;text-align:center}.question-card{padding:20px}.result-actions{grid-template-columns:1fr}.feedback-inner .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:active,.subject-card:hover,.top-cta:active{transform:none}.result-star.is-on{animation:none}.progress-fill{transition:none}}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:0;padding:0;list-style:none}.choice-grid.is-pair{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center}.choice{display:grid;width:100%;min-height:72px;place-items:center;padding:10px 14px;border:solid var(--line-strong);border-width:2px 2px 5px;border-radius:16px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:clamp(22px,4vw,28px);font-weight:800;line-height:1.2;text-align:center;cursor:pointer}.choice:hover:not(:disabled){background:var(--bg-fff3d1)}.choice:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}.choice[aria-pressed=true]{background:var(--bg-e1ebff);border-color:var(--blue-deep);box-shadow:0 0 0 3px var(--blue) inset}.choice.is-right{background:var(--mint);border-color:var(--green);color:var(--fg-11704c)}.choice.is-wrong{background:var(--bg-ffe1de);border-color:var(--red);color:var(--fg-9c2a22)}.choice:disabled{cursor:default}.choice:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.fill-wrap{display:flex;justify-content:center}.fill-input{width:min(320px,100%);min-height:72px;padding:10px 18px;border:solid var(--line-strong);border-width:2px 2px 5px;border-radius:16px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:30px;font-weight:800;text-align:center}.fill-input:focus{outline:3px solid var(--yellow);outline-offset:3px}.fill-input.is-right{background:var(--mint);border-color:var(--green)}.fill-input.is-wrong{background:var(--bg-ffe1de);border-color:var(--red)}.grade-chip[aria-current=true]{background:var(--ink);color:#ffffff}.grade-row.is-learn{margin-bottom:0}.unsupported-note{padding:14px 18px;border:2px dashed var(--rule);border-radius:14px;color:var(--muted);text-align:center}@media (max-width:520px){.choice-grid{gap:10px}.choice{min-height:64px}}.question-hint{color:var(--muted);font-size:16px;text-align:center}.choice-check{display:inline-grid;width:26px;height:26px;margin-right:8px;place-items:center;border:2px solid;border-radius:7px;font-size:18px;line-height:1;vertical-align:middle}.choice:has(.choice-check){display:flex;align-items:center;justify-content:center}.order-list{display:grid;gap:10px;margin-bottom:0;padding:0;list-style:none}.order-item{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;border:2px solid var(--line-strong);border-radius:14px;background:var(--bg-ffffff)}.order-no{display:grid;flex:none;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--yellow)}.order-no,.order-text{font-family:var(--font-display,"Quicksand"),sans-serif;font-weight:800}.order-text{flex:1;font-size:24px}.order-actions{display:flex;gap:6px}.order-actions .icon-button:disabled{opacity:.35;cursor:default}.order-list.is-right .order-item{background:var(--mint);border-color:var(--green)}.order-list.is-wrong .order-item{background:var(--bg-ffe1de);border-color:var(--red)}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match-col{display:grid;gap:10px;align-content:start;margin:0;padding:0;list-style:none}.match-cell{display:grid;width:100%;min-height:60px;place-items:center;gap:2px;padding:8px 12px;border:solid var(--line-strong);border-width:2px 2px 4px;border-radius:14px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:20px;font-weight:800;line-height:1.2;cursor:pointer}.match-cell:disabled{cursor:default}.match-cell.is-active{background:var(--bg-fff3d1);outline:3px solid var(--yellow);outline-offset:2px}.match-pair{font-family:var(--font-body,"Quicksand"),sans-serif;font-size:14px;font-weight:500;color:var(--muted)}.match-board.is-right .match-cell{background:var(--mint)}.match-board.is-wrong .match-cell{background:var(--bg-ffe1de)}@media (max-width:520px){.match-cell{font-size:17px}.order-text{font-size:20px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px 16px}.auth-card{display:grid;gap:16px;width:min(440px,100%);padding:32px 28px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff)}.auth-card h1{font-size:32px}.auth-brand{color:var(--link);font-size:22px}.auth-brand .brand-light{color:var(--yellow)}.auth-sub{color:var(--muted);font-size:16px;line-height:1.5}.auth-submit{width:100%}.auth-back{display:inline-flex;align-items:center;gap:6px;justify-self:center;color:var(--muted);font-size:15px}.adm{--adm-bg:var(--bg-f3f6fb);--adm-line:var(--bg-d5deea);min-height:100vh;background:var(--adm-bg);font-size:16px;line-height:1.5}.adm h1{font-size:28px}.adm h2{font-size:21px}.adm h3{font-size:18px}.adm-top{position:sticky;top:0;z-index:30;color:#ffffff;background:var(--blue-deep);border-bottom:4px solid var(--yellow)}.adm-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,calc(100% - 32px));margin-inline:auto}.adm-top-inner:first-child{min-height:60px}.adm-brand{font-size:20px}.adm-brand .brand-mark{width:24px;height:28px}.adm-brand .brand-mark span{left:10px;right:4px;top:6px;height:7px}.adm-brand-tag{margin-left:4px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.18);font-family:var(--font-body,"Quicksand"),sans-serif;font-size:13px;font-weight:600}.adm-user{display:flex;align-items:center;gap:14px}.adm-user-name{display:grid;text-align:right;font-size:14px;font-weight:600;line-height:1.25}.adm-user-name small{font-weight:400;opacity:.8}.adm-top-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px;border:1px solid rgba(255,255,255,.4);border-radius:10px;background:transparent;color:#ffffff;font:inherit;font-size:14px;cursor:pointer}.adm-top-link:hover{background:rgba(255,255,255,.14)}.adm-nav{display:flex;gap:4px;overflow-x:auto}.adm-nav-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:4px solid transparent;margin-bottom:-4px;color:rgba(255,255,255,.85);font-size:15px;font-weight:600;white-space:nowrap}.adm-nav-link:hover{color:#ffffff}.adm-nav-link[aria-current=page]{color:#ffffff;border-bottom-color:var(--bg-ffffff)}.adm-main{width:min(1180px,calc(100% - 32px));margin-inline:auto;padding:28px 0 80px}.adm-stack{display:grid;gap:20px}.adm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.adm-head p{color:var(--muted)}.adm-card{display:grid;gap:16px;padding:20px;border:1px solid var(--adm-line);border-radius:14px;background:var(--bg-ffffff);box-shadow:0 1px 2px rgb(var(--ink-rgb)/.05)}.adm-card .adm-card{box-shadow:none;background:var(--bg-fbfcfe)}.adm-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.adm-muted{color:var(--muted);font-size:14px}.adm-link{display:inline-flex;align-items:center;gap:6px;color:var(--link);font-weight:600;font-size:15px}.adm-link:hover{text-decoration:underline}.adm-spacer{flex:1}.adm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.adm-stat{display:grid;gap:2px;padding:16px 18px;border:1px solid var(--adm-line);border-left:6px solid var(--blue);border-radius:12px;background:var(--bg-ffffff)}.adm-stat:nth-child(2){border-left-color:var(--yellow)}.adm-stat:nth-child(3){border-left-color:var(--green)}.adm-stat:nth-child(4){border-left-color:var(--red)}.adm-stat-label{color:var(--muted);font-size:14px}.adm-stat-value{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:34px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.adm-stat-note{color:var(--muted);font-size:13px}.adm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--bg-b9c6d8);border-radius:10px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}.adm-btn:hover:not(:disabled){background:var(--bg-f0f4fa)}.adm-btn:disabled{opacity:.5;cursor:not-allowed}.adm-btn.is-primary{border-color:var(--blue-deep);background:var(--blue-deep);color:#ffffff}.adm-btn.is-primary:hover:not(:disabled){background:var(--bg-1d47a8)}.adm-btn.is-ghost{border-color:transparent;background:transparent;color:var(--link)}.adm-btn.is-danger{border-color:var(--bg-f0b8b3);color:var(--fg-b3261e)}.adm-btn.is-armed,.adm-icon.is-armed,.adm-role-x.is-armed{border-color:var(--bg-b3261e);background:var(--bg-b3261e);color:#ffffff}.adm-btn:focus-visible,.adm-chip:focus-visible,.adm-icon:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.adm-icon{display:inline-grid;min-width:36px;height:36px;place-items:center;padding:0 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.adm-icon:hover:not(:disabled){background:var(--bg-eef2f8);color:var(--ink)}.adm-icon:disabled{opacity:.3;cursor:default}.adm-icon.is-danger:hover:not(:disabled){color:var(--fg-b3261e)}.adm-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adm-field{display:grid;gap:6px;font-size:14px;font-weight:600}.adm-field>span{color:var(--muted)}.adm-code,.adm-field input,.adm-field select,.adm-field textarea,.adm-grant select,.adm-option input:not([type=radio]):not([type=checkbox]),.adm-search input{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--bg-b9c6d8);border-radius:10px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:16px;font-weight:400}.adm-code,.adm-field textarea{line-height:1.5;resize:vertical}.adm-code{font-family:ui-monospace,Consolas,monospace;font-size:13px}.adm-field :disabled{background:var(--bg-f3f6fb);color:var(--muted)}.adm-code:focus,.adm-field input:focus,.adm-field select:focus,.adm-field textarea:focus,.adm-option input:focus,.adm-search input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.adm-field.is-inline{grid-template-columns:auto;min-width:160px}.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.adm-field.is-wide{grid-column:1/-1}.adm-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.adm-search{display:flex;gap:8px;flex:1 1 260px}.adm-alert{padding:10px 14px;border-radius:10px;font-size:15px}.adm-alert ul{margin:0;padding-left:18px}.adm-alert.is-error{background:var(--bg-fde8e6);color:var(--fg-8c1d18)}.adm-alert.is-ok{background:var(--bg-e2f5ec);color:var(--fg-0f5c3e)}.adm-alert.is-info{background:var(--bg-e7eefc);color:var(--fg-1d3f8f)}.adm-alert.is-warn{background:var(--bg-fff3d1);color:var(--fg-6b4a00)}.adm-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.adm-badge.is-draft{background:var(--bg-eef1f6);color:var(--fg-4d5b75)}.adm-badge.is-review{background:var(--bg-fff1c9);color:var(--fg-7a5400)}.adm-badge.is-published{background:var(--bg-dcf3e8);color:var(--fg-0f6a45)}.adm-badge.is-archived{background:var(--bg-ececec);color:var(--fg-666666);text-decoration:line-through}.adm-tag{display:inline-flex;padding:1px 9px;border-radius:6px;background:var(--bg-e1ebff);color:var(--link);font-size:13px;font-weight:600}.adm-tag.is-soft{background:var(--bg-f0f2f6);color:var(--muted);font-weight:500}.adm-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.adm-table-wrap{overflow-x:auto;margin-inline:-4px}.adm-table{width:100%;border-collapse:collapse;font-size:15px}.adm-table td,.adm-table th{padding:10px 8px;border-bottom:1px solid var(--bg-e6ebf2);text-align:left;vertical-align:top}.adm-table thead th{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.adm-table tbody tr:hover{background:var(--bg-f8fafd)}.adm-table tr.is-bad td{background:var(--bg-fff4f3)}.adm-row-title{font-weight:600;color:var(--ink)}a.adm-row-title:hover{color:var(--link);text-decoration:underline}.adm-coverage td,.adm-coverage th{text-align:center}.adm-coverage th[scope=row]{text-align:left;white-space:nowrap}.adm-coverage td a{display:block;padding:4px;border-radius:8px;font-variant-numeric:tabular-nums;font-weight:600}.adm-coverage td a:hover{background:var(--bg-e7eefc)}.adm-coverage td.is-empty a{color:var(--fg-a5b0c2);font-weight:400}.adm-coverage td.is-thin a{color:var(--fg-7a5400)}.adm-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cover)}.adm-rows{display:grid;margin:0;padding:0;list-style:none}.adm-row-link{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--bg-e6ebf2)}.adm-row-link:hover{background:var(--bg-f8fafd)}.adm-lesson-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.adm-lesson-title{font-size:26px}.adm-qlist{display:grid;gap:10px;margin:0;padding:0;list-style:none}.adm-qitem{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:14px;border:1px solid var(--bg-e1e7f0);border-radius:12px;background:var(--bg-ffffff)}.adm-qnum{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--yellow);font-family:var(--font-display,"Quicksand"),sans-serif;font-weight:800}.adm-qbody{display:grid;gap:6px;min-width:0}.adm-qmeta{display:flex;gap:6px;flex-wrap:wrap}.adm-qprompt{font-size:17px;font-weight:600;overflow-wrap:anywhere}.adm-qopts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.adm-qopts li{padding:2px 10px;border:1px solid var(--bg-d5deea);border-radius:8px;font-size:14px}.adm-qopts li.is-correct{border-color:var(--green);background:var(--mint);color:var(--fg-0f5c3e);font-weight:600}.adm-qanswer{font-size:14px;overflow-wrap:anywhere}.adm-qtools{display:flex;align-items:flex-start;gap:2px}.adm-qslot{display:grid;gap:12px;padding:16px;border:2px solid var(--blue);border-radius:12px;background:var(--bg-f7faff);list-style:none}.adm-qform{display:grid;gap:14px}.adm-type-pick{display:flex;gap:6px;flex-wrap:wrap}.adm-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--bg-b9c6d8);border-radius:999px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.adm-chip.is-on,.adm-chip[aria-checked=true]{border-color:var(--blue-deep);background:var(--blue-deep);color:#ffffff}.adm-chip input{position:absolute;opacity:0;pointer-events:none}.adm-tf{display:flex;gap:8px}.adm-fieldset{display:grid;gap:8px;margin:0;padding:12px;border:1px dashed var(--bg-b9c6d8);border-radius:10px}.adm-fieldset legend{padding:0 6px;color:var(--muted);font-size:14px;font-weight:600}.adm-option{display:flex;align-items:center;gap:8px}.adm-option input[type=checkbox],.adm-option input[type=radio]{width:20px;height:20px;flex:none;accent-color:var(--green)}.adm-option-key{display:grid;flex:none;width:26px;height:26px;place-items:center;border-radius:6px;background:var(--bg-eef2f8);color:var(--muted);font-size:13px;font-weight:700}.adm-option.is-correct input:not([type=radio]):not([type=checkbox]){border-color:var(--green);background:var(--bg-f1fbf6)}.adm-pair>span[aria-hidden]{color:var(--muted);font-weight:700}.adm-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(20,30,50,.55)}.adm-modal-box{display:grid;gap:14px;width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px;border-radius:18px;background:var(--paper)}.adm-modal-head{display:flex;align-items:center;justify-content:space-between}.adm-preview-card{box-shadow:var(--shadow-md);font-size:18px}.adm-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--bg-ffffff);border:1px solid var(--adm-line,var(--bg-d5deea))}.adm-preview-foot.is-right{background:var(--mint)}.adm-preview-foot.is-wrong{background:var(--bg-ffe1de)}.adm-preview-result{gap:8px}.adm-preview-result,.adm-role{display:inline-flex;align-items:center;font-weight:600}.adm-role{gap:4px;padding:2px 4px 2px 10px;border-radius:999px;background:var(--bg-eef1f6);font-size:13px}.adm-role.is-teacher{background:var(--bg-e1ebff);color:var(--link)}.adm-role.is-school_admin{background:var(--bg-fff1c9);color:var(--fg-7a5400)}.adm-role.is-system_admin{background:var(--bg-fde8e6);color:var(--fg-8c1d18)}.adm-role-x{display:inline-grid;min-width:22px;height:22px;place-items:center;padding:0 4px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.adm-role-x:hover{background:rgba(0,0,0,.08)}.adm-grant{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.adm-grant select{width:auto;min-width:160px}@media (max-width:720px){.adm h1{font-size:24px}.adm-brand>span:nth-child(2),.adm-top-link span,.adm-user-name{display:none}.adm-qitem{grid-template-columns:1fr}.adm-qnum{display:none}.adm-qtools{justify-content:flex-end}.adm-row-link{grid-template-columns:1fr auto}.adm-row-link .adm-muted{grid-column:1}.adm-pair{flex-wrap:wrap}.adm-pair input{flex:1 1 40%}}.voice-help{position:relative;padding:14px 44px 14px 16px;border:2px dashed var(--yellow);border-radius:14px;background:var(--bg-fff8e1);color:var(--ink);font-size:15px;line-height:1.5}.voice-help ul{margin:8px 0 0;padding-left:18px}.voice-help li+li{margin-top:4px}.voice-help-x{position:absolute;top:8px;right:8px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.voice-help-x:hover{background:rgba(0,0,0,.06)}.adm-tabs{display:flex;gap:8px;flex-wrap:wrap}.adm-tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border:1px solid var(--adm-line);border-radius:12px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.adm-tab[aria-selected=true]{border-color:var(--cover);box-shadow:inset 0 -4px 0 var(--cover)}.adm-topic.is-off{opacity:.6}.adm-outcome-table td{vertical-align:middle}.adm-outcome-table tr.is-gap td:first-child{box-shadow:inset 4px 0 0 var(--yellow)}.adm-outcome-table tr.is-off td,.adm-table tr.is-off td{color:var(--fg-9aa5b6)}.adm-outcome-code{font-family:ui-monospace,Consolas,monospace;font-size:13px;color:var(--link);white-space:nowrap}.adm-levels{font-variant-numeric:tabular-nums;font-weight:600}.adm-row-tools{white-space:nowrap;text-align:right}.adm-inline-form{display:grid;gap:12px;padding:14px;border:2px solid var(--blue);border-radius:12px;background:var(--bg-f7faff)}.adm-check{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer}.adm-check input{width:18px;height:18px;accent-color:var(--blue-deep)}.adm-tag.is-ext{background:var(--bg-f3e8ff);color:var(--fg-6b2fb3)}.adm-tag.is-warn{background:var(--bg-fff1c9);color:var(--fg-7a5400)}.adm-tag.is-level1{background:var(--bg-e2f5ec);color:var(--fg-0f5c3e)}.adm-tag.is-level2{background:var(--bg-e1ebff);color:var(--link)}.adm-tag.is-level3{background:var(--bg-fde8e6);color:var(--fg-8c1d18)}.adm-tag.is-level4{background:var(--bg-fff0cc);color:var(--fg-7a4d00)}.adm-tag.is-level5{background:var(--bg-efe4ff);color:var(--fg-5321a8)}.adm-outcomes{gap:12px}.adm-outcome-group{display:grid;gap:4px}.adm-outcome-topic{font-weight:700;font-size:14px}.adm-outcome{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.45;cursor:pointer}.adm-outcome:hover{background:var(--bg-f0f4fa)}.adm-outcome input{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--blue-deep)}.adm-outcome .adm-tag{flex:none}.adm-outcome.is-off{opacity:.55}.adm-solution{border-left:4px solid var(--green);padding:4px 10px;background:var(--bg-f3fbf7);border-radius:0 8px 8px 0;font-size:14px}.adm-solution summary{cursor:pointer;font-weight:600;color:var(--fg-0f5c3e)}.adm-solution p{margin-top:4px;white-space:pre-line}.topic-groups{display:grid;gap:28px}.topic-group{display:grid;gap:14px}.topic-head{padding:4px 0 4px 14px;border-left:6px solid var(--cover,var(--blue))}.topic-head h3{font-size:22px}.topic-head p{color:var(--muted);font-size:15px;line-height:1.5}.solution-card{padding:18px 20px;border:2px dashed var(--green);border-radius:18px;background:var(--bg-f2fbf6)}.solution-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.solution-head h2{display:inline-flex;align-items:center;gap:8px;font-size:22px;color:var(--fg-11704c)}.solution-text{margin-top:10px;font-size:19px;line-height:1.7;white-space:pre-line}.review-solution{margin-top:6px;font-size:16px}.review-solution summary{cursor:pointer;font-weight:600;color:var(--fg-11704c)}.review-solution p{margin-top:4px;color:var(--ink);white-space:pre-line}.question-prompt{white-space:pre-line}.choice,.question-prompt{overflow-wrap:anywhere}.book-note{color:var(--muted);font-size:15px;line-height:1.5}.level-chip{display:inline-flex;gap:4px;padding:2px 10px;border:2px solid;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap}.level-chip.is-l1{color:var(--fg-0f5c3e);background:var(--bg-e2f5ec)}.level-chip.is-l2{color:var(--link);background:var(--bg-e1ebff)}.level-chip.is-l3{color:var(--fg-8c1d18);background:var(--bg-fde8e6)}.level-chip.is-l4{color:var(--fg-7a4d00);background:var(--bg-fff0cc)}.level-chip.is-l5{color:var(--fg-5321a8);background:var(--bg-efe4ff)}.intro-card{padding:28px 24px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff);box-shadow:var(--shadow-lg)}.intro-card>*+*{margin-top:18px}.intro-card h1{font-size:clamp(30px,6vw,40px)}.intro-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.intro-facts li{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:2px solid var(--line-strong);border-radius:999px;background:var(--bg-fff3d1);font-size:16px}.level-strip{display:flex;flex-wrap:wrap;gap:8px}.intro-rules{display:grid;gap:8px;margin-bottom:0;padding-left:22px;color:var(--ink);font-size:17px;line-height:1.5}.intro-start{width:100%;min-height:60px;font-size:20px}.quiz-submit{min-height:48px;padding:8px 14px;font-size:16px}.quiz-nav{width:min(760px,calc(100% - 32px));margin-inline:auto;display:flex;gap:6px;padding:0 0 10px;overflow-x:auto;scrollbar-width:thin}.nav-dot{display:grid;flex:none;width:40px;height:40px;place-items:center;border:solid var(--line-strong);border-width:2px 2px 4px;border-radius:12px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-weight:700;font-size:16px;cursor:pointer}.nav-dot.is-l1{box-shadow:inset 0 -5px 0 var(--bg-9ed9bd)}.nav-dot.is-l2{box-shadow:inset 0 -5px 0 var(--bg-a9c3f5)}.nav-dot.is-l3{box-shadow:inset 0 -5px 0 var(--bg-f3aaa3)}.nav-dot.is-l4{box-shadow:inset 0 -5px 0 var(--bg-f3cf75)}.nav-dot.is-l5{box-shadow:inset 0 -5px 0 var(--bg-c8a8f5)}.nav-dot:hover:not(:disabled){background:var(--bg-fff3d1)}.nav-dot.is-current{background:var(--yellow);outline:3px solid var(--line-strong);outline-offset:1px}.nav-dot.is-skipped{border-style:dashed;background:var(--bg-fff8e6)}.nav-dot.is-correct{background:var(--mint);border-color:var(--green);color:var(--fg-11704c);box-shadow:none}.nav-dot.is-wrong{background:var(--bg-ffe1de);border-color:var(--red);color:var(--fg-9c2a22);box-shadow:none}.nav-dot.is-timeout{background:var(--bg-eceff4);border-color:var(--bg-8d97a8);color:var(--fg-4d5b75);box-shadow:none}.nav-dot:disabled{cursor:default}.question-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.skip-tag{padding:2px 10px;border:2px dashed var(--bg-b07d00);border-radius:999px;background:var(--bg-fff8e6);color:var(--fg-7a4d00);font-size:14px;font-weight:700}.speak-button{min-height:48px}.timer-ring{position:relative;display:grid;flex:none;width:76px;height:76px;place-items:center}.timer-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-track{fill:var(--surface);stroke:var(--line-strong);stroke-width:7}.timer-value{fill:none;stroke:var(--green);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .3s}.timer-ring.is-mid .timer-value{stroke:var(--yellow)}.timer-ring.is-low .timer-value{stroke:var(--fg-f08a24)}.timer-ring.is-danger .timer-value{stroke:var(--red)}.timer-text{position:relative;margin-top:-8px;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800;line-height:1}.timer-unit{position:absolute;bottom:15px;font-size:11px;font-weight:700;color:var(--muted)}.timer-ring.is-danger .timer-text{color:var(--red);animation:timer-pulse 1s ease-in-out infinite}.timer-ring.is-paused .timer-value{stroke:var(--fg-b8c2d3)}.timer-ring.is-paused .timer-text{animation:none;color:var(--muted)}@keyframes timer-pulse{50%{transform:scale(1.18)}}.feedback-actions{display:flex;flex-wrap:wrap;gap:10px}.feedback-sub{display:block;margin-top:2px;color:var(--muted);font-size:15px}.points-pop{display:inline-block;margin-left:10px;padding:2px 10px;border-radius:999px;background:var(--yellow);color:var(--ink);font-size:16px;animation:star-pop .45s ease}.advance-note{margin-top:2px;color:var(--muted);font-size:15px!important}.dialog-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgb(var(--ink-rgb)/.55)}.dialog-card{width:min(440px,100%);padding:24px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff);box-shadow:var(--shadow-lg)}.dialog-card>*+*{margin-top:14px}.dialog-card h2{font-size:26px}.dialog-card p{color:var(--muted)}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-box-3{max-width:560px}.score-box dd.is-time{font-size:22px;line-height:1.6}.comment-card,.points-card{padding:22px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff)}.comment-card>*+*,.points-card>*+*{margin-top:14px}.points-rank{display:flex;align-items:center;gap:16px}.points-rank-icon{display:grid;flex:none;width:64px;height:64px;place-items:center;border:2px solid var(--line-strong);border-radius:50%;background:var(--bg-fff3d1);font-size:34px}.points-label{color:var(--muted);font-size:15px;font-weight:600}.points-total{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:36px;font-weight:800;line-height:1.1}.points-plus,.points-total>span:first-child{font-size:18px}.points-plus{margin-left:10px;padding:2px 10px;border-radius:999px;background:var(--green-solid);color:#ffffff;vertical-align:middle}.points-rank-name{font-size:16px}.rank-up{color:var(--green);font-weight:700}.points-note{color:var(--muted);font-size:15px;line-height:1.5}.points-breakdown{display:grid;gap:6px;margin:0;padding:0;list-style:none}.points-breakdown li{padding:6px 0;border-bottom:2px dashed var(--rule);font-size:16px}.comment-head,.points-breakdown li{display:flex;justify-content:space-between;gap:12px}.comment-head{align-items:center}.comment-head h2{font-size:24px}.comment-card ul{display:grid;gap:6px;margin:0;padding-left:22px;line-height:1.5}.level-table{width:100%;border-collapse:collapse;font-size:16px}.level-table td,.level-table th{padding:6px 4px;text-align:left}.level-table thead th{color:var(--muted);font-size:14px}.level-bar-cell{width:45%}.level-bar{display:block;height:12px;overflow:hidden;border:2px solid var(--line-strong);border-radius:999px;background:var(--bg-ffffff)}.level-bar span{display:block;height:100%;background:var(--green-solid)}.review-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:15px}.review-status{display:inline-flex;align-items:center;gap:4px;font-weight:700}.review-time{color:var(--muted)}.review-points{padding:0 8px;border-radius:999px;background:var(--yellow);font-weight:700}.review-item.is-correct{border-left-color:var(--green)}.review-item.is-correct .review-status{color:var(--fg-11704c)}.review-item.is-wrong .review-status{color:var(--fg-9c2a22)}.review-item.is-timeout{border-left-color:var(--bg-8d97a8)}.review-item.is-unanswered{border-left-color:var(--rule)}.points-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-weight:700;font-size:16px}@media (max-width:520px){.quiz-bar-inner{gap:8px}.quiz-submit{padding:8px 10px}.quiz-count{padding:2px 8px}.timer-ring{width:64px;height:64px}.timer-text{font-size:22px}.timer-unit{bottom:11px}.feedback-actions{width:100%}.feedback-actions .button{flex:1}.dialog-actions{grid-template-columns:1fr}.score-box-3{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.points-pop,.timer-ring.is-danger .timer-text{animation:none}.timer-value{transition:none}}.figure{display:flex;flex-direction:column;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;padding:16px 18px;border:2px solid var(--rule);border-radius:16px;background-color:var(--bg-ffffff);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px}.figure.is-compact{padding:6px;border:0;background:none}.fig-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 10px}.fig-row+.fig-row{padding-top:10px;border-top:2px dashed var(--rule)}.fig-emoji{font-size:34px;line-height:1.1}.figure.is-compact .fig-emoji{font-size:26px}.figure.is-compact .fig-row+.fig-row{padding-top:4px}.fig-compare-row{display:grid;gap:0;justify-items:center}.fig-compare-row+.fig-compare-row{padding-top:8px;border-top:2px dashed var(--rule)}.fig-svg{display:block;width:min(360px,78vw);height:auto}.fig-svg.is-sticks{width:min(300px,70vw)}.fig-svg.is-lines{width:min(340px,80vw);background:#fff;border-radius:10px}.fig-svg.is-bond{width:220px}.fig-svg.is-clock{width:150px}.figure.is-compact .fig-svg.is-clock{width:96px}.fig-clock-num{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:14px;font-weight:800;fill:var(--ink)}.fig-svg.is-ruler,.fig-svg.is-tens{max-width:100%}.fig-ruler-label{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:17px;font-weight:800;fill:var(--ink)}.fig-ruler-num{font-size:15px;font-weight:800;fill:var(--ink)}.fig-calendar{display:grid;justify-items:center;width:150px;overflow:hidden;border:2px solid var(--line-strong);border-radius:12px;background:var(--bg-ffffff);box-shadow:var(--shadow-sm)}.fig-cal-month{width:100%;padding:4px 0;background:var(--red);color:#ffffff;font-weight:800;text-align:center}.fig-cal-day{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:56px;font-weight:800;line-height:1.1;color:var(--link)}.fig-cal-weekday{padding-bottom:8px;font-weight:800;color:var(--red)}.fig-column{display:flex;align-items:center;gap:6px;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:32px;font-weight:800}.fig-col-op{align-self:center;margin-top:-40px}.fig-col-row,.fig-col-rows{display:grid;gap:4px}.fig-col-row{grid-template-columns:repeat(2,40px)}.fig-col-row.is-result{padding-top:4px;border-top:3px solid var(--line-strong)}.fig-col-cell{display:grid;height:44px;place-items:center}.fig-col-cell.is-ask{border:2px dashed var(--blue-deep);border-radius:8px;background:var(--bg-fff3d1);color:var(--link)}.fig-svg.is-blocks{width:auto;max-width:100%;height:auto;max-height:200px}.figure.is-compact .fig-svg{width:min(130px,34vw)}.figure.is-compact .fig-svg.is-blocks{max-height:90px}.fig-bond-text{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800;fill:var(--ink)}.fig-grid,.fig-pattern{display:grid;gap:6px}.fig-cell{display:grid;width:100%;aspect-ratio:1;place-items:center;border:2px solid var(--line-strong);border-radius:10px;background:var(--bg-ffffff)}.fig-box.is-ask,.fig-cell.is-ask{background:var(--bg-fff3d1);color:var(--link);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:30px;font-weight:800}.fig-sequence{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.fig-box{display:grid;min-width:44px;height:48px;place-items:center;padding:0 6px;border:2px solid var(--line-strong);border-radius:10px;background:var(--bg-ffffff);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800}.fig-grid{padding:6px;border:3px solid var(--bg-a0703c);border-radius:8px;background:var(--bg-f3e2c7)}.fig-grid-cell{display:grid;width:100%;height:58px;place-items:center;border-bottom:4px solid var(--bg-a0703c);font-size:clamp(24px,7vw,36px)}.choice-figure{display:flex;flex-direction:column;align-items:center;gap:4px}.choice-caption{font-size:18px}.blanks-wrap{display:grid;justify-items:center;gap:12px}.blanks-line{margin:0;font-size:clamp(22px,4.4vw,28px);font-weight:600;line-height:1.6;text-align:center}.blank-input{width:64px;height:56px;margin:0 6px;padding:0;border:solid var(--line-strong);border-width:2px 2px 4px;border-radius:12px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:28px;font-weight:800;text-align:center;vertical-align:middle}.blank-input:focus{outline:3px solid var(--yellow);outline-offset:2px}.blank-input.is-right{background:var(--mint);border-color:var(--green)}.blank-input.is-wrong{background:var(--bg-ffe1de);border-color:var(--red)}.tf-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:2px solid var(--line-strong);border-radius:14px;font-size:clamp(18px,3.6vw,22px)}.tf-table th{padding:10px;background:var(--bg-e1ebff);color:var(--link);font-weight:800}.tf-table td:first-child,.tf-table th:first-child{text-align:left}.tf-table td{padding:8px 10px;border-top:1px solid var(--rule)}.tf-table tbody tr:nth-child(2n) td{background:var(--bg-f5f8ff)}.tf-cell{width:70px;text-align:center}.tf-toggle{display:inline-grid;width:48px;height:48px;place-items:center;border:solid var(--line-strong);border-width:2px 2px 4px;border-radius:10px;background:var(--bg-ffffff);color:var(--link);font:inherit;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:24px;font-weight:800;cursor:pointer}.tf-toggle[aria-pressed=true]{background:var(--bg-e1ebff);box-shadow:0 0 0 3px var(--blue) inset}.tf-toggle:disabled{cursor:default}.tf-table.is-right{border-color:var(--green)}.tf-table.is-wrong{border-color:var(--red)}.practice-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:999px;background:var(--bg-fff3d1);color:var(--fg-8a5a00);font-size:15px;font-weight:700}.button-practice{color:var(--ink);background:var(--bg-fff3d1);border:solid var(--line-strong);border-width:2px 2px 4px}.intro-seed{color:var(--muted);font-size:14px}.figure.is-grid,.figure.is-pattern{width:100%}.fig-cell svg{width:72%;height:auto}@media (max-width:520px){.figure{padding:10px}.fig-box{min-width:40px;height:44px;font-size:22px}.fig-emoji{font-size:30px}}.practice-hub{margin:28px 0 8px;padding:22px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-fff3d1);box-shadow:var(--shadow-md)}.practice-hub h2{display:flex;align-items:center;gap:10px;margin:0;font-size:26px}.practice-hub>p{margin:8px 0 16px;color:var(--muted);font-size:16px;line-height:1.5}.practice-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none}.practice-chip{display:grid;gap:2px;height:100%;padding:10px 12px;border:solid var(--line-strong);border-width:2px 2px 4px;border-radius:12px;background:var(--bg-ffffff);color:var(--ink);text-decoration:none}.practice-chip:hover{background:var(--bg-e1ebff)}.practice-chip.is-done{border-color:var(--green)}.practice-chip-no{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:18px;font-weight:800;color:var(--link)}.practice-chip-name{font-size:14px;line-height:1.3}.practice-chip-score{justify-self:start;margin-top:4px;padding:0 8px;border-radius:999px;background:var(--mint);color:var(--fg-11704c);font-size:13px;font-weight:700}@media (max-width:520px){.practice-hub{padding:16px}.practice-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}.question-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.swap-button{display:inline-flex;align-items:center;gap:8px}.swap-count{padding:0 8px;border-radius:999px;background:var(--bg-fff3d1);color:var(--fg-8a5a00);font-size:14px;font-weight:700}.swap-button:disabled{opacity:.5;cursor:default}.swap-note{margin:0;color:var(--fg-9c2a22);text-align:center;font-weight:600}.set-panel{display:grid;gap:12px;margin:18px 0;padding:16px;border:2px dashed var(--rule);border-radius:16px;background:var(--bg-fffdf5)}.set-panel-title{margin:0;font-weight:800}.muc-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.muc-option{display:grid;gap:4px;padding:10px;border:solid var(--line-strong);border-width:2px 2px 4px;border-radius:12px;background:var(--bg-ffffff);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.muc-option strong{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:20px}.muc-option small{color:var(--muted);font-size:13px;line-height:1.35}.muc-option[aria-checked=true]{background:var(--bg-e1ebff);box-shadow:0 0 0 3px var(--blue) inset}.muc-option.is-m1 strong{color:var(--green)}.muc-option.is-m2 strong{color:var(--link)}.muc-option.is-m3 strong{color:var(--fg-b5480f)}.set-actions{display:flex;flex-wrap:wrap;gap:10px}.set-note{margin:0;color:var(--fg-8a5a00);font-size:14px}@media (max-width:520px){.muc-picker{grid-template-columns:1fr}.muc-option{grid-template-columns:90px 1fr;align-items:center}}.muc-all{margin:28px 0 8px;padding:20px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff);box-shadow:var(--shadow-md)}.muc-all h2{margin:0;font-size:24px}.muc-all>p{margin:8px 0 14px;color:var(--muted);font-size:16px;line-height:1.5}.muc-all .muc-all-note{margin:14px 0 0;font-size:15px}.muc-select{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.muc-select select{min-height:44px;padding:6px 10px;border:2px solid var(--line-strong);border-radius:10px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-weight:600}.muc-all-note svg{display:inline-block;vertical-align:-3px}.main-nav-list{display:flex;align-items:center;gap:4px;margin:0;padding:4px;list-style:none;border-radius:14px;background:rgba(255,255,255,.12)}.main-nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;color:#ffffff;font-size:16px;line-height:1.2;white-space:nowrap;transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.main-nav-icon{width:20px;height:20px;flex:none}.main-nav-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.2)}.main-nav-link[aria-current=page]{background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 rgb(var(--ink-rgb)/.45)}.main-nav-link[aria-current=page]:hover{background:var(--bg-ffc94d)}.main-nav-link:focus-visible{outline:3px solid var(--bg-ffffff);outline-offset:2px;border-radius:10px}.main-nav-link[aria-current=page]:focus-visible{outline-color:#ffffff;box-shadow:0 0 0 6px var(--ink)}@media (max-width:900px){.topbar{flex-wrap:wrap;row-gap:8px;padding-block:12px}.main-nav-home{order:3;width:100%}.doodle-a{top:150px}}@media (max-width:560px){.doodle-a{display:none}}@media (max-width:760px){.learn-top-inner{flex-wrap:wrap;row-gap:6px;padding-block:8px;min-height:0}.main-nav-learn{order:3;width:100%}}@media (max-width:900px){.main-nav-home .main-nav-list,.main-nav-learn .main-nav-list{display:grid;grid-template-columns:repeat(3,1fr)}.main-nav-home .main-nav-link,.main-nav-learn .main-nav-link{justify-content:center}}@media (max-width:560px){.main-nav-link{flex-direction:column;gap:2px;width:100%;min-height:52px;padding:6px 2px;font-size:13px}.main-nav-icon{width:20px;height:20px}}.footer-links{display:flex;gap:16px;font-size:15px}.footer-links a{text-decoration:underline;text-underline-offset:4px}.games-main{padding-top:32px;padding-bottom:96px}.games-main>*+*{margin-top:24px}.games-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:2px solid var(--line-strong);border-radius:20px;background:var(--bg-ffffff);box-shadow:var(--shadow-md)}.games-kicker{color:var(--link);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.games-hero h1{margin-top:4px;font-size:clamp(34px,6vw,52px)}.games-lead{margin-top:8px;color:var(--muted);font-size:20px;font-weight:500}.games-hero-milo{flex:none}.game-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.game-filters{display:flex;flex-wrap:wrap;gap:8px}.game-filter{min-height:44px;padding:6px 18px;border:2px solid var(--line-strong);border-radius:999px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease}.game-filter:hover{transform:translateY(-2px);background:var(--bg-fff3d1)}.game-filter[aria-pressed=true]{background:var(--blue-deep);border-color:var(--blue-deep);color:#ffffff}.game-filter[aria-pressed=true]:hover{background:var(--bg-1f4fb8)}.game-filter:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.game-grade{display:inline-flex;align-items:center;gap:10px;font-weight:600}.game-grade select{min-height:44px;padding:6px 36px 6px 14px;border:2px solid var(--line-strong);border-radius:12px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:16px}.game-grade select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.game-grade-note{padding:14px 18px;border-left:6px solid var(--yellow);border-radius:6px 14px 14px 6px;background:var(--bg-ffffff);font-size:16px}.game-level-note{display:block;margin-top:4px;color:var(--muted);font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-card{display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff);transition:transform .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.game-art{position:relative;border-bottom:2px solid var(--line-strong)}.game-art-scene{display:block;width:100%;height:auto}.game-art-milo{position:absolute;top:4px;right:6px}.game-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 20px 20px}.game-card-body h3{font-size:24px}.game-card-tags{display:flex;flex-wrap:wrap;gap:6px}.game-tag{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--bg-e1ebff);color:var(--link);font-size:13px;font-weight:700;line-height:1.6}.game-tag.is-beta{background:var(--bg-fff3d1);color:var(--fg-7a5300);border:1px dashed var(--bg-c58a00)}.game-card-summary{color:var(--ink);font-size:16px;line-height:1.55}.game-card-skills{color:var(--muted);font-size:15px;font-weight:600}.game-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:auto;padding-top:6px;color:var(--muted);font-size:15px}.game-card-level{padding:1px 10px;border-radius:999px;background:var(--mint);color:var(--fg-11704c);font-weight:600}.game-play{margin-top:6px;width:100%}.game-empty{display:flex;align-items:center;gap:24px;padding:28px;border:2px dashed var(--line-strong);border-radius:18px;background:var(--bg-ffffff)}.game-empty h2{font-size:26px}.game-empty p{margin-top:8px;color:var(--muted)}.game-empty-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.game-main{width:min(860px,calc(100% - 32px));margin-inline:auto;padding-top:28px;padding-bottom:96px}.game-main>*+*{margin-top:20px}.game-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.game-head h1{font-size:clamp(30px,5vw,42px)}.game-head p{flex-basis:100%;color:var(--muted)}.level-picker{margin:0;padding:16px 18px;border:2px solid var(--line-strong);border-radius:16px;background:var(--bg-ffffff)}.level-picker legend{padding:0 6px;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:18px;font-weight:800}.level-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.level-option{position:relative}.level-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.level-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:4px;border:2px solid var(--rule);border-radius:12px;background:var(--bg-f7faff);font-size:13px;line-height:1.25;text-align:center;transition:transform .18s ease,background-color .18s ease,border-color .18s ease;pointer-events:none}.level-chip strong{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:18px}.level-option:hover .level-chip{transform:translateY(-2px);border-color:var(--line-strong)}.level-option input:checked+.level-chip{background:var(--blue-deep);border-color:var(--blue-deep);color:#ffffff}.level-option input:focus-visible+.level-chip{outline:3px solid var(--yellow);outline-offset:3px}.level-detail{margin-top:10px;font-size:15px}.level-note{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.5}.game-panel{padding:22px;border:2px solid var(--line-strong);border-radius:20px;background:var(--bg-ffffff);box-shadow:var(--shadow-sm)}.game-panel-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.game-progress{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:20px;font-weight:800}.game-score{color:var(--muted);font-size:16px;font-weight:600}.game-question{margin-top:12px;font-size:clamp(24px,4vw,30px)}.game-finish h2:focus,.game-question:focus{outline:none}.game-finish h2:focus-visible,.game-question:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;border-radius:6px}.game-bar{display:flex;flex-wrap:wrap;gap:12px}.game-loading{padding:32px;color:var(--muted);text-align:center}.game-feedback-slot{margin-top:18px}.game-feedback{display:flex;align-items:flex-start;gap:16px;padding:16px 18px;border:2px solid;border-radius:16px}.game-feedback.is-right{border-color:var(--green);background:var(--mint)}.game-feedback.is-try{border-color:var(--bg-c58a00);background:var(--bg-fff3d1)}.game-feedback>div>*+*{margin-top:8px}.game-feedback-title{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:22px;font-weight:800}.game-feedback .milo{flex:none}.game-finish{display:flex;align-items:center;gap:24px;padding:28px;border:2px solid var(--line-strong);border-radius:20px;background:var(--bg-ffffff);box-shadow:var(--shadow-sm)}.game-finish .milo{flex:none}.game-finish h2{font-size:clamp(28px,5vw,38px)}.game-finish-body>*+*{margin-top:12px}.game-finish-actions{padding-top:6px}.game-finish-actions,.game-stats{display:flex;flex-wrap:wrap;gap:12px}.game-stats{margin:0}.game-stats div{min-width:120px;padding:8px 16px;border-radius:12px;background:var(--bg-f1f5fc)}.game-stats dt{color:var(--muted);font-size:14px}.game-stats dd{margin:0;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800}.pattern-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;padding:14px;list-style:none;border-radius:14px;background:var(--bg-f1f5fc)}.pattern-cell{display:grid;min-width:60px;min-height:60px;place-items:center;padding:4px;border-radius:12px;background:var(--bg-ffffff)}.pattern-cell.is-blank{border:3px dashed var(--blue-deep);color:var(--link);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:32px;font-weight:800}.pattern-count{display:grid;grid-template-columns:repeat(5,auto);gap:1px;max-width:110px}.pattern-options{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.pattern-options.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-options.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pattern-option{display:grid;width:100%;min-height:88px;place-items:center;padding:8px;border:solid var(--line-strong);border-width:2px 2px 5px;border-radius:16px;background:var(--bg-ffffff);cursor:pointer;transition:transform .16s ease,background-color .16s ease}.pattern-option:hover:not([aria-disabled=true]){transform:translateY(-2px);background:var(--bg-fff3d1)}.pattern-option[aria-disabled=true]{cursor:default}.pattern-option.is-right{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 3px var(--green) inset}.pattern-option.is-wrong{border-color:var(--bg-c58a00);background:var(--bg-fff3d1)}.pattern-option:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.memory-status{display:flex;align-items:center;gap:12px;min-height:64px;margin-top:12px;padding:6px 14px;border-radius:14px;background:var(--bg-f1f5fc);font-weight:600}.memory-status .milo{flex:none}.memory-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:12px;max-width:560px;margin:18px auto 0;padding:0;list-style:none}.memory-card{display:block;width:100%;aspect-ratio:3/4;padding:0;border:0;background:none;cursor:pointer;perspective:600px}.memory-card[aria-disabled=true]{cursor:default}.memory-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .26s ease}.memory-card.is-up .memory-inner{transform:rotateY(180deg)}.memory-back,.memory-front{position:absolute;inset:0;display:grid;place-items:center;border:solid var(--line-strong);border-width:2px 2px 5px;border-radius:14px;backface-visibility:hidden}.memory-back{background:var(--blue-deep);background-image:radial-gradient(rgba(255,255,255,.18) 2px,transparent 0);background-size:14px 14px}.memory-front{background:var(--bg-ffffff);transform:rotateY(180deg)}.memory-card.is-matched .memory-front{border-color:var(--green);background:var(--mint)}.memory-card:not([aria-disabled=true]):hover .memory-back{filter:brightness(1.12)}.memory-card:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:14px}.maze-help{margin-top:6px;color:var(--muted);font-size:15px}.maze-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:16px}.maze-board{display:block;width:100%;max-width:520px;height:auto;margin-inline:auto;border-radius:10px;background:var(--bg-ffffff)}.maze-pad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,72px);grid-template-rows:repeat(3,72px);gap:6px}.maze-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:solid var(--line-strong);border-width:2px 2px 5px;border-radius:16px;background:var(--yellow);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;touch-action:manipulation}.maze-btn svg{width:28px;height:28px}.maze-btn:active{transform:translateY(2px);border-bottom-width:3px}.maze-btn:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}.maze-btn.is-up{grid-area:up}.maze-btn.is-down{grid-area:down}.maze-btn.is-left{grid-area:left}.maze-btn.is-right{grid-area:right}.maze-note{min-height:30px;margin-top:14px;padding:8px 14px;border-radius:12px;background:var(--bg-f1f5fc);font-weight:600}.sudoku-layout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin-top:16px}.sudoku-grid{display:grid;width:min(100%,calc(var(--n) * 68px));overflow:hidden;border:3px solid var(--ink);border-radius:12px;background:var(--bg-ffffff)}.sudoku-row{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}.sudoku-cell{display:grid;aspect-ratio:1;place-items:center;padding:0;border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:transparent;color:var(--link);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:clamp(22px,6vw,30px);font-weight:700;cursor:pointer;touch-action:manipulation}.sudoku-row:last-child .sudoku-cell{border-bottom:0}.sudoku-cell:last-child{border-right:0}.sudoku-cell.box-r{border-right:3px solid var(--ink)}.sudoku-cell.box-b{border-bottom:3px solid var(--ink)}.sudoku-cell.is-given{color:var(--ink);font-weight:800;background:var(--bg-f1f5fc);cursor:default}.sudoku-cell.is-peer{background:var(--bg-f7faff)}.sudoku-cell.is-given.is-peer{background:var(--bg-e1ebff)}.sudoku-cell.is-sel{background:var(--bg-fff3d1);box-shadow:0 0 0 3px var(--blue-deep) inset}.sudoku-cell.is-wrong{color:#c2261c;background:var(--bg-fde8e6);-webkit-text-decoration:underline wavy #e2483d;text-decoration:underline wavy #e2483d}.sudoku-cell.is-mark{box-shadow:inset 0 0 0 3px #e2483d}.sudoku-cell:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}.sudoku-pad{display:grid;grid-template-columns:repeat(2,64px);gap:8px}.sudoku-key{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;border:solid var(--line-strong);border-width:2px 2px 5px;border-radius:14px;background:var(--bg-ffffff);color:var(--ink);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800;cursor:pointer;touch-action:manipulation}.sudoku-key.is-erase{grid-column:1/-1;min-height:48px;flex-direction:row;gap:6px;font-family:inherit;font-size:15px;background:var(--bg-f1f5fc)}.sudoku-key.is-erase svg{width:20px;height:20px}.sudoku-key:disabled{opacity:.5;cursor:default}.sudoku-key:active:not(:disabled){transform:translateY(2px);border-bottom-width:3px}.sudoku-key:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}.balance-facts{margin-top:14px;padding:10px 12px;border-radius:14px;background:var(--bg-f1f5fc)}.balance-facts p{font-size:15px;font-weight:700}.balance-facts ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 0;padding:0;list-style:none}.balance-facts li{flex:0 1 200px;padding:4px;border-radius:12px;background:#f7fbff}.balance-main{margin-top:12px;border-radius:16px;background:#f7fbff}.balance-svg{display:block;width:100%;max-width:460px;height:auto;margin-inline:auto}.balance-svg.is-small{max-width:220px}.balance-beam,.balance-pan{transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.balance-option{min-height:64px;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:30px;font-weight:800;color:var(--ink)}.demo-label,.status-label{display:inline-block;padding:2px 12px;border:2px dashed var(--bg-c58a00);border-radius:999px;background:var(--bg-fff3d1);color:var(--fg-7a5300);font-size:14px;font-weight:700}.ach-hero,.parent-status{display:flex;align-items:center;gap:24px;padding:28px;border:2px solid var(--line-strong);border-radius:20px;background:var(--bg-ffffff);box-shadow:var(--shadow-md)}.ach-hero .milo,.parent-status .milo{flex:none}.ach-hero h1,.parent-status h1{margin-top:8px;font-size:clamp(30px,5vw,44px)}.ach-hero p:not(.demo-label),.parent-status p:not(.status-label){margin-top:10px;color:var(--muted);font-size:16px}.parent-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.ach-section h2{margin-bottom:12px;font-size:26px}.ach-muted{margin-bottom:12px;color:var(--muted);font-size:15px}.ach-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.ach-stats div{padding:16px 20px;border:2px solid var(--line-strong);border-radius:16px;background:var(--bg-ffffff)}.ach-stats dt{color:var(--muted);font-size:15px;font-weight:600}.ach-stats dd{margin:0;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:40px;font-weight:800;line-height:1.1}.ach-praise{padding:20px 24px;border-left:8px solid var(--green);border-radius:8px 18px 18px 8px;background:var(--mint)}.ach-praise ul{margin:0;padding-left:20px}.ach-praise li+li{margin-top:6px}.ach-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.ach-game{display:flex;flex-direction:column;gap:10px;padding:18px;border:2px solid var(--line-strong);border-radius:16px;background:var(--bg-ffffff)}.ach-game-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.ach-game-head h3{font-size:20px}.ach-game-head span{color:var(--muted);font-size:14px}.ach-game p{color:var(--muted);font-size:15px;line-height:1.5}.ach-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0;padding:0;list-style:none}.ach-levels li{padding:4px 0;border:2px solid var(--rule);border-radius:8px;background:var(--bg-f7faff);color:var(--muted);font-size:13px;font-weight:700;text-align:center}.ach-levels li.is-done{border-color:var(--green);background:var(--green-solid)}.text-action{align-self:flex-start;margin-top:auto;color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:4px}.ach-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:0;padding:0;list-style:none}.ach-badges li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid var(--line-strong);border-radius:16px;background:var(--bg-ffffff);text-align:center}.ach-badges li.is-locked{border-style:dashed;background:var(--bg-f7faff)}.ach-badges h3{font-size:17px}.ach-badges p{color:var(--muted);font-size:14px;line-height:1.4}@media (max-width:900px){.ach-progress,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ach-hero,.game-empty,.game-finish,.games-hero,.parent-status{flex-direction:column;align-items:flex-start;padding:22px}.games-hero{flex-direction:column-reverse}.ach-progress,.ach-stats,.game-grid{grid-template-columns:1fr}.game-toolbar{align-items:stretch;flex-direction:column}.game-grade select{flex:1}.game-panel{padding:16px}.level-options{gap:4px}.level-chip{min-height:52px;font-size:11px}.level-chip strong{font-size:16px}.pattern-cell{min-width:48px;min-height:48px}.pattern-cell .shape-icon{width:36px;height:36px}.pattern-options.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.game-feedback{flex-direction:column}.game-bar .button,.game-finish-actions .button{flex:1 1 auto}.memory-grid{gap:8px}.memory-front .shape-icon{width:38px;height:38px}.maze-layout{grid-template-columns:1fr;justify-items:center}.maze-pad{grid-template-columns:repeat(3,76px);grid-template-rows:repeat(3,64px)}.sudoku-pad{grid-template-columns:repeat(var(--keys,5),minmax(0,1fr));width:100%}.sudoku-key.is-erase{grid-column:auto;min-height:60px;gap:0;font-size:12px}.sudoku-key.is-erase,.sudoku-layout{flex-direction:column}.balance-facts li{flex-basis:100%}.balance-svg.is-small{max-width:260px}.balance-option{min-height:56px;font-size:26px}}@media (prefers-reduced-motion:reduce){.game-card,.game-filter,.level-chip,.main-nav-link,.memory-inner,.pattern-option{transition:none}.game-card:hover,.game-filter:hover,.level-option:hover .level-chip,.main-nav-link:hover,.maze-btn:active,.pattern-option:hover:not([aria-disabled=true]),.sudoku-key:active:not(:disabled){transform:none}.balance-beam,.balance-pan{transition:none}}.knowledge-card{margin-top:16px;padding:14px 18px;border:2px solid var(--green);border-radius:16px;background:var(--mint);text-align:left}.knowledge-card summary{display:flex;align-items:center;gap:8px;min-height:32px;color:var(--fg-11704c);font-family:var(--font-display,"Quicksand"),sans-serif;font-size:20px;font-weight:800;cursor:pointer;list-style:none}.knowledge-card summary::-webkit-details-marker{display:none}.knowledge-card summary:after{content:"▾";margin-left:auto;font-size:18px;transition:transform .18s ease}.knowledge-card:not([open]) summary:after{transform:rotate(-90deg)}.knowledge-card summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;border-radius:8px}.knowledge-card ul{margin:8px 0 0;padding-left:22px;font-size:17px;line-height:1.55}.knowledge-card li+li{margin-top:4px}.knowledge-example{margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--bg-ffffff)}.knowledge-example-label{display:inline-block;margin-bottom:4px;padding:0 10px;border-radius:999px;background:var(--bg-fff3d1);color:var(--fg-7a5300);font-size:13px;font-weight:800}.knowledge-example pre{margin:0;font-family:var(--font-body,"Quicksand"),sans-serif;font-size:18px;font-weight:700;line-height:1.45;white-space:pre-wrap}.knowledge-note{margin-top:6px;font-size:16px}.knowledge-example pre.is-column{font-family:ui-monospace,Consolas,Courier New,monospace;font-size:20px}@media (prefers-reduced-motion:reduce){.knowledge-card summary:after{transition:none}}.timer-sound{margin:0;padding:12px 14px;border:2px solid var(--rule);border-radius:14px;background:var(--bg-f7faff)}.timer-sound legend{display:inline-flex;align-items:center;gap:6px;padding:0 6px;font-weight:800}.timer-sound-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.timer-sound-option{position:relative;display:block;cursor:pointer}.timer-sound-option input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.timer-sound-option>span{display:grid;gap:2px;height:100%;padding:8px 10px;border:2px solid var(--rule);border-radius:12px;background:var(--bg-ffffff);line-height:1.3}.timer-sound-option small{color:var(--muted);font-size:13px}.timer-sound-option input:checked+span{border-color:var(--blue-deep);background:var(--bg-e1ebff);box-shadow:inset 0 0 0 1px var(--blue-deep)}.timer-sound-option input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}@media (max-width:560px){.timer-sound-options{grid-template-columns:1fr}}.lesson-row{scroll-margin-top:150px}.lesson-row:focus{outline:none}.lesson-row:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.lesson-toc{display:none}.toc-title{display:flex;align-items:center;gap:6px;margin:0;font-family:var(--font-display,"Quicksand"),sans-serif;font-size:18px;font-weight:800}.toc-group+.toc-group{margin-top:12px}.toc-group-title{margin:0 0 4px;padding:0 6px;color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.toc-group ul{margin:0;padding:0;list-style:none}.toc-link{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 8px;border-radius:10px;color:var(--ink);font-size:15px;line-height:1.3;transition:background-color .16s ease}.toc-link:hover{background:var(--bg-fff3d1)}.toc-link[aria-current=location]{background:var(--blue-deep);color:#ffffff}.toc-link[aria-current=location] .toc-no{border-color:var(--bg-ffffff)}.toc-link:focus-visible{outline:3px solid var(--yellow);outline-offset:1px}.toc-no{display:grid;flex:none;width:28px;height:28px;place-items:center;border:2px solid var(--line-strong);border-radius:50%;background:var(--bg-ffffff);color:var(--ink);font-size:13px;font-weight:800}.toc-link.is-done .toc-no{border-color:var(--green);background:var(--green-solid);color:#ffffff}.toc-link.is-next .toc-no{background:var(--yellow)}.toc-label{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toc-next{flex:none;padding:0 6px;border-radius:999px;background:var(--bg-fff3d1);color:var(--fg-7a5300);font-size:11px;font-weight:800}.toc-fab{position:fixed;right:16px;bottom:20px;z-index:40;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:10px 18px;border:solid var(--line-strong);border-width:2px 2px 4px;border-radius:999px;background:var(--yellow);color:var(--ink);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgb(var(--ink-rgb)/.18)}.toc-fab:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}.toc-sheet-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:rgb(var(--ink-rgb)/.45)}.toc-sheet{display:flex;flex-direction:column;width:min(560px,100%);max-height:80vh;border:2px solid var(--line-strong);border-bottom:0;border-radius:20px 20px 0 0;background:var(--paper)}.toc-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px;border-bottom:2px solid var(--rule)}.toc-close{display:grid;width:44px;height:44px;place-items:center;border:2px solid var(--line-strong);border-radius:50%;background:var(--bg-ffffff);color:var(--ink);cursor:pointer}.toc-close:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.toc-sheet-body{overflow-y:auto;padding:10px 12px 24px;overscroll-behavior:contain}@media (min-width:1100px){.chon-layout{display:grid;grid-template-columns:270px minmax(0,760px);justify-content:center;gap:28px;width:min(1100px,calc(100% - 48px));margin-inline:auto}.chon-layout .learn-main{width:100%;margin-inline:0}.lesson-toc{position:sticky;top:calc(var(--learn-top-h, 74px) + 30px);display:flex;flex-direction:column;gap:8px;align-self:start;max-height:calc(100vh - 124px);margin-top:32px;padding:14px 10px 10px 12px;border:2px solid var(--line-strong);border-radius:18px;background:var(--bg-ffffff)}.toc-scroll{overflow-y:auto;padding-right:4px;overscroll-behavior:contain}.toc-fab{display:none}.lesson-row{scroll-margin-top:110px}}@media (prefers-reduced-motion:reduce){.toc-link{transition:none}}body{background-image:none;font-weight:500}h1,h2,h3{font-weight:700;letter-spacing:-.005em}a:focus-visible,button:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}.brand-logo{display:inline-flex;align-items:center;gap:10px;line-height:1}.logo-mark{flex:none}.brand-word{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.bw-edu{color:var(--brand-blue)}.bw-chain{color:#9a6200}.bw-kids{color:var(--green)}:root[data-theme=dark] .bw-chain{color:var(--brand-yellow)}.brand{color:var(--ink)}.theme-toggle{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:14px;background:var(--surface-2);color:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:transform .16s ease}.theme-toggle:hover{transform:rotate(-12deg)}.theme-toggle svg{width:22px;height:22px}.learn-top,.site-header{position:sticky;top:0;z-index:30;color:var(--ink);background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);backdrop-filter:saturate(1.4) blur(8px)}.site-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header-tools{display:flex;align-items:center;gap:10px}.learn-top{border-bottom:1px solid var(--line)}.learn-top .brand-word{font-size:22px}.learn-user{background:var(--surface-2);color:var(--ink)}.main-nav-list{background:transparent;gap:6px;padding:0}.main-nav-link{position:relative;color:var(--muted);border-radius:14px;font-weight:600}.main-nav-link:hover{background:var(--surface-2);transform:none}.main-nav-link[aria-current=page]{background:var(--blue-soft);color:var(--brand-blue);box-shadow:none}.main-nav-link[aria-current=page]:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:3px;border-radius:3px;background:var(--brand-blue)}.main-nav-link[aria-current=page]:hover{background:var(--blue-soft)}.main-nav-link:focus-visible{outline:3px solid var(--brand-blue)}.main-nav-link[aria-current=page]:focus-visible{outline-color:var(--brand-blue);box-shadow:none}.button,.top-cta{border-radius:999px;border-bottom:0;box-shadow:var(--shadow-sm);font-weight:700}.button:active,.top-cta:active{transform:translateY(1px)}.button-yellow,.top-cta{color:#1e2b4a;background:var(--brand-yellow)}.button-blue,.button-dark{color:#fff;background:var(--blue)}.button-white{color:var(--brand-blue);background:var(--surface);border:2px solid var(--brand-blue)}.button:disabled{box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 24px;border:0;border-radius:999px;font:inherit;font-size:17px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease}.btn svg{width:20px;height:20px}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-sm{min-height:44px;padding:8px 20px;font-size:16px}.btn-primary{color:#fff;background:var(--blue);box-shadow:var(--shadow-sm)}.btn-yellow{color:#1e2b4a;background:var(--brand-yellow);box-shadow:0 4px 0 #e0a800}.btn-outline{color:var(--brand-blue);background:var(--surface);box-shadow:inset 0 0 0 2px var(--brand-blue)}.btn-outline:hover{box-shadow:inset 0 0 0 2px var(--brand-blue),var(--shadow-md)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:700}.chip-blue{background:var(--blue-soft);color:var(--brand-blue)}.icon-tile{display:inline-grid;place-items:center;width:48px;height:48px;flex:none;border-radius:16px;background:var(--tile-bg,var(--blue-soft));color:var(--tile-fg,var(--brand-blue));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tile-fg,var(--brand-blue)) 18%,transparent)}.icon-tile svg{width:26px;height:26px}.icon-tile-lg{width:64px;height:64px;border-radius:20px}.icon-tile-lg svg{width:34px;height:34px}.tone-blue{--tile-bg:#e4edff;--tile-fg:#2457c5}.tone-green{--tile-bg:#ddf7e7;--tile-fg:#15803d}.tone-coral{--tile-bg:#ffe5e5;--tile-fg:#d93f45}.tone-purple{--tile-bg:#eee7ff;--tile-fg:#6d3fe0}.tone-yellow{--tile-bg:#fff3d0;--tile-fg:#a86b00}.tone-sky{--tile-bg:#dff4fe;--tile-fg:#0a7bb5}:root[data-theme=dark] .tone-blue{--tile-bg:#1c2b4f;--tile-fg:#8fb2ff}:root[data-theme=dark] .tone-green{--tile-bg:#12372a;--tile-fg:#6ee7a8}:root[data-theme=dark] .tone-coral{--tile-bg:#3d1d22;--tile-fg:#ff9a9a}:root[data-theme=dark] .tone-purple{--tile-bg:#2a1f4d;--tile-fg:#c4b0ff}:root[data-theme=dark] .tone-yellow{--tile-bg:#3a3017;--tile-fg:#ffd66b}:root[data-theme=dark] .tone-sky{--tile-bg:#0f3346;--tile-fg:#8fdcff}.math{--cover:#2457c5}.viet{--cover:#e5484d}.english{--cover:#15803d}:root[data-theme=dark] .math{--cover:#3767d6}:root[data-theme=dark] .viet{--cover:#d6434a}:root[data-theme=dark] .english{--cover:#188a48}.subject-banner,.subject-card{border-left:0;border-radius:22px;box-shadow:var(--shadow-md)}.auth-card,.intro-card,.lesson,.lesson-row,.question-card{border-radius:20px}.home{--hill-back:#a7e3b5;--hill-front:#7fd394;--sky-1:#cfeeff;--sky-2:#eaf7ff}:root[data-theme=dark] .home{--hill-back:#1d4a3a;--hill-front:#17402f;--sky-1:#12244a;--sky-2:#1b2f5c}.home-hero{padding-top:26px}.home-hero-card{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:440px;padding:48px 48px 90px;border-radius:32px;background:linear-gradient(160deg,var(--sky-1),var(--sky-2))}.hero-cloud{position:absolute;color:#fff;opacity:.9}:root[data-theme=dark] .hero-cloud{color:#2a3f6e;opacity:.55}.hero-cloud-a{top:20px;left:44%;width:130px}.hero-cloud-b{top:70px;right:24px;width:170px}.hero-hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:110px}.home-hero-copy{position:relative;z-index:2}.home-tagline{color:var(--brand-blue);font-size:18px;font-weight:700}.home-hero h1{margin-top:8px;font-size:clamp(42px,6vw,72px);line-height:1.05;color:var(--ink)}.home-lead{max-width:460px;color:var(--muted);font-size:19px;line-height:1.6}.home-actions{display:flex;flex-wrap:wrap;gap:12px}.home-note{margin-top:20px;color:var(--muted);font-size:15px}.home-hero-art{position:relative;z-index:1}.hero-scene{min-height:320px}.hero-milo,.hero-scene{position:relative;display:grid;place-items:center}.hero-book{position:absolute;bottom:16px;width:170px}.hero-books{position:absolute;right:2%;bottom:0;width:110px}.hero-bubble{position:absolute;top:4px;right:4%;z-index:2;padding:12px 18px;border-radius:22px;background:var(--surface);color:var(--ink);font-weight:700;line-height:1.3;text-align:center;box-shadow:var(--shadow-md)}.hero-bubble:after{content:"";position:absolute;left:18px;bottom:-10px;border:10px solid transparent;border-top:10px solid var(--surface);border-bottom:0}.hero-spark{position:absolute;width:28px}.hero-spark-a{top:30px;left:8%}.hero-spark-b{bottom:80px;left:2%;width:22px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 0;padding:0;list-style:none}.feature-tile{display:flex;align-items:center;gap:14px;height:100%;padding:16px 18px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease}.feature-tile:hover,.subject-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-tile strong{display:block;font-size:18px}.feature-tile span span{color:var(--muted);font-size:15px}.home-section{margin-top:64px}.home-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px}.home-section h2{font-size:clamp(30px,4vw,42px)}.home-section-head p{max-width:520px;margin-top:6px;color:var(--muted);font-size:17px}.grade-pills{display:flex;flex-wrap:wrap;gap:8px}.grade-pill{display:inline-grid;place-items:center;min-width:76px;min-height:46px;padding:6px 16px;border-radius:999px;background:var(--surface);color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 1px var(--line-strong)}.grade-pill:hover{color:var(--brand-blue);box-shadow:inset 0 0 0 2px var(--brand-blue)}.grade-pill.is-on{background:var(--blue);color:#fff;box-shadow:var(--shadow-sm)}.subject-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.subject-tile{display:flex;align-items:center;gap:16px;padding:20px;border-radius:24px;background:var(--tile-bg);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease}.subject-tile .icon-tile{background:var(--surface)}.subject-tile-text{flex:1}.subject-tile-text strong{display:block;color:var(--tile-fg);font-size:22px}.subject-tile-text span{color:var(--muted);font-size:15px}.subject-tile-go{width:24px;height:24px;color:var(--tile-fg)}.home-how{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,6vw,72px)}.home-steps{display:grid;gap:18px;margin:24px 0 0;padding:0;list-style:none}.home-steps li{display:grid;grid-template-columns:48px 1fr;gap:14px}.home-step-no{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--blue-soft);color:var(--brand-blue);font-size:22px;font-weight:700}.home-steps li:nth-child(2) .home-step-no{background:color-mix(in srgb,var(--brand-yellow) 28%,var(--surface));color:#a86b00}.home-steps li:nth-child(3) .home-step-no{background:var(--mint);color:var(--green)}:root[data-theme=dark] .home-steps li:nth-child(2) .home-step-no{color:var(--brand-yellow)}.home-steps h3{font-size:20px}.home-steps p{margin-top:2px;color:var(--muted);font-size:16px;line-height:1.6}.home-chalk{width:210px;margin-top:26px}.home-sample{padding:28px;border-radius:26px;background:var(--surface);box-shadow:var(--shadow-md)}.home-sample h3{margin-top:14px;font-size:22px;line-height:1.4}.home-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 0;padding:0;list-style:none}.home-answers li{display:grid;place-items:center;height:60px;border-radius:18px;background:var(--surface-2);font-size:26px;font-weight:700;box-shadow:inset 0 0 0 1px var(--line-strong)}.home-answers li.is-right{background:var(--mint);color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}.home-cheer{display:flex;align-items:center;gap:14px;margin-top:20px;padding:12px 16px;border-radius:20px;background:var(--surface-2);font-size:16px;line-height:1.5}.inline-star{display:inline-block;width:18px;height:18px;color:#f5a800;fill:#ffc83d;vertical-align:-3px}.home-safety{display:grid;align-items:center;gap:22px;padding:26px 28px;border-radius:26px;background:var(--surface);box-shadow:var(--shadow-sm)}.home-safety h2{font-size:24px}.home-safety p{max-width:660px;margin-top:6px;color:var(--muted);font-size:15px;line-height:1.65}.brand-footer{position:relative;margin-top:72px;color:#fff;background:linear-gradient(100deg,#2457c5,#2f8de0 45%,#22c55e 80%,#ffc83d)}.brand-footer:before{content:"";position:absolute;left:0;right:0;top:-36px;height:40px;background:inherit;clip-path:path("M0 40 C 200 0 420 0 640 22 S 1100 50 1600 6 V 40 Z")}:root[data-theme=dark] .brand-footer{background:linear-gradient(100deg,#1a3f93,#1f63a8 45%,#157a43 80%,#a7801f)}.brand-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding-block:26px 30px}.brand-footer-name{display:inline-flex;align-items:center;gap:8px;font-size:16px}.brand-footer-name strong{font-size:20px}.brand-footer-name svg{width:18px;height:18px;color:#ffc83d;fill:#ffc83d}.brand-footer .footer-links a{color:#fff;font-weight:600}.brand-footer-dream{font-weight:700}@media (max-width:960px){.home-hero-card{grid-template-columns:1fr;padding:36px 24px 96px}.hero-scene{min-height:280px}.feature-row,.home-how,.subject-tiles{grid-template-columns:1fr}.home-safety{grid-template-columns:auto 1fr}.home-safety .btn{grid-column:1/-1;justify-self:start}.site-header-inner{flex-wrap:wrap;row-gap:6px;padding-block:8px}}@media (max-width:600px){.home-top-cta{display:none}.brand-word{font-size:22px}.home-hero-card{border-radius:24px}.home-answers li{height:52px;font-size:22px}.hero-books{width:80px}.grade-pill{min-width:0;padding:6px 12px}}@media (prefers-reduced-motion:reduce){.btn,.feature-tile,.subject-tile,.theme-toggle{transition:none}}.adm-qnum,.back-link:hover,.button-yellow,.cta-band,.cta-band h2,.grade-chip:hover,.icon-button:hover,.lesson-row.is-next .lesson-no,.maze-btn,.nav-dot.is-current:not(.is-wrong):not(.is-correct):not(.is-timeout),.order-no,.points-chip,.points-pop,.result-card,.result-card h1,.result-card h2,.result-card p,.review-points,.step-number,.sticker,.toc-fab,.toc-link.is-next .toc-no,.top-cta{color:#1e2b4a}.grade-chip{border:0;box-shadow:inset 0 0 0 1px var(--line-strong);background:var(--surface)}.grade-chip[aria-current=true]{background:var(--blue);color:#fff;box-shadow:var(--shadow-sm)}.grade-chip:hover{background:var(--brand-yellow)}.nav-dot.is-current{outline-color:var(--brand-blue)}:root[data-theme=dark] .figure.is-compact{background:#f7f9fd;border-radius:12px}:root[data-theme=dark] .result-card{background:linear-gradient(170deg,#3a3017,#262a3d);color:var(--ink);box-shadow:var(--shadow-lg),inset 0 0 0 2px #6b5a22}:root[data-theme=dark] .result-card h1,:root[data-theme=dark] .result-card h2,:root[data-theme=dark] .result-card p{color:var(--ink)}.home{--gs-sky-1:#bfe4fb;--gs-sky-2:#eaf6ff;--gs-glow:#fffbe6;--gs-cloud:#ffffff;--gs-hill:#bfe6b4;--gs-far-tree:#8fcf86;--gs-leaf-1:#8fd46a;--gs-leaf-2:#3f9a3c;--gs-trunk:#8a5a34;--gs-grass-1:#9edc6f;--gs-grass-2:#5fb548;--gs-path:#f2dfb3;--gs-bush:#4fae4a;--gs-flower-op:1;--hero-title:#1b2a57}:root[data-theme=dark] .home{--gs-sky-1:#0f1d3f;--gs-sky-2:#1d3366;--gs-glow:#6d7fd6;--gs-cloud:#3a4c80;--gs-hill:#1f3d3a;--gs-far-tree:#1c4a37;--gs-leaf-1:#2f7a45;--gs-leaf-2:#164a2a;--gs-trunk:#4f3420;--gs-grass-1:#2b6b3a;--gs-grass-2:#1a4a27;--gs-path:#6b5a3c;--gs-bush:#1f5a33;--gs-flower-op:.7;--hero-title:#f1f5ff}.site-header-inner{min-height:64px}.main-nav-home .main-nav-icon{display:none}@media (min-width:561px){.main-nav-home .main-nav-link{padding:8px 14px;font-size:15px;color:var(--ink)}}.main-nav-home .main-nav-link{color:var(--ink)}.kid-avatar{display:inline-block;width:42px;height:42px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--brand-sky)}.kid-avatar svg{width:100%;height:100%;display:block}.home-hero-card{position:relative;display:block;min-height:0;height:clamp(420px,42vw,520px);padding:0;overflow:hidden;border-radius:28px;background:var(--gs-sky-2);box-shadow:var(--shadow-md)}.hero-garden{position:absolute;inset:0;width:100%;height:100%}.home-hero-copy{position:absolute;z-index:3;left:clamp(24px,4.5vw,56px);top:clamp(36px,7%,64px);width:min(44%,470px)}.home-hero h1{margin:0;color:var(--hero-title);font-size:clamp(40px,5.4vw,70px);font-weight:700;line-height:1.08;letter-spacing:-.01em}.home-lead{max-width:430px;margin-top:16px;color:var(--hero-title);opacity:.85;font-size:clamp(16px,1.6vw,20px);font-weight:600;line-height:1.55}.home-actions{margin-top:26px}.home-actions .btn-yellow{min-height:54px;padding:12px 30px;font-size:18px;box-shadow:0 6px 16px rgb(224 168 0/.35)}.hero-milo{position:absolute;z-index:2;left:50%;bottom:3%;width:clamp(240px,26vw,330px)}.hero-milo-art{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 14px rgb(30 60 20/.18))}.hero-pile{position:absolute;z-index:2;height:auto;filter:drop-shadow(0 6px 8px rgb(0 0 0/.15))}.hero-pile-left{left:43%;bottom:7%;width:clamp(64px,7vw,92px)}.hero-pile-right{left:75%;bottom:8%;width:clamp(84px,9.5vw,124px)}.home-hero .hero-bubble{top:21%;right:3.5%;left:auto;z-index:3;padding:16px 22px;border-radius:26px;background:#fff;color:#1b2a57;font-size:clamp(16px,1.8vw,22px);font-weight:700;line-height:1.25;box-shadow:0 8px 22px rgb(30 50 90/.16)}.home-hero .hero-bubble:after{left:14px;bottom:-11px;border-top-color:#fff;transform:skewX(20deg)}:root[data-theme=dark] .home-hero .hero-bubble{background:#22305a;color:#f1f5ff}:root[data-theme=dark] .home-hero .hero-bubble:after{border-top-color:#22305a}.hero-fly{position:absolute;z-index:2;height:auto}.hero-fly-a{left:47%;top:9%;width:30px;transform:rotate(-12deg)}.hero-fly-b{left:57%;top:18%;width:22px;transform:rotate(10deg);opacity:.9}.hero-fly-c{left:82%;top:12%;width:28px;transform:rotate(14deg)}@media (prefers-reduced-motion:no-preference){.hero-fly{animation:hero-flutter 3.2s ease-in-out infinite alternate}.hero-fly-b{animation-delay:-1.2s}.hero-fly-c{animation-delay:-2s}}@keyframes hero-flutter{0%{translate:0 0}to{translate:6px -8px}}@media (max-width:960px){.home-hero-card{height:auto;min-height:640px}.home-hero-copy{position:relative;left:auto;top:auto;width:auto;padding:32px 24px 0}.hero-milo{left:50%;transform:translateX(-50%);width:min(62vw,280px);bottom:4%}.hero-pile-left{left:6%;bottom:6%;width:72px}.hero-pile-right{left:auto;right:5%;bottom:7%;width:88px}.home-hero .hero-bubble{top:auto;bottom:46%;right:4%}.hero-fly-a{left:70%;top:34%}.hero-fly-b{left:12%;top:46%}.hero-fly-c{left:86%;top:44%}}@media (max-width:600px){.home-hero-card{min-height:600px}.home-hero .hero-bubble{font-size:15px;padding:10px 14px;bottom:44%}}.home-hero-card{height:clamp(440px,46vw,580px);background:#cfe9fb}.hero-photo{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:60% 72%;object-position:60% 72%}.home-hero-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(235 246 255/.55),rgb(235 246 255/.25) 34%,transparent 52%)}.home-hero .hero-bubble{top:25%;right:4%}:root[data-theme=dark] .hero-photo{filter:brightness(.62) saturate(.9) hue-rotate(-8deg)}:root[data-theme=dark] .home-hero-card:after{background:linear-gradient(90deg,rgb(10 18 40/.78),rgb(10 18 40/.45) 38%,rgb(10 18 40/.1) 60%)}@media (max-width:960px){.home-hero-card{height:auto;min-height:620px}.hero-photo{-o-object-position:74% 100%;object-position:74% 100%}.home-hero-card:after{background:linear-gradient(180deg,rgb(235 246 255/.7),rgb(235 246 255/.35) 38%,transparent 55%)}:root[data-theme=dark] .home-hero-card:after{background:linear-gradient(180deg,rgb(10 18 40/.82),rgb(10 18 40/.5) 40%,rgb(10 18 40/.1) 62%)}.home-hero .hero-bubble{top:auto;bottom:40%;right:5%}.home-hero-card{min-height:660px;background:linear-gradient(180deg,#b9def8,#e2f2fd 60%)}:root[data-theme=dark] .home-hero-card{background:linear-gradient(180deg,#0f1d3f,#1a2b55 60%)}.hero-photo{top:auto;bottom:0;height:min(430px,66%);-o-object-position:71% 72%;object-position:71% 72%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%);mask-image:linear-gradient(180deg,transparent,#000 18%)}.home-hero-card:after{display:none}.home-hero .hero-bubble{bottom:auto;top:calc(100% - min(430px, 66%) + 6px);right:4%;padding:10px 14px;font-size:15px}}.auth-card{width:min(500px,100%);gap:18px;border:0;box-shadow:var(--shadow-lg);background:var(--surface)}.auth-form{display:grid;gap:14px}.auth-switch{color:var(--muted);font-size:15px;text-align:center}.auth-switch a{color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:3px}.auth-back{border:0;background:none;font:inherit;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:16px;background:var(--surface-2)}.auth-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:16px;font-weight:700;cursor:pointer}.auth-tab svg{width:20px;height:20px}.auth-tab[aria-selected=true]{background:var(--surface);color:var(--brand-blue);box-shadow:var(--shadow-sm)}.auth-step-title{font-size:18px;font-weight:600}.class-code-input{font-size:26px!important;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:360px;margin:0;padding:2px;overflow-y:auto;list-style:none}.name-btn{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:12px 8px;border:0;border-radius:18px;background:var(--tile-bg);color:var(--ink);font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:transform .14s ease}.name-btn:hover{transform:translateY(-2px)}.name-initial{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);color:var(--tile-fg);font-size:22px}.pin-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pin-dots{display:flex;justify-content:center;gap:12px;cursor:text}.pin-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.pin-links .auth-back{border:0;background:none;padding:6px 2px;font:inherit;font-size:15px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.pin-dots span{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line-strong)}.pin-dots span.is-on{background:var(--brand-blue);box-shadow:none}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad button{display:grid;place-items:center;min-height:58px;border:0;border-radius:18px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:26px;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}.keypad button:active{transform:translateY(1px);background:var(--blue-soft)}.keypad button svg{width:24px;height:24px}.role-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.role-pick legend{margin-bottom:6px;color:var(--muted);font-size:14px;font-weight:600}.role-pick label{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line-strong);font-weight:700;cursor:pointer}.role-pick label.is-on{background:var(--blue-soft);color:var(--brand-blue);box-shadow:inset 0 0 0 2px var(--brand-blue)}.check-line{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5}.check-line input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--brand-blue)}.learn-tools{display:flex;align-items:center;gap:8px}.account-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:14px;background:var(--blue-soft);color:var(--brand-blue);font-size:15px;font-weight:700;white-space:nowrap}.account-link svg{width:18px;height:18px}.account-link.is-loading{width:120px;background:var(--surface-2)}@media (max-width:600px){.account-link span{display:none}.account-link.is-loading{width:44px}}.dash{display:grid;gap:22px;padding-block:28px 64px}.dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}.dash-head h1{font-size:clamp(28px,4vw,40px)}.dash-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--link);font-size:15px;font-weight:700}.dash-kicker svg{width:18px;height:18px}.dash-card{display:grid;gap:12px;padding:22px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}.dash-card h2,.dash-section h2{display:flex;align-items:center;gap:8px;font-size:22px}.dash-card h2 svg,.dash-section h2 svg{width:22px;height:22px;color:var(--brand-blue)}.dash-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.dash-notice{grid-template-columns:auto 1fr;align-items:start}.dash-notice>svg{width:40px;height:40px;color:#e0a800}.dash-form{display:grid;gap:12px}.dash-form.is-row{grid-template-columns:minmax(160px,1fr) auto auto;align-items:end}.dash-form.is-row .adm-alert{grid-column:1/-1}.dash-section{display:grid;gap:12px}.dash-muted{color:var(--muted);font-size:15px}.dash-empty,.dash-hero{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:24px;border-radius:26px;background:var(--surface);box-shadow:var(--shadow-sm)}.dash-empty h1,.dash-hero h1{font-size:clamp(26px,4vw,38px)}.dash-empty p,.dash-hero p{margin-top:6px;color:var(--muted)}.dash-hero{background:linear-gradient(150deg,var(--blue-soft),var(--surface) 70%)}.dash-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.dash-actions form{display:contents}.class-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none}.class-tile{position:relative;display:grid;gap:4px;padding:18px 44px 18px 20px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.class-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.class-tile.is-archived{opacity:.7}.class-tile-name{font-size:22px;font-weight:700}.class-tile-meta{color:var(--muted);font-size:15px}.class-tile-code strong{color:var(--brand-blue);letter-spacing:.06em}.class-tile-go{position:absolute;right:16px;top:50%;width:22px;height:22px;color:var(--muted);transform:translateY(-50%)}.join-code-box{display:grid;gap:2px;padding:12px 18px;border-radius:18px;background:var(--blue-soft);text-align:right}.join-code-box span{color:var(--muted);font-size:14px;font-weight:600}.join-code-box strong{color:var(--brand-blue);font-size:30px;letter-spacing:.1em;line-height:1.1}.join-code-box small{color:var(--muted);font-size:13px}.table-scroll{position:relative;overflow-x:auto;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.roster-table{width:100%;border-collapse:collapse;font-size:15px}.roster-table td,.roster-table th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap}.roster-table thead th{color:var(--muted);font-size:13px;font-weight:700}.roster-table tbody th{font-weight:700}.pin-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.pin-value{letter-spacing:2px;font-size:16px}.status-chip{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--tile-bg);color:var(--tile-fg);font-size:13px;font-weight:700}.student-link{color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:3px}.score-chip{display:inline-block;min-width:52px;padding:2px 10px;border-radius:999px;background:var(--tile-bg);color:var(--tile-fg);font-size:14px;font-weight:700;text-align:center}.score-chip.is-good{--tile-bg:#ddf7e7;--tile-fg:#15803d}.score-chip.is-mid{--tile-bg:#fff3d0;--tile-fg:#8a5800}.score-chip.is-low{--tile-bg:#ffe5e5;--tile-fg:#c22f35}:root[data-theme=dark] .score-chip.is-good{--tile-bg:#12372a;--tile-fg:#6ee7a8}:root[data-theme=dark] .score-chip.is-mid{--tile-bg:#3a3017;--tile-fg:#ffd66b}:root[data-theme=dark] .score-chip.is-low{--tile-bg:#3d1d22;--tile-fg:#ff9a9a}.progress-table td:has(.mini-bar){min-width:130px}.progress-count{display:block;font-weight:700}.mini-bar{display:block;height:6px;margin-top:4px;border-radius:999px;background:var(--surface-2);overflow:hidden}.mini-bar>span{display:block;height:100%;border-radius:inherit;background:var(--brand-blue)}.class-progress .dash-card-head{margin-bottom:12px}.class-progress .dash-card-head h2,.student-progress h2{display:inline-flex;align-items:center;gap:8px}.student-progress .stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.student-progress .dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.mini-btn{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:4px 10px;border:0;border-radius:10px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}.mini-btn svg{width:15px;height:15px}.mini-btn:hover:not(:disabled){background:var(--blue-soft);color:var(--brand-blue)}.mini-btn:disabled{opacity:.55;cursor:default}.mini-btn.is-danger{background:#fde8e6;color:#b3261e}:root[data-theme=dark] .mini-btn.is-danger{background:#3d1d22;color:#ff9a9a}.left-list summary{cursor:pointer;color:var(--muted);font-weight:600}.left-list ul{display:grid;gap:6px;margin:8px 0 0;padding-left:18px}.invite-code{color:var(--brand-blue);font-size:34px;font-weight:700;letter-spacing:.08em}.login-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none}.login-card{display:grid;gap:4px;padding:14px 16px;border:2px dashed var(--line-strong);border-radius:16px;background:var(--surface);-moz-column-break-inside:avoid;break-inside:avoid}.login-card-brand{color:var(--brand-blue);font-size:13px;font-weight:700}.login-card-name{font-size:22px;font-weight:700}.login-card-row b{font-size:20px;letter-spacing:.08em}.login-card-url{color:var(--muted);font-size:11px;word-break:break-all}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}.stat-tile{display:grid;gap:2px;padding:14px 18px;border-radius:18px;background:var(--tile-bg)}.stat-tile span{color:var(--muted);font-size:14px;font-weight:600}.stat-tile strong{color:var(--tile-fg);font-size:28px}.result-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.result-list li{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:15px}.result-score,.result-title{font-weight:700}.result-score{color:var(--link)}.result-points{display:inline-flex;align-items:center;gap:4px}.result-points svg{width:16px;height:16px;color:#f5a800;fill:#ffc83d}.result-date{color:var(--muted);font-size:13px}.child-block{padding-top:6px}@media (max-width:700px){.dash-form.is-row{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}.result-list li{grid-template-columns:1fr auto}.result-date,.result-points{display:none}.join-code-box{text-align:left}}@media print{body{background:#fff!important}.adm-alert,.back-link,.dash-head,.invite-box,.learn-top,.login-cards-wrap .dash-card-head button,.no-print{display:none!important}.class-manager,.dash{display:block;padding:0}.login-cards-wrap{box-shadow:none;padding:0}.login-card{border-color:#999;color:#000}}.class-manager{display:grid;gap:18px}.dash-back,.dash-form>.btn{justify-self:start}.dash-back{display:inline-flex;align-items:center;gap:6px;color:var(--link);font-weight:700}.dash-back svg{width:18px;height:18px}@media print{.dash-back{display:none!important}}.auth-tab{font-size:15px;white-space:nowrap}@media (max-width:480px){.auth-tab{white-space:normal;font-size:14px}}:root{--oli:rgb(36 87 197/.065);--oli-major:rgb(36 87 197/.12);--margin-red:#e5484d;--worksheet:#ffffff;--nb-blue:#2457c5;--nb-coral:#c93a3f;--nb-green:#15803d;--label-paper:#fffdf7;--label-ink:#1e2b4a;--page-edge:#ffffff}:root[data-theme=dark]{--oli:rgb(170 195 255/.045);--oli-major:rgb(170 195 255/.09);--margin-red:#ff7a7f;--worksheet:#18223a;--nb-blue:#2c58b8;--nb-coral:#b8363c;--nb-green:#157a43;--page-edge:#2a3654}@media (prefers-color-scheme:dark){:root:not([data-theme]){--oli:rgb(170 195 255/.045);--oli-major:rgb(170 195 255/.09);--margin-red:#ff7a7f;--worksheet:#18223a;--nb-blue:#2c58b8;--nb-coral:#b8363c;--nb-green:#157a43;--page-edge:#2a3654}}body{background-color:var(--paper);background-image:linear-gradient(var(--oli) 1px,transparent 1px),linear-gradient(90deg,var(--oli) 1px,transparent 1px);background-size:22px 22px}.back-link,.comment-card,.dialog-card,.empty-state,.game-filter,.game-grade select,.games-hero,.icon-button,.intro-card,.lesson,.lesson-row,.notebook,.points-card,.practice-hub,.question-card,.quiz-count,.review-item,.score-box{border-width:1px}.games-hero{box-shadow:var(--shadow-sm)}.back-link{box-shadow:none}.home .home-hero{padding-top:24px}.notebooks{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:28px 0 0;padding:0 0 10px;list-style:none}.notebook-cover{--nb:var(--nb-blue);position:relative;display:grid;grid-template-rows:1fr auto;gap:16px;min-height:210px;padding:22px 22px 18px 40px;border-radius:6px 18px 18px 6px;background:var(--nb);color:#fff;box-shadow:inset 16px 0 0 rgb(0 0 0/.16),inset 18px 0 0 rgb(255 255 255/.12),0 4px 0 -1px var(--page-edge),0 5px 0 -1px var(--line-strong),0 9px 0 -2px var(--page-edge),0 10px 0 -2px var(--line-strong),var(--shadow-sm);transition:transform .16s ease}.notebook-cover.tone-coral{--nb:var(--nb-coral)}.notebook-cover.tone-green{--nb:var(--nb-green)}.notebook-cover:hover{transform:translateY(-3px) rotate(-.6deg)}.notebook-cover:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:4px}.notebook-icon{position:absolute;top:18px;right:18px;width:30px;height:30px;opacity:.85}.notebook-label{align-self:center;display:grid;gap:8px;margin-right:28px;padding:14px 16px 12px;border-radius:14px;background:var(--label-paper);color:var(--label-ink);box-shadow:inset 0 0 0 3px var(--label-paper),inset 0 0 0 5px var(--nb)}.notebook-line{display:block;padding-bottom:4px;border-bottom:1.5px dotted rgb(30 43 74/.35);font-size:15px;font-weight:600;color:#56627a}.notebook-line strong{margin-left:4px;color:var(--nb);font-size:26px;font-weight:700;line-height:1.1}.notebook-detail{color:#3d4963}.notebook-open{display:inline-flex;align-items:center;justify-self:end;gap:6px;font-size:15px;font-weight:700}.notebook-open svg{width:18px;height:18px;transition:translate .16s ease}.notebook-cover:hover .notebook-open svg{translate:4px 0}.worksheet{position:relative;padding:26px 26px 26px 70px;border-radius:20px;background-color:var(--worksheet);background-image:linear-gradient(90deg,transparent 48px,var(--margin-red) 48px,var(--margin-red) 50px,transparent 50px),linear-gradient(var(--oli-major) 1px,transparent 1px),linear-gradient(90deg,var(--oli-major) 1px,transparent 1px);background-size:100% 100%,22px 22px,22px 22px;box-shadow:var(--shadow-md)}.worksheet-head{color:var(--muted);font-size:15px;font-weight:600}.worksheet h3{margin-top:8px}.worksheet .home-answers li{background:var(--surface)}.worksheet .home-answers li.is-right{background:var(--mint)}.worksheet .home-cheer{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.home-how h2{font-size:clamp(28px,3.2vw,38px)}.home-steps{margin-top:28px;gap:22px}.home-safety{grid-template-columns:auto 1fr auto;padding:28px 0 0;border-radius:0;background:transparent;box-shadow:none;border-top:1px solid var(--line-strong)}.home-safety-icon{width:40px;height:40px;color:var(--green)}.brand-footer{background:#1d47a8;border-top:4px solid var(--brand-yellow)}.brand-footer:before{display:none}:root[data-theme=dark] .brand-footer{background:#122452}.games-hero h1{margin-top:0}.games-lead{max-width:52ch;font-size:18px;line-height:1.55}@media (max-width:960px){.notebooks{grid-template-columns:1fr;gap:22px}.notebook-cover{min-height:0;grid-template-columns:1fr auto;grid-template-rows:auto;align-items:center}.notebook-open{align-self:end}.home-safety{grid-template-columns:auto 1fr}}@media (max-width:600px){.notebook-cover{grid-template-columns:1fr;padding-left:34px}.notebook-label{margin-right:34px}.worksheet{padding:22px 18px 22px 52px;background-image:linear-gradient(90deg,transparent 34px,var(--margin-red) 34px,var(--margin-red) 36px,transparent 36px),linear-gradient(var(--oli-major) 1px,transparent 1px),linear-gradient(90deg,var(--oli-major) 1px,transparent 1px)}}@media (prefers-reduced-motion:reduce){.notebook-cover,.notebook-open svg{transition:none}.notebook-cover:hover{transform:none}}@media (max-width:760px){.learn-top .brand-word{font-size:20px}}@media (max-width:600px){.grade-pills{display:grid;grid-template-columns:repeat(5,1fr);width:100%;gap:6px}.grade-pill{min-width:0;padding:6px 4px;font-size:15px}.brand-footer-inner{flex-direction:column;align-items:flex-start}.brand-footer-name{flex-wrap:wrap}}@media print{body{background-image:none}}.reading-box{margin:0 0 16px;padding:14px 16px;border:2px solid var(--line-strong);border-left-width:6px;border-radius:14px;background:var(--bg-ffffff);text-align:left}.reading-title{margin:0 0 6px;font-weight:800;font-size:18px;color:var(--ink)}.reading-text{margin:0;font-size:clamp(17px,3.6vw,20px);line-height:1.6;color:var(--ink);white-space:pre-line}.ach-stats.ach-stats-6{grid-template-columns:repeat(3,minmax(0,1fr))}.lb-section h2{margin-bottom:14px}.lb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.lb-card{padding:16px 18px;border:2px solid var(--line-strong);border-radius:16px;background:var(--bg-ffffff)}.lb-card h3{margin:0 0 10px;font-size:18px}.lb-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.lb-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface-2,transparent)}.lb-row.is-me{box-shadow:inset 0 0 0 2px var(--blue)}.lb-rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:800}.lb-rank svg{width:20px;height:20px}.lb-row.top-1 .lb-rank{background:#fde68a;color:#92400e}.lb-row.top-2 .lb-rank{background:#e5e7eb;color:#374151}.lb-row.top-3 .lb-rank{background:#fed7aa;color:#9a3412}.lb-name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.lb-name em{color:var(--blue);font-style:normal;font-weight:600}.lb-meta{color:var(--muted);font-size:13px}.lb-points{font-size:18px;font-variant-numeric:tabular-nums}.lb-empty,.lb-updated{color:var(--muted)}.lb-updated{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:14px}.lb-updated .mini-btn svg{width:14px;height:14px}.lb-cta{margin-top:24px;text-align:center}.spin{animation:lb-spin 1s linear infinite}@keyframes lb-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}@media (max-width:700px){.lb-grid{grid-template-columns:1fr}.ach-stats.ach-stats-6{grid-template-columns:repeat(2,minmax(0,1fr))}}.comments-board h1{display:flex;align-items:center;gap:10px}.comments-board h1 svg{width:30px;height:30px}.comments-toolbar{display:grid;gap:12px}.comments-period select{min-width:260px}.comments-actions{display:flex;flex-wrap:wrap;gap:8px}.comments-actions .btn svg{width:16px;height:16px}.comments-list{display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none}.comment-card{padding:14px 16px;border:2px solid var(--line-strong);border-radius:16px;background:var(--bg-ffffff);-moz-column-break-inside:avoid;break-inside:avoid}.comment-card h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:18px}.comment-no{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:var(--surface-2);font-size:14px}.comment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.comment-cell{display:grid;gap:6px;align-content:start}.comment-cell.is-general{grid-column:1/-1}.comment-cell-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.comment-cell-head label{font-weight:800}.comment-cell-head select{min-height:32px;padding:2px 6px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:13px}.comment-tag{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700}.comment-tag.is-saved{color:#15803d}.comment-tag.is-dirty{color:#b45309}.comment-stat{margin:0;color:var(--muted);font-size:13px}.comment-cell textarea{width:100%;padding:8px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:14px;line-height:1.45;resize:vertical}.print-only{display:none}@media (max-width:900px){.comment-grid{grid-template-columns:1fr}}@media print{.print-only{display:block}.comment-cell textarea{border:0;padding:0;resize:none}.comment-cell-head select{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.comment-stat,.comment-tag{display:none}}.school-results h1{display:flex;align-items:center;gap:10px}.school-results h1 svg{width:30px;height:30px}.sr-tabs{max-width:420px;margin:16px 0}.sr-table td,.sr-table th{text-align:center}.sr-table .sr-name,.sr-table thead th:nth-child(2){text-align:left}.sr-input{width:64px;min-height:36px;padding:4px 6px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-ffffff);color:var(--ink);font:inherit;text-align:center;font-variant-numeric:tabular-nums}.sr-input.is-dirty{border-color:#b45309;box-shadow:0 0 0 1px #b45309}.sr-input.is-invalid{border-color:#dc2626;box-shadow:0 0 0 2px #dc2626}.sr-table tfoot td,.sr-table tfoot th{color:var(--muted);font-size:14px}.sr-award-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(220px,2fr) minmax(120px,1fr) minmax(130px,1fr);gap:10px;align-items:end}.sr-award-form .sr-award-note{grid-column:1/4}.sr-award-form .btn{justify-self:start}.sr-awards .mini-btn svg{width:14px;height:14px}@media (max-width:760px){.sr-award-form{grid-template-columns:1fr}.sr-award-form .sr-award-note{grid-column:auto}}.exam-builder h1{display:flex;align-items:center;gap:10px}.exam-builder h1 svg{width:30px;height:30px}.exam-builder h2{display:flex;align-items:center;gap:8px}.exam-builder h2 svg{width:22px;height:22px}.exam-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.exam-form .exam-title{grid-column:span 2}.exam-form input,.exam-form select{width:100%}.exam-saved{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.exam-saved li{display:flex;align-items:center;gap:8px}.exam-saved li.is-on .exam-saved-open{box-shadow:inset 0 0 0 2px var(--blue)}.exam-saved-open{flex:1;display:grid;gap:2px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg-ffffff);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.exam-saved-open span{color:var(--muted);font-size:13px}.exam-paper .mini-btn svg,.exam-saved .mini-btn svg{width:14px;height:14px}.exam-matrix td,.exam-matrix th{text-align:center;vertical-align:middle}.exam-matrix .exam-unit{text-align:left;font-weight:700}.exam-avail,.exam-matrix .exam-unit span{display:block;color:var(--muted);font-size:12px;font-weight:500}.exam-matrix input{width:64px;min-height:34px;padding:2px 6px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-ffffff);color:var(--ink);font:inherit;text-align:center}.exam-points th{font-weight:600;color:var(--muted);font-size:13px}.exam-warn{color:#b45309}.exam-ok{color:#15803d}.exam-papers{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.exam-paper{padding:14px 16px;border:2px solid var(--line-strong);border-radius:16px;background:var(--bg-ffffff)}.exam-paper h3{margin:0 0 8px}.exam-paper ol{display:grid;gap:10px;margin:0;padding-left:22px}.exam-q-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.exam-q-lesson{flex:1;color:var(--muted);font-size:12px}.exam-muc{padding:1px 8px;border-radius:999px;font-size:12px;font-weight:800}.exam-muc.m1{background:#dcfce7;color:#166534}.exam-muc.m2{background:#dbeafe;color:#1e40af}.exam-muc.m3{background:#fde68a;color:#92400e}.exam-q-prompt{margin:4px 0 0;white-space:pre-line}.exam-q-opts{margin:2px 0 0;color:var(--ink);font-size:14px}.exam-q-ans{margin:2px 0 0;color:#15803d;font-size:13px;font-weight:700}@media (max-width:900px){.exam-form{grid-template-columns:1fr 1fr}}@media (max-width:560px){.exam-form{grid-template-columns:1fr}.exam-form .exam-title{grid-column:auto}}.sr-top{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin:16px 0}.sr-top .sr-tabs{margin:0;max-width:620px;flex:1 1 420px}.sr-scroll{max-height:72vh;overflow:auto}.sr-wide{min-width:-moz-max-content;min-width:max-content}.sr-wide td,.sr-wide th{padding:6px;text-align:center;white-space:nowrap}.sr-wide thead th{position:sticky;top:0;z-index:2;background:var(--bg-ffffff)}.sr-wide thead tr:nth-child(2) th{top:34px}.sr-sticky{position:sticky;left:0;z-index:1;background:var(--bg-ffffff);text-align:left!important;min-width:150px;box-shadow:1px 0 0 var(--line)}.sr-wide thead th.sr-sticky{z-index:3}.sr-group{font-size:12px;color:var(--muted)}.sr-scored{display:block;font-size:11px;font-weight:600;color:var(--blue)}.sr-cell{display:flex;align-items:center;justify-content:center;gap:4px}.sr-cell .sr-input{width:54px;min-height:32px}.sr-level{min-height:32px;padding:2px 4px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-weight:800}.sr-level.lv-T{background:#dcfce7;color:#166534}.sr-level.lv-D,.sr-level.lv-H{background:#dbeafe;color:#1e40af}.sr-level.lv-C{background:#fde68a;color:#92400e}.sr-wide td.is-dirty{box-shadow:inset 0 -3px 0 #b45309}.sr-avg{display:block;font-size:11px;color:var(--muted)}.sr-fill{display:flex;justify-content:center;gap:4px}.sr-fill .mini-btn{min-height:26px;padding:2px 8px}.comments-filters{display:flex;flex-wrap:wrap;gap:10px}.comments-table td{vertical-align:top}.comments-table td textarea{width:100%;min-width:360px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:14px;resize:vertical}.comments-table .comment-stat{display:block;font-weight:500}.comments-table select{min-height:32px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:13px}.sr-top .sr-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.vnedu-export{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.vnedu-export .adm-alert{margin:0;padding:4px 10px;font-size:.85rem}.exam-entry{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}.exam-entry h2{margin:0 0 4px}.exam-entry .dash-muted{margin:0}.teacher-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tool-card{display:grid;gap:4px;align-content:start;padding:16px 18px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);text-decoration:none;border:2px solid transparent;transition:border-color .15s,transform .15s}.tool-card:focus-visible,.tool-card:hover{border-color:var(--blue);transform:translateY(-1px)}.tool-card svg{width:26px;height:26px;color:var(--blue)}.tool-card.tone-red svg{color:var(--red)}.tool-card.tone-green svg{color:var(--green-solid)}.tool-card.tone-yellow svg{color:#c58a00}.tool-card strong{font-size:17px}.tool-card span{color:var(--muted);font-size:14px;line-height:1.4}.assign-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.assign-form .assign-lesson{grid-column:span 2}.assign-form .assign-pick,.assign-form .comments-actions,.assign-target{grid-column:1/-1}.assign-target{display:flex;flex-wrap:wrap;gap:6px 20px;border:0;padding:0;margin:0}.assign-target legend{font-weight:700;font-size:14px;margin-bottom:4px}.assign-pick ul{margin:8px 0 0;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 12px;max-height:280px;overflow:auto}.assign-list,.assign-pick ul{list-style:none;padding:0;display:grid}.assign-list{margin:0 0 18px;gap:10px}.assign-item{padding:14px 16px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);border-left:5px solid var(--blue)}.assign-item.is-overdue{border-left-color:var(--red)}.assign-list.is-closed .assign-item{opacity:.8;border-left-color:var(--line-strong)}.assign-head{display:grid;grid-template-columns:minmax(0,2fr) auto minmax(150px,1fr) auto;gap:8px 16px;align-items:center}.assign-title{display:grid;gap:2px;min-width:0}.assign-title strong{font-size:16px;overflow-wrap:anywhere}.assign-kind{justify-self:start;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:800;background:var(--blue-soft);color:var(--blue-deep)}.assign-kind.kind-exam{background:#fde68a;color:#92400e}.assign-due{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--muted);white-space:nowrap}.assign-due svg{width:16px;height:16px}.assign-due.is-soon{color:#b45309;font-weight:700}.assign-due.is-over{color:var(--red);font-weight:700}.assign-progress{display:grid;gap:4px;font-size:14px}.assign-bar{display:block;height:8px;border-radius:999px;background:var(--line);overflow:hidden;min-width:60px}.assign-bar>span{display:block;height:100%;background:var(--green-solid);border-radius:inherit}.assign-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.assign-detail{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-strong);display:grid;gap:10px}.assign-detail h3{margin:6px 0 0;font-size:16px}.assign-summary{display:flex;align-items:center;gap:6px;margin:0;font-weight:600}.assign-summary svg{width:18px;height:18px;color:var(--green-solid)}.assign-table tr.is-missing td,.assign-table tr.is-missing th{color:var(--muted)}.tag-ok{background:var(--mint);color:var(--green)}.tag-miss,.tag-ok{padding:2px 8px;border-radius:999px;font-size:13px;font-weight:700}.tag-miss{background:#fee2e2;color:#b91c1c}.assign-items td.assign-q{white-space:normal;min-width:220px;max-width:420px}.assign-items tr.is-weak td,.assign-items tr.is-weak th{background:#fff4e5}.assign-items th .exam-muc{margin-left:6px}.assign-rate{display:inline-flex;align-items:center;gap:8px}.assign-rate .assign-bar{width:70px}.assign-paper{display:grid;gap:8px;margin:6px 0 10px}.assign-paper-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.assign-paper-form .dash-muted{flex-basis:100%;margin:0;font-size:13px}@media (max-width:760px){.assign-head{grid-template-columns:1fr}.assign-actions{justify-content:flex-start}.assign-form .assign-lesson{grid-column:1/-1}}.gaps-periods{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.gaps-periods .mini-btn{text-decoration:none}.gaps-periods .mini-btn.is-on{background:var(--blue);color:var(--on-brand);box-shadow:none}.gap-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.gap-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:16px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);border-left:6px solid var(--line-strong)}.gap-card.is-low{border-left-color:var(--red)}.gap-card.is-mid{border-left-color:#f59e0b}.gap-rate{display:grid;place-content:center;text-align:center;border-radius:14px;background:var(--surface-2)}.gap-rate strong{font-size:26px;line-height:1.1}.gap-card.is-low .gap-rate strong{color:var(--red)}.gap-card.is-mid .gap-rate strong{color:#b45309}.gap-rate span{font-size:13px;color:var(--muted)}.gap-body{display:grid;gap:4px;min-width:0}.gap-body h3{margin:0;font-size:17px}.gap-body p{margin:0;overflow-wrap:anywhere}.gap-lesson{font-weight:600}.gap-weak{display:flex;gap:6px;align-items:flex-start;font-size:14px}.gap-weak svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--red)}.gap-body .comments-actions{margin-top:6px}.gap-pill{padding:2px 8px;border-radius:999px;font-weight:700;font-size:13px;background:var(--surface-2)}.gap-pill.is-low{background:#fee2e2;color:#b91c1c}.gap-pill.is-mid{background:#fef3c7;color:#92400e}.gap-pill.is-good{background:var(--mint);color:var(--green)}@media (max-width:560px){.gap-card{grid-template-columns:1fr}.gap-rate{justify-content:start;grid-auto-flow:column;gap:6px;padding:6px 10px}}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.task-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);border:2px solid var(--brand-yellow)}.task-item.is-done{border-color:var(--line)}.task-item.is-over{border-color:var(--red)}.task-icon svg{width:28px;height:28px;color:#c58a00}.task-item.is-done .task-icon svg{color:var(--green-solid)}.task-info{display:grid;gap:2px;min-width:0}.task-info strong{font-size:17px;overflow-wrap:anywhere}.task-info span{color:var(--muted);font-size:14px}.task-info .task-done{color:var(--green);font-weight:700}@media (max-width:520px){.task-item{grid-template-columns:auto minmax(0,1fr)}.task-item .btn{grid-column:1/-1;justify-content:center}}.exam-take-page{max-width:860px}.exam-taker{display:grid;gap:14px}.exam-bar{position:sticky;top:calc(var(--learn-top-h, 0px) + 6px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 14px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.exam-bar-title{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}.exam-timer{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-weight:800;font-size:18px}.exam-timer svg{width:18px;height:18px}.exam-timer.is-low{color:var(--red)}.exam-nav{display:flex;flex-wrap:wrap;gap:6px}.exam-nav-btn{min-width:38px;min-height:38px;border-radius:10px;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.exam-nav-btn.is-answered{background:var(--blue-soft);border-color:var(--blue)}.exam-nav-btn.is-current{outline:3px solid var(--brand-yellow);outline-offset:1px}.exam-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.exam-submit-early{margin:0;text-align:right}.exam-result p,.exam-start p{margin:0}.exam-score{font-size:20px}.exam-score strong{font-size:34px;color:var(--blue)}.exam-result-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.exam-result-list li{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:14px}.exam-result-list li svg{width:16px;height:16px}.exam-result-list li.is-ok{background:var(--mint);color:var(--green)}.exam-result-list li.is-wrong{background:#fee2e2;color:#b91c1c}.assign-page h1,.gaps-page h1{display:flex;align-items:center;gap:10px}.assign-page h1 svg,.gaps-page h1 svg{flex:none;width:30px;height:30px}@media (max-width:760px){.learn-top{position:relative}.quiz-bar-inner{padding-block:6px}.feedback-bar{padding:10px 0 max(10px,env(safe-area-inset-bottom))}.feedback-inner{gap:8px 12px}.feedback-text h2{font-size:19px}.feedback-sub,.feedback-text p{font-size:14px}}@media (max-width:380px){.quiz-bar-inner{gap:6px}.quiz-bar .icon-button{width:40px;height:40px;border-radius:12px}.quiz-progress{display:none}.quiz-count{margin-right:auto;padding:2px 10px;font-size:15px}.quiz-submit{white-space:nowrap;padding-inline:12px;min-height:40px}.quiz-submit svg{display:none}.question-tools .button{white-space:nowrap;padding-inline:14px;font-size:16px}.swap-count{font-size:13px}}.is-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}.tag-wait{padding:2px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:13px;font-weight:700}.tuition-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.tuition-banner svg{width:18px;height:18px}.tuition-page h1{display:flex;align-items:center;gap:10px}.tuition-page h1 svg{flex:none;width:30px;height:30px}.pay-panel{display:grid;gap:16px}.pay-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.pay-plan{display:grid;gap:4px;justify-items:start;padding:18px;border-radius:18px;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm)}.pay-plan.is-on,.pay-plan:hover{border-color:var(--blue)}.pay-plan-name{font-weight:700;color:var(--muted)}.pay-plan strong{font-size:28px;color:var(--blue)}.pay-plan-note{font-size:14px;color:var(--muted)}.pay-plan-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:999px;background:var(--brand-yellow);color:#1e2b4a;font-weight:800;font-size:14px}.pay-plan-cta svg{width:16px;height:16px}.pay-qr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start;padding:18px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);border:2px dashed var(--blue)}.qr-code{display:block;border-radius:8px;background:#ffffff;max-width:100%;height:auto}.pay-info{display:grid;gap:8px;min-width:0}.pay-info p{margin:0}.pay-step{font-weight:600}.pay-line{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.pay-line span{color:var(--muted);font-size:14px}.pay-line strong{overflow-wrap:anywhere}.pay-warn{padding:8px 12px;border-radius:10px;background:#fff7e6;color:#7a4b00;font-size:14px}@media (max-width:640px){.pay-qr{grid-template-columns:1fr;justify-items:center}.pay-info{width:100%}.pay-line{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.pay-line span{grid-column:1/-1}.pay-line strong{font-size:17px}}.billing-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.billing-switch{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--surface-2);cursor:pointer}.billing-switch input{width:20px;height:20px;margin-top:2px;flex:none}.billing-actions,.billing-note{grid-column:1/-1}.billing-preview{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px}.billing-preview p{flex:1 1 260px;margin:0}.billing-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:8px 0}.billing-filter .auth-tabs{margin:0;flex:1 1 420px;grid-template-columns:repeat(4,minmax(0,1fr))}.billing-search{display:inline-flex;align-items:center;gap:6px;flex:1 1 260px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface)}.billing-search svg{width:16px;height:16px;color:var(--muted)}.billing-search input{border:0;outline:0;background:transparent;font:inherit;width:100%;color:var(--ink)}.contact-admin{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line-strong)}.contact-admin h3{margin:0;font-size:16px}.contact-admin p{margin:0}.contact-admin ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}.contact-admin li{display:inline-flex;align-items:center;gap:6px;font-weight:600;overflow-wrap:anywhere}.contact-admin li svg{flex:none;width:16px;height:16px;color:var(--blue)}.plan-badge{display:inline-flex;padding:2px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue-deep);font-size:13px;font-weight:700}.plan-badge,.plan-edit{align-items:center;gap:6px}.plan-edit{display:flex;flex-wrap:wrap}.plan-edit input[type=number]{width:72px}.plan-edit .plan-note{flex:1 1 200px;min-width:160px}.plan-edit .mini-btn.is-on{background:var(--blue);color:var(--on-brand);box-shadow:none}.lesson-decor{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.lesson-decor-frame{position:absolute;inset:8px;border:3px dashed;border-radius:22px}.lesson-decor-motif{position:absolute;opacity:.2;transform:translate(-50%,-50%) rotate(var(--rot,0deg))}.lesson-decor.is-animated .lesson-decor-motif{animation:decor-float 7s ease-in-out infinite;animation-delay:var(--d,0s)}@keyframes decor-float{0%,to{transform:translate(-50%,-50%) rotate(var(--rot,0deg))}50%{transform:translate(-50%,calc(-50% - 9px)) rotate(var(--rot,0deg))}}@media (max-width:760px){.lesson-decor-motif{opacity:.13}.lesson-decor-frame{inset:4px;border-width:2px}}.milo-trail{margin:-8px -6px 6px}.milo-trail svg{display:block;width:100%;height:auto;overflow:visible}.milo-trail svg.is-narrow{display:none}@media (max-width:600px){.milo-trail svg.is-wide{display:none}.milo-trail svg.is-narrow{display:block}.milo-trail{margin:-14px -10px 4px}}.milo-trail-milo{transition:transform .3s ease}.milo-trail-milo.is-jump{animation:milo-jump .9s cubic-bezier(.3,1.6,.5,1)}.milo-trail-milo.is-tilt{transform:rotate(-12deg)}@keyframes milo-jump{0%{transform:translateY(0) scale(1)}20%{transform:translateY(2px) scale(1.08,.9)}50%{transform:translateY(-22px) scale(.96,1.06)}80%{transform:translateY(0) scale(1.04,.96)}to{transform:translateY(0) scale(1)}}.fx-on .milo-trail-bubble{animation:bubble-pop .38s cubic-bezier(.3,1.6,.5,1);transform-box:fill-box}@keyframes bubble-pop{0%{opacity:0}to{opacity:1}}.question-card{position:relative}.confetti{position:absolute;left:50%;top:40%;z-index:3;width:0;height:0;pointer-events:none}.confetti-bit{position:absolute;width:9px;height:15px;border-radius:2px;opacity:0;animation:confetti-burst 1.1s cubic-bezier(.15,.7,.3,1) var(--delay,0s) forwards}.confetti-bit.is-round{width:10px;height:10px;border-radius:50%}@keyframes confetti-burst{0%{opacity:1;transform:translate(0) rotate(0deg) scale(.6)}65%{opacity:1}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 70px)) rotate(var(--r)) scale(1)}}.fx-on .choice.is-right,.fx-on .question-card .is-right{animation:right-glow 1.2s ease-out}@keyframes right-glow{0%{box-shadow:0 0 0 0 rgba(31,157,107,.55)}40%{box-shadow:0 0 0 8px rgba(31,157,107,.28),0 0 26px rgba(31,157,107,.5)}to{box-shadow:0 0 0 3px rgba(31,157,107,.2)}}.choice.is-right{box-shadow:0 0 0 3px rgba(31,157,107,.2)}.fx-toggle.is-on{background:var(--bg-fff3d1);color:var(--fg-7a4d00)}.result-card .medal-badge{display:block;margin:-6px auto 4px}.sticker-new{display:flex;align-items:center;gap:18px;padding:16px 20px;border:2px solid var(--line-strong);border-radius:20px;background:var(--bg-ffffff);box-shadow:var(--shadow-sm)}.sticker-new-art{display:grid;flex:none;width:124px;height:124px;place-items:center;border:3px dashed var(--green);border-radius:50%;background:var(--mint)}.sticker-new-tag{color:var(--fg-11704c);font-size:14px;font-weight:800;letter-spacing:.04em}.sticker-new-name{font-family:var(--font-display,"Quicksand"),sans-serif;font-size:26px;font-weight:800}.sticker-new-note{color:var(--muted);font-size:15px}.sticker-album{padding:20px 22px;border:2px solid var(--line-strong);border-radius:20px;background:var(--bg-ffffff)}.sticker-album h2{font-size:22px}.sticker-album h2 span{color:var(--muted);font-size:17px}.sticker-album ul{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}.sticker-slot{display:grid;aspect-ratio:1;place-items:center;border:2px dashed var(--rule);border-radius:16px;color:var(--muted);font-size:26px;font-weight:800}.sticker-slot.is-owned{border-style:solid;border-color:var(--line-strong);background:#fbfcff}.sticker-slot.is-new{border-color:var(--green);box-shadow:0 0 0 3px rgba(31,157,107,.25)}.sticker-slot .sticker-art{width:78%;height:78%}.sticker-album-note{margin-top:12px;color:var(--muted);font-size:14px}@media (max-width:760px){.sticker-album ul{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:480px){.sticker-album ul{grid-template-columns:repeat(4,minmax(0,1fr))}.sticker-new{flex-direction:column;text-align:center}}@media (prefers-reduced-motion:reduce){.fx-on .choice.is-right,.fx-on .question-card .is-right,.lesson-decor-motif,.milo-trail-bubble,.milo-trail-milo{animation:none!important;transition:none!important}.milo-trail-milo.is-tilt{transform:none}.confetti{display:none}}.praise{display:grid;gap:18px}.praise h1{display:flex;align-items:center;gap:10px}.praise h1 svg{width:30px;height:30px}.praise-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:20px;align-items:start}.praise-steps{display:grid;gap:18px;min-width:0}.praise-card{padding:18px 20px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.praise-card h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px}.praise-card h2 small{color:var(--muted);font-size:15px;font-weight:600}.praise-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:16px;flex:none}.praise-tpls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.praise-tpl{position:relative;display:grid;gap:4px;padding:6px 6px 10px;border:3px solid transparent;border-radius:14px;background:var(--surface-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.praise-tpl canvas{width:100%;height:auto;aspect-ratio:1414/1000;border-radius:8px;background:#fff}.praise-tpl strong{padding:0 4px;font-size:15px}.praise-tpl small{padding:0 4px;color:var(--muted);font-size:13px;font-weight:700}.praise-tpl.is-on{border-color:var(--blue);background:var(--blue-soft)}.praise-tpl.is-other:not(.is-on) canvas{opacity:.6}.praise-tpl:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:2px}.praise-tick{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff}.praise-tick svg{width:18px;height:18px}.praise-form{display:grid;gap:12px}.praise-form small{font-weight:500}.praise-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.praise-row2 .praise-ky,.praise-row2 .praise-role{max-width:100%}.praise-sign{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.praise-label{color:var(--muted);font-size:14px;font-weight:600}.praise-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.praise-seg button{min-height:38px;padding:4px 14px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.praise-seg button.is-on{background:var(--blue);color:#fff}.praise-upload{cursor:pointer}.praise-actions{display:flex;flex-wrap:wrap;gap:8px}.praise-table td{white-space:normal}.praise-table tr.is-on td{background:var(--blue-soft)}.praise-table input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue)}.praise-extra input,.praise-table select{min-height:38px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:14px}.praise-table select{flex:0 1 230px;min-width:0}.praise-extra{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.praise-extra input{flex:1 1 200px;min-width:0}.praise-name{font-weight:700;min-width:140px}.praise-name .praise-award{display:flex;margin-top:4px;max-width:220px;text-align:left}.praise-preview{position:sticky;top:16px;min-width:0}.praise-canvas{display:block;width:100%;height:auto;aspect-ratio:1414/1000;border-radius:12px;box-shadow:var(--shadow-sm);background:#fff}.praise-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}.praise-pager .btn{padding:8px 12px}.praise-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.praise-dl .btn-primary{grid-column:1/-1}.praise-note{margin:0;font-size:14px}.praise-print{display:none}@media (max-width:980px){.praise-layout{grid-template-columns:1fr}.praise-preview{position:static;order:-1}}@media (max-width:560px){.praise-row2{grid-template-columns:1fr}.praise-card{padding:14px}.praise-dl{grid-template-columns:1fr}.praise-tpls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.praise-print{display:block}.praise-print img{display:block;width:297mm;height:208mm;-o-object-fit:contain;object-fit:contain;-moz-column-break-after:page;break-after:page;page-break-after:always}.praise-print img:last-child{-moz-column-break-after:auto;break-after:auto;page-break-after:auto}main:has(.praise-print){max-width:none!important;margin:0!important;padding:0!important}}.cb-tabs{gap:12px}.subject-tab.cb-tab{min-height:64px;padding:8px 14px;border:2px solid var(--line-strong);border-radius:18px;background:var(--surface);box-shadow:0 4px 0 var(--line-strong);transition:transform .15s ease,box-shadow .15s ease}.subject-tab.cb-tab:hover{transform:translateY(-2px)}.subject-tab.cb-tab[aria-pressed=true]{border-color:transparent;background:var(--cover);color:#fff;box-shadow:0 5px 0 color-mix(in srgb,var(--cover) 55%,#000);transform:translateY(-2px)}.cb-tab-mark{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border-radius:12px;background:color-mix(in srgb,var(--cover) 14%,var(--surface));color:var(--cover);font-size:18px;font-weight:900}.cb-tab[aria-pressed=true] .cb-tab-mark{background:#fff;color:var(--cover)}.subject-banner.cb-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:8px 16px;padding:26px 24px 0 28px;border:0;border-radius:26px;color:#fff;background:radial-gradient(circle at 82% 18%,rgb(255 255 255/.28),transparent 42%),linear-gradient(135deg,var(--cover),color-mix(in srgb,var(--cover) 68%,#0b1430));box-shadow:0 10px 24px color-mix(in srgb,var(--cover) 30%,transparent)}.cb-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgb(255 255 255/.16) 2px,transparent 2.5px);background-size:26px 26px;pointer-events:none}.cb-hero>*{position:relative}.cb-hero-text{padding-bottom:26px;min-width:0}.subject-banner.cb-hero h1{margin:2px 0 0;font-size:clamp(34px,6vw,48px);line-height:1.05;text-shadow:0 3px 0 rgb(0 0 0/.15)}.subject-banner.cb-hero p{max-width:none}.cb-kicker{margin:0;font-size:15px;font-weight:800;opacity:.9}.cb-stats{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:14px 0 18px}.cb-stat{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:rgb(255 255 255/.18);font-size:15px;font-weight:700}.cb-stat strong{font-size:17px}.cb-stat .star-on{stroke:#7a5200}.points-chip.cb-points{margin:0;font-size:15px}.cb-ring{position:relative;display:inline-grid;place-items:center;width:56px;height:56px}.cb-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.cb-ring circle{fill:none;stroke-width:6}.cb-ring-bg{stroke:rgb(255 255 255/.28)}.cb-ring-fg{stroke:var(--brand-yellow);stroke-linecap:round;transition:stroke-dasharray .6s ease}.cb-ring b{font-size:14px;font-weight:900}.button.cb-cta{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:56px;padding:10px 22px;border-radius:16px;font-size:18px;white-space:normal;text-align:left;box-shadow:0 5px 0 #c58a00}.button.cb-cta:hover{transform:translateY(-2px)}.cb-alldone{display:flex;align-items:center;gap:8px;margin:0;font-weight:800}.cb-milo{display:grid;justify-items:center;align-self:end}.cb-milo .milo{width:150px;height:auto;filter:drop-shadow(0 8px 10px rgb(0 0 0/.22));animation:cb-bob 3.2s ease-in-out infinite;transform-origin:50% 100%}.cb-bubble{position:relative;margin:0 0 8px;padding:8px 12px;border-radius:16px;background:#fff;color:#1e2b4a;font-size:14px;font-weight:800;line-height:1.3;text-align:center;box-shadow:0 4px 10px rgb(0 0 0/.15)}.cb-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;background:#fff;transform:translateX(-50%) rotate(45deg);border-radius:3px}.cb-hero-deco{position:absolute!important;inset:0;pointer-events:none}.cb-float{position:absolute;filter:drop-shadow(0 6px 8px rgb(0 0 0/.2));animation:cb-bob 4s ease-in-out infinite}.cb-float.is-0{top:14px;right:210px;animation-delay:-1s}.cb-float.is-1{top:10px;right:300px;animation-delay:-2s}.cb-float.is-2{bottom:18px;right:196px;animation-delay:-.5s;opacity:.95}@keyframes cb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.muc-all.cb-muc{margin:20px 0 6px;padding:16px 18px;border-radius:22px}.cb-muc-head h2{display:flex;align-items:center;gap:8px;font-size:20px}.cb-muc-head h2 svg{color:var(--blue)}.cb-muc-head p{margin:4px 0 12px;color:var(--muted);font-size:15px;line-height:1.45}.cb-muc-picker .muc-option{border-radius:16px}.cb-muc-dots{letter-spacing:1px;font-size:13px;vertical-align:2px}.learn-heading.cb-heading{display:flex;align-items:center;gap:10px}.cb-heading svg{color:var(--blue)}.topic-groups.cb-groups{gap:30px}.topic-head.cb-topic{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px 10px 10px;border:2px solid color-mix(in srgb,var(--cover) 22%,transparent);border-radius:20px;background:color-mix(in srgb,var(--cover) 9%,var(--surface))}.cb-topic h3{font-size:20px;line-height:1.25}.cb-topic-art{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.cb-topic-art .sticker-art{width:46px;height:46px}.cb-topic-count{padding:4px 12px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:14px;font-weight:800;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line)}.cb-topic-count.is-full{background:var(--green-solid);color:#fff;box-shadow:none}.lesson-list.cb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin:0;padding:0;list-style:none}.cb-list>.lesson-row.cb-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;padding:16px;border:2px solid var(--line-strong);border-radius:22px;background:var(--surface);box-shadow:0 5px 0 var(--line-strong);transition:transform .15s ease,box-shadow .15s ease}.cb-list>.lesson-row.cb-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--line-strong)}.cb-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cb-card .lesson-no{width:50px;height:50px;font-size:22px;border-color:color-mix(in srgb,var(--cover,var(--blue)) 35%,transparent);background:color-mix(in srgb,var(--cover,var(--blue)) 10%,var(--surface));color:var(--cover,var(--blue))}.cb-new{padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:800}.cb-card .lesson-info h3{font-size:19px;line-height:1.3}.cb-card .lesson-info p{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-card .lesson-info .lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:14px;-webkit-line-clamp:unset}.lesson-actions.cb-actions{display:grid;gap:8px;margin-top:auto;padding-top:10px;border-top:2px dashed var(--rule)}.cb-actions .cb-go{justify-content:center;width:100%}.cb-card:not(.is-done) .cb-go.button-white{color:var(--cover,var(--blue));border-color:color-mix(in srgb,var(--cover,var(--blue)) 45%,transparent)}.cb-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cb-tools .muc-select{flex:1 1 140px;min-width:0}.cb-tools .muc-select>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cb-tools .muc-select select{width:100%;min-height:40px;font-size:14px}.button.cb-swap{flex:1 1 140px;justify-content:center;min-height:44px;padding:6px 12px;font-size:14px}.cb-list>.lesson-row.cb-card.is-next{border-color:#f5b82e;background:linear-gradient(180deg,color-mix(in srgb,#ffc83d 22%,var(--surface)),var(--surface) 70%);box-shadow:0 5px 0 #e9ad15,0 0 0 5px rgb(255 200 61/.3)}.cb-card.is-next .lesson-no{border-color:#e9ad15}.cb-card.is-next .lesson-no,.cb-next-tag{background:var(--brand-yellow);color:#1e2b4a}.cb-next-tag{position:absolute;top:-16px;right:14px;display:inline-flex;align-items:center;gap:4px;padding:2px 12px 2px 4px;border-radius:999px;font-size:13px;font-weight:900;box-shadow:0 3px 0 #e9ad15}.cb-next-tag .milo{width:34px;height:auto;margin:-12px 0 -4px;animation:cb-bob 2.4s ease-in-out infinite}.cb-list>.lesson-row.cb-card.is-done{border-color:color-mix(in srgb,var(--green-solid) 45%,transparent);background:color-mix(in srgb,var(--green-solid) 7%,var(--surface));box-shadow:0 5px 0 color-mix(in srgb,var(--green-solid) 35%,transparent)}.cb-card.is-done .lesson-no{background:var(--green-solid);border-color:var(--green-solid);color:#fff}@media (max-width:640px){.subject-banner.cb-hero{grid-template-columns:minmax(0,1fr) 96px;padding:20px 16px 0 18px;border-radius:22px}.cb-milo .milo{width:96px}.cb-bubble{font-size:12px;padding:6px 8px}.cb-float.is-0{right:108px;top:10px}.cb-float.is-0 .sticker-art{width:54px;height:54px}.cb-float.is-1,.cb-float.is-2{display:none}.cb-stat{font-size:14px;padding:5px 10px}.button.cb-cta{font-size:16px;min-height:52px;padding:10px 16px}.subject-tab.cb-tab{min-height:56px;padding:6px 8px}.cb-tab-mark{min-width:32px;height:32px;font-size:15px}.topic-head.cb-topic{grid-template-columns:48px minmax(0,1fr)}.cb-topic-art{width:48px;height:48px}.cb-topic-art .sticker-art{width:40px;height:40px}.cb-topic-count{grid-column:2;justify-self:start}.lesson-list.cb-list{grid-template-columns:1fr}}@media (max-width:520px){.cb-muc-dots{display:none}}@media (max-width:420px){.cb-tab-mark{display:none}.subject-tab.cb-tab{font-size:16px}}@media (prefers-reduced-motion:reduce){.cb-float,.cb-milo .milo,.cb-next-tag .milo{animation:none}.cb-list>.lesson-row.cb-card,.subject-tab.cb-tab{transition:none}}.class-quick{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;border-radius:999px;color:var(--link);font-size:14px;font-weight:700}.class-quick:hover{background:var(--blue-soft)}.class-quick svg{width:16px;height:16px;color:var(--purple)}.praise-style{display:inline-block;padding:0 6px;border-radius:6px;background:#fff3d0;color:#8a5a00;font-size:12px}.praise-style.is-formal{background:#fde8e6;color:#9a1b1b}.planner,.progress-report{display:grid;gap:18px}.planner h1,.progress-report h1{display:flex;align-items:center;gap:10px}.planner h1 svg,.progress-report h1 svg{width:30px;height:30px}.planner-card{padding:18px 20px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.planner-card h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px}.planner-card h2 svg{width:22px;height:22px;color:var(--blue)}.planner-card h3{margin:10px 0 0;font-size:17px;color:var(--link)}.planner-new{display:grid;grid-template-columns:170px minmax(0,1fr) 170px 90px;gap:12px;align-items:end}.planner-actions{display:flex;flex-wrap:wrap;gap:8px}.planner-weak{margin:0;font-size:14px}.planner-edit-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.planner-dirty{color:#b45309;font-size:15px;font-weight:700}.planner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.planner-wide{grid-column:1/-1}.planner-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.planner-act{display:grid;gap:10px;margin:0;padding:12px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-2)}.planner-act legend{padding:0 6px;font-weight:800}.planner-min{width:64px;min-height:32px;margin-left:8px;padding:2px 6px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-ffffff);color:var(--ink);font:inherit}.planner-week{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.planner-spacer{flex:1}.planner-table td{white-space:normal}.planner-table tr.is-on td{background:var(--blue-soft)}.planner-import-sum{margin:10px 0 4px;font-size:15px}.planner-import td{font-size:14px;vertical-align:top}.planner-import input[type=checkbox]{width:18px;height:18px}.planner-import .mini-btn{white-space:nowrap}.planner-act-title{font:inherit;font-weight:700;border:1px solid transparent;background:transparent;border-radius:6px;padding:2px 6px;min-width:16ch;width:min(60ch,70vw)}.planner-act-title:focus,.planner-act-title:hover{border-color:var(--line,#cfd6e0);background:var(--surface,#fff)}.planner-lib-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.planner-lib-search{max-width:520px}.planner-lib-search span{display:inline-flex;align-items:center;gap:6px}.planner-lib-search svg{width:16px;height:16px}.planner-lib-files{list-style:none;margin:8px 0 0;padding:0;max-height:360px;overflow:auto;border:1px solid var(--line,#e3e8ef);border-radius:10px}.planner-lib-files li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--line,#eef1f5);font-size:14px}.planner-lib-files li span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.planner-lib-fails{margin:6px 0;font-size:14px}.planner-lib-fails ul{margin:6px 0 0 18px}.planner-int{color:var(--muted,#667);font-size:13px}.planner-kind{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:#eef2f7;color:#334}.planner-kind.is-app{background:#e3f4e8;color:#17603a}.planner-kind.is-review{background:#fff1d6;color:#7a4b00}.planner-title{font-weight:700;min-width:180px}.planner-row-actions{display:flex;gap:6px}.tool-card.tone-purple svg{color:var(--purple)}@media (max-width:860px){.planner-new{grid-template-columns:1fr 1fr}.planner-new .planner-lesson{grid-column:1/-1}.planner-grid{grid-template-columns:1fr 1fr}.planner-two{grid-template-columns:1fr}}@media (max-width:520px){.planner-card{padding:14px}}.tool-card.tone-coral svg{color:var(--brand-coral)}.report-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.report-bar .adm-field{min-width:200px}.report-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.report-card{display:grid;gap:10px;padding:16px;border:2px solid var(--line-strong);border-radius:18px;background:var(--surface)}.report-card.is-ok{border-color:color-mix(in srgb,var(--green-solid) 55%,transparent);background:color-mix(in srgb,var(--green-solid) 6%,var(--surface))}.report-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.report-head strong{font-size:18px}.report-chips{display:flex;flex-wrap:wrap;gap:6px}.report-chip{padding:3px 10px;border-radius:999px;background:var(--blue-soft);color:var(--link);font-size:13px;font-weight:800}.report-chip.is-soft{background:var(--surface-2);color:var(--muted)}.report-chip.is-low{background:#fde8e6;color:#b3261e}.report-chip.is-up{background:#ddf7e7;color:#15803d}.report-card textarea{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg-ffffff);color:var(--ink);font:inherit;font-size:15px;line-height:1.5;resize:vertical}.report-ok{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:10px;background:var(--surface-2);font-weight:800;font-size:14px;cursor:pointer}.report-ok svg{width:16px;height:16px;color:var(--green-solid)}.report-ok input{width:18px;height:18px;accent-color:var(--green-solid)}.report-print{display:none}@media print{.report-print{display:block}.report-page{-moz-column-break-after:page;break-after:page;page-break-after:always;padding:0;color:#000;font-family:Times New Roman,Times,serif;font-size:14pt;line-height:1.3}.report-page:last-child{-moz-column-break-after:auto;break-after:auto;page-break-after:auto}.report-page,.report-page *{font-family:Times New Roman,Times,serif!important}.report-page p{margin:0 0 6pt}.report-page h2{text-align:center;font-size:14pt;font-weight:700;margin:12pt 0 2pt}.report-page-sub{text-align:center;font-style:italic}.report-line{text-indent:1cm;text-align:justify}.nd30-head{width:100%;border-collapse:collapse;margin-bottom:6pt}.nd30-head td{border:0;padding:0;text-align:center;vertical-align:top}.nd30-org{font-size:13pt;text-transform:uppercase}.nd30-nation{font-size:12pt;font-weight:700}.nd30-motto{font-size:13pt;font-weight:700}.nd30-rule{border-collapse:collapse;margin:1pt auto 4pt}.nd30-rule td{border:0;border-top:1px solid #000;font-size:2pt;line-height:2pt;padding:0}.nd30-place{font-size:13pt;font-style:italic}.nd30-sign{width:100%;border-collapse:collapse;margin-top:12pt}.nd30-sign td{border:0;padding:0;vertical-align:top}.nd30-sign .role{font-size:13pt;font-weight:700;text-transform:uppercase;text-align:center;margin:0}.nd30-sign .name{font-size:14pt;font-weight:700;text-align:center}.comments-board,.comments-board *{font-family:Times New Roman,Times,serif!important}}.exam-muc-legend{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--muted)}.exam-outcomes{padding:10px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface)}.exam-outcomes summary{cursor:pointer;font-weight:800}.exam-outcomes ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none;font-size:15px}.exam-outcomes label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.exam-outcomes input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue);flex:none}.today-board h2{display:flex;align-items:center;gap:8px}.today-board h2 svg{width:24px;height:24px;color:var(--blue)}.today-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.today-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 16px;border-left:6px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.today-item>div{display:grid;gap:2px;min-width:0;flex:1 1 320px}.today-item span{color:var(--muted);font-size:15px;line-height:1.45}.today-item.is-urgent{border-left-color:var(--red)}.today-item.is-soon{border-left-color:#f5a524}.today-item.is-info{border-left-color:var(--blue)}.today-item.is-done{border-left-color:var(--green-solid)}.pv-overlay{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.55);display:flex;padding:16px}.pv-panel{flex:1;display:flex;flex-direction:column;background:var(--surface,#fff);border-radius:14px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3)}.pv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line,#e3e8ef)}.pv-title{font-size:15px;max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-note{color:var(--muted,#667);font-size:13px}.pv-frame{flex:1;width:100%;border:0;background:#e6eaf0}.pv-loading{display:grid;place-items:center;color:#556}@media (max-width:640px){.pv-overlay{padding:0}.pv-panel{border-radius:0}}.planner-orig{border:1px solid #b7e0c4;background:#effaf2;border-radius:10px;padding:10px 12px;margin:8px 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px}.planner-orig p{margin:0;flex-basis:100%}.planner-orig label{display:inline-flex;align-items:center;gap:6px}.pv-inline{margin-top:16px}.pv-inline .pv-panel{border:1px solid var(--line,#e3e8ef);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:var(--surface,#fff)}.pv-inline .pv-frame{flex:none;height:min(1150px,85vh)}.ws-pairs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.ws-pair{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid var(--line,#d6dde6);border-radius:999px;cursor:pointer;font-size:15px}.ws-pair.is-on{border-color:#1e88e5;background:#e3f2fd;color:#0d47a1}.ws-pair input{width:16px;height:16px}.ws-check{flex-direction:row!important;align-items:center;gap:8px}.ws-check input{width:20px!important;height:20px;flex:none;min-height:0;padding:0}.ws-check{align-self:end;padding-bottom:10px}.ws-pair small{font-size:12px;opacity:.8}.ws-pair.is-locked{cursor:not-allowed;opacity:.55;border-style:dashed}.ws-pair.is-locked svg{width:14px;height:14px}.ws-pair .ws-new{background:#43a047;color:#fff;border-radius:999px;padding:0 7px;opacity:1;font-weight:700}.ws-notes{margin:0 0 12px;padding:10px 14px 10px 30px;border:1px dashed #ffb300;border-radius:10px;background:#fff8e1;color:#6d4c00;font-size:14px}.ws-notes li+li{margin-top:2px}.planner-import .planner-group th{text-align:left;background:#eef4fb;color:#0d47a1;font-size:13px;letter-spacing:.03em;padding:6px 10px}.planner-skipped{color:#b71c1c}@media (max-width:560px){.cb-bubble,.cb-muc small,.game-tag,.main-nav-link,.muc-option small{font-size:14px}}@media (max-width:760px){.intro-start{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:6;box-shadow:0 6px 18px rgb(31 42 68/.28),0 0 0 6px var(--surface)}.timer-sound-options{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-sound-option small{display:none}.timer-sound-option span{min-height:48px;display:grid;place-items:center;text-align:center}body:has(.quiz-bar) .learn-top{display:none}body:has(.quiz-bar) .quiz-bar{top:0}.question-card{padding:16px 14px}.milo-trail{margin:-10px -6px 0}.milo-trail svg{max-height:58px}.question-top{gap:8px}.question-tools{flex-wrap:nowrap;gap:8px;margin-top:8px}.question-tools .button{flex:1 1 auto;min-width:0;min-height:44px;padding:6px 12px;font-size:15px;gap:6px;white-space:nowrap}.question-tools .swap-count{padding:0 6px;font-size:13px}.cb-list>.lesson-row.cb-card{gap:6px;padding:12px 14px}.cb-card-top{position:absolute;top:12px;left:14px;right:14px;pointer-events:none}.cb-card-top>*{pointer-events:auto}.cb-card .lesson-no{width:42px;height:42px;font-size:20px;font-weight:800}.cb-card .lesson-info{padding:2px 0 0 54px;min-height:42px}.cb-card .lesson-info h3{font-size:17px;padding-right:78px}.cb-card .lesson-info p{-webkit-line-clamp:1;font-size:14px}.cb-card .lesson-info .lesson-meta{margin-top:2px;font-size:14px}.lesson-actions.cb-actions{padding-top:8px;gap:6px;display:grid;grid-template-columns:minmax(0,1fr)}.cb-actions .cb-go{display:flex;width:100%;min-height:48px;justify-content:center}.cb-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.cb-tools .muc-select select{min-height:44px}.cb-card:not(.is-next) .cb-tools{display:none}}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none;filter:saturate(.4)}.praise-pick-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.home{--lift:0 4px 0 rgb(var(--ink-rgb)/.16);--lift-hover:0 6px 0 rgb(var(--ink-rgb)/.16)}.home .btn{transition:transform .15s ease,box-shadow .15s ease}.home .btn:hover{transform:translateY(-2px)}.home .btn:active{transform:translateY(2px);box-shadow:none}.home .btn-yellow,.home .home-actions .btn-yellow{box-shadow:0 4px 0 #d39b12}.home-btn-ghost{min-height:54px;padding:12px 24px;border-radius:999px;background:#fff;color:var(--ink);font-weight:700;box-shadow:var(--lift)}.home-btn-ghost svg{width:20px;height:20px}:root[data-theme=dark] .home-btn-ghost{background:var(--surface);color:var(--ink)}.home .home-actions{align-items:center}.home-facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.home-facts li{padding:6px 14px;border-radius:999px;background:rgb(255 255 255/.9);color:var(--ink);font-size:15px;font-weight:600}.home-facts strong{color:var(--brand-blue);font-weight:700}:root[data-theme=dark] .home-facts li{background:rgb(15 25 52/.85)}.home .home-section{margin-top:88px}.home .home-section h2{font-size:clamp(28px,3.4vw,36px);letter-spacing:-.015em}.home .home-section-head p{font-size:17px}.home .grade-pill{box-shadow:var(--lift);background:var(--surface);font-weight:700}.home .grade-pill.is-on{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-deep)}.home .notebook-cover{min-height:290px;padding-bottom:20px}.home .notebook-label{align-self:start}.home .notebook-cover:hover{transform:translateY(-4px) rotate(-.6deg)}.notebook-count{color:var(--nb);font-weight:700}.notebook-milo{position:absolute;left:34px;bottom:12px;width:76px;height:auto;pointer-events:none;transform:rotate(-4deg);transition:transform .2s ease}.notebook-cover:hover .notebook-milo{transform:rotate(2deg) translateY(-4px)}.home .notebook-icon{display:none}.home .notebook-open{position:relative;z-index:1}.worksheet-q{margin-top:10px;font-size:22px;font-weight:700;line-height:1.4}.home .home-sample{box-shadow:var(--lift)}.home .home-answers li{box-shadow:var(--lift);font-weight:700}.home .home-answers li.is-right{box-shadow:inset 0 0 0 2px var(--green),0 4px 0 color-mix(in srgb,var(--green) 45%,transparent)}.home .home-steps h3{font-size:22px}.home .home-steps p{font-size:17px}.home-games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:28px 0 0;padding:0;list-style:none}.home-game{display:flex;flex-direction:column;height:100%;border-radius:22px;overflow:hidden;background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:var(--lift);transition:transform .15s ease,box-shadow .15s ease}.home-game:hover{transform:translateY(-3px);box-shadow:var(--lift-hover)}.home-game:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}.home-game-art{display:block}.home-game-art .game-art{border-radius:0}.home-game strong{padding:12px 16px 16px;font-size:17px;line-height:1.3}.home .home-safety{align-items:start}.home .home-safety p{font-size:16px}.home-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:16px 0 0;padding:0;list-style:none}.home-tools li{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.home-tools svg{flex:none;width:22px;height:22px;color:var(--brand-blue)}.home .home-safety .btn{align-self:center}@media (max-width:900px){.home-games{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.home .home-section{margin-top:64px}.home-actions .btn{flex:1 1 100%;justify-content:center}.home-facts li{font-size:14px;padding:5px 12px}.home-games{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin-inline:-16px;padding:4px 16px 10px;scrollbar-width:none}.home-games::-webkit-scrollbar{display:none}.home-games li{flex:0 0 46%;scroll-snap-align:start}.home-game strong{font-size:16px;padding:10px 12px 14px}.home-tools{grid-template-columns:1fr}.home .notebook-cover{min-height:270px}.notebook-milo{width:66px}.home .home-hero-card{min-height:800px}.worksheet-q{font-size:20px}}:root{--shadow-sm:0 3px 0 rgb(var(--ink-rgb)/.10);--shadow-md:0 6px 0 rgb(var(--ink-rgb)/.12);--lift:0 4px 0 rgb(var(--ink-rgb)/.16)}:root[data-theme=dark]{--shadow-sm:0 3px 0 rgb(0 0 0/.45);--shadow-md:0 6px 0 rgb(0 0 0/.5);--lift:0 4px 0 rgb(0 0 0/.5)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--shadow-sm:0 3px 0 rgb(0 0 0/.45);--shadow-md:0 6px 0 rgb(0 0 0/.5);--lift:0 4px 0 rgb(0 0 0/.5)}}:root[data-theme=dark] .figure,:root[data-theme=dark] .light-island{--shadow-sm:0 3px 0 rgb(30 43 74/.10);--shadow-md:0 6px 0 rgb(30 43 74/.12)}.learn-top,.site-header{box-shadow:none}.main-nav-link{min-height:44px}.main-nav-link:hover{color:var(--ink)}.btn{transition:transform .12s ease,box-shadow .12s ease,background-color .16s ease}.btn-primary{box-shadow:0 4px 0 var(--blue-deep)}.btn-primary:hover{box-shadow:0 6px 0 var(--blue-deep)}.btn-yellow{box-shadow:0 4px 0 #d39b12}.btn-yellow:hover{box-shadow:0 6px 0 #d39b12}.btn-outline{box-shadow:inset 0 0 0 2px var(--brand-blue),0 4px 0 rgb(36 87 197/.28)}.btn-outline:hover{box-shadow:inset 0 0 0 2px var(--brand-blue),0 6px 0 rgb(36 87 197/.28)}.btn:active:not(:disabled){transform:translateY(2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--blue-deep)}.btn-yellow:active:not(:disabled){box-shadow:0 2px 0 #d39b12}.btn-outline:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--brand-blue),0 2px 0 rgb(36 87 197/.28)}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled),.btn:hover{transform:none}}.footer-links{flex-wrap:wrap;gap:4px 18px}.footer-links a,.learn-top .brand,.site-header .brand{display:inline-flex;align-items:center;min-height:44px}.toc-group-title,.toc-no{font-size:14px}.toc-no{width:30px;height:30px}.toc-next{padding:1px 8px;font-size:13px}.cb-tab-mark{color:color-mix(in srgb,var(--cover) 72%,#000)}:root[data-theme=dark] .cb-tab-mark{color:color-mix(in srgb,var(--cover) 70%,#fff)}@media (max-width:560px){.cb-card .lesson-info h3{padding-right:0}.cb-card.is-done .lesson-info{padding-right:78px}}.level-chip[class*=is-l]{display:inline-flex;flex-direction:row;min-height:0;padding:2px 10px;border:2px solid;border-radius:999px;font-size:14px;line-height:1.5;pointer-events:auto}@media (max-width:560px){.quiz-progress{display:none}.quiz-count{margin-right:auto}}.game-tag{font-size:14px}@media (max-width:560px){.sticker-album ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.sticker-slot{border-radius:12px;font-size:18px}}.cb-muc small,.cb-next-tag,.muc-option small{font-size:14px}.ach-levels li{font-size:14px;color:var(--ink)}.ach-levels li.is-done{color:#ffffff}@media (max-width:560px){.cb-card.is-next .lesson-info h3{padding-right:96px}}.dash-back{min-height:44px}.tool-card{box-shadow:var(--lift);border:2px solid var(--line);padding:18px;gap:6px}.tool-card:focus-visible,.tool-card:hover{transform:translateY(-2px)}.tool-card svg{box-sizing:content-box;width:24px;height:24px;padding:10px;margin-bottom:4px;border-radius:14px;background:color-mix(in srgb,currentColor 12%,var(--surface))}.tool-card span{font-size:15px}.roster-table{font-variant-numeric:tabular-nums}.roster-table thead th,.status-chip{font-size:14px}.student-link{display:inline-block;padding-block:10px}.mini-btn{min-height:40px;padding:6px 12px;font-size:14px}@media (pointer:coarse){.mini-btn{min-height:44px}}.mini-btn svg{width:16px;height:16px}.dash-archive{display:flex;justify-content:flex-start}.dash-archive .btn{color:var(--muted);box-shadow:inset 0 0 0 2px var(--line-strong),0 4px 0 rgb(var(--ink-rgb)/.08)}.dash-archive .btn:hover{color:var(--ink)}.status-chip.tone-green{color:#116b33}.status-chip.tone-coral{color:#a8282e}:root[data-theme=dark] .status-chip.tone-coral,:root[data-theme=dark] .status-chip.tone-green{color:var(--tile-fg)}.join-code-box small{font-size:14px}.check-line{min-height:44px;align-items:center}.check-line input{width:22px;height:22px;margin-top:0}.teacher-info-open{margin-top:8px}.teacher-info-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-items:end}.teacher-info-edit label{display:grid;gap:4px;font-size:14px;font-weight:700}.teacher-info-edit input{min-height:44px;padding:8px 12px;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:500}.teacher-info-edit input:focus-visible{outline:3px solid var(--brand-blue);outline-offset:1px}.teacher-info-actions{display:flex;gap:8px;align-items:center}.teacher-info-edit small{grid-column:1/-1;color:var(--muted)}@media (max-width:640px){.teacher-info-edit{grid-template-columns:1fr}}.teacher-tools-wrap h2{margin-bottom:12px}.tool-card-new{grid-column:span 2;grid-template-columns:auto 1fr;-moz-column-gap:16px;column-gap:16px;align-items:center;border-color:#f0cf75;background:linear-gradient(90deg,#fff8e1,var(--surface) 70%)}.tool-card-new svg{grid-row:span 2;margin:0}:root[data-theme=dark] .tool-card-new{background:var(--surface)}.tool-card-diary{border-color:#9fdcbc;background:linear-gradient(90deg,#e9f9ef,var(--surface) 70%)}@media (max-width:560px){.tool-card-new{grid-column:1/-1}}.callon-page{max-width:1400px}.callon{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;min-height:calc(100vh - 150px);color:var(--ink)}.callon.is-full .callon-stage{height:auto}.callon.is-full{min-height:100vh;padding:16px 24px;background:var(--bg,#f5f8ff)}.callon-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.callon-title h1{font-size:24px;line-height:1.15}.callon-title p{color:var(--muted);font-size:15px;font-weight:600}.callon-modes{display:flex;gap:6px;padding:4px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.callon-modes button{min-height:44px;padding:8px 11px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}.callon-modes button:hover{color:var(--ink);background:var(--surface-2)}.callon-modes button[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-deep)}.callon-toggles{display:flex;gap:8px;margin-left:auto}.callon-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.callon-chip svg{width:18px;height:18px}.callon-chip.is-on{background:#ddf7e7;border-color:#9fdcbc;color:#116b33}:root[data-theme=dark] .callon-chip.is-on{background:#12382a;color:#8ee0b5;border-color:#1f6b49}.callon-lesson{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--muted)}.callon-subj{min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.callon-subj.is-on{border-color:var(--blue);background:var(--blue-soft);color:var(--brand-blue)}.callon-lesson select{min-height:40px;max-width:330px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:15px}.callon-notice{flex-basis:100%;padding:8px 12px;border-radius:12px;background:#fff3d1;color:#7a4d00}.callon-stage{position:relative;height:max(500px,calc(100vh - 300px));min-height:500px;border-radius:26px;background:var(--surface);border:2px solid var(--line);box-shadow:var(--lift);overflow:hidden}.callon-hint{position:absolute;left:24px;top:16px;z-index:1;color:var(--muted);font-size:16px;font-weight:700}.callon-hint b{color:var(--ink)}.cw{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:58px 16px 18px 6%}.cw-box{position:relative;height:100%;max-height:640px;aspect-ratio:1;max-width:100%}.cw-wheel{width:100%;height:100%;font-family:inherit;will-change:transform}.cw-pointer{top:-14px;z-index:2;width:0;height:0;transform:translateX(-50%);border-left:22px solid transparent;border-right:22px solid transparent;border-top:44px solid var(--ink)}.cw-hub,.cw-pointer{position:absolute;left:50%}.cw-hub{top:50%;width:21%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:6px solid #1e2b4a;display:grid;place-items:end center;overflow:hidden}.cw-hub .milo{width:70%;height:auto;margin-bottom:-4%}.cl{position:absolute;inset:0;padding:52px 24px 24px;overflow:auto}.cl-grid{display:grid;grid-template-columns:repeat(var(--cols,8),minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.cl-lot{position:relative;width:100%;aspect-ratio:1/1.05;border:0;padding:0;background:none;cursor:pointer;perspective:600px;font:inherit}.cl-lot>span{position:absolute;inset:0;display:grid;place-items:center;border-radius:16px;backface-visibility:hidden;transition:transform .5s ease;padding:6px;text-align:center}.cl-front{background:var(--c);color:#fff;font-size:clamp(18px,2.2vw,28px);font-weight:700;box-shadow:0 4px 0 rgb(0 0 0/.2)}.cl-back{background:#fff;color:#1e2b4a;border:4px solid var(--brand-yellow);box-shadow:0 5px 0 #d39b12;font-size:clamp(14px,1.4vw,18px);font-weight:700;line-height:1.15;transform:rotateY(180deg)}.cl-lot:hover:not(:disabled) .cl-front{transform:translateY(-3px)}.cl-lot.is-flip{z-index:2}.cl-lot.is-flip .cl-front{transform:rotateY(-180deg)}.cl-lot.is-flip .cl-back{transform:rotateY(0) scale(1.25)}.cl-lot.is-used{cursor:default}.cl-lot.is-used .cl-front{background:var(--surface-2);color:var(--muted);box-shadow:none;border:2px dashed var(--line-strong);font-size:14px}.cr{position:absolute;inset:0;padding:52px 24px 24px}.cr-track{position:relative;display:grid;gap:10px}.cr-lane{position:relative;height:54px;border-radius:14px;border:2px solid var(--line);background:repeating-linear-gradient(90deg,var(--surface-2) 0 40px,var(--surface) 40px 80px)}.cr-lane.is-win{border-color:var(--brand-yellow);background:repeating-linear-gradient(90deg,#fff8e1 0 40px,#fff3d1 40px 80px)}.cr-name{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:150px;font-size:16px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-lane.is-win .cr-name{color:#1e2b4a}.cr-animal{position:absolute;top:50%;font-size:36px;line-height:1;transform:translate(-50%,-50%) scaleX(-1)}.cr-finish{top:0;bottom:0;right:70px;z-index:1;width:12px;border-radius:3px;background:repeating-linear-gradient(0deg,#1e2b4a 0 10px,#fff 10px 20px)}.ce,.cr-finish{position:absolute}.ce{inset:0;display:flex;align-items:flex-end;padding:0 0 10px 8%}.ce-egg{position:relative;width:340px;height:400px;border:0;background:none;cursor:pointer;font:inherit}.ce-nest{bottom:10px;width:320px;height:76px;border-radius:50%;background:#c98b4a;box-shadow:inset 0 -12px 0 #a86d33}.ce-nest,.ce-shell{position:absolute;left:50%;transform:translateX(-50%)}.ce-shell{bottom:40px;width:220px;height:290px}.ce-shell i{position:absolute;left:0;right:0;background:#fffaf0;border:5px solid #f0cf75}.ce-shell i:first-child{top:0;height:52%;border-bottom:0;border-radius:110px 110px 0 0/150px 150px 0 0}.ce-shell i:last-child{bottom:0;height:52%;border-top:0;border-radius:0 0 110px 110px/0 0 120px 120px}.taps-1 .ce-shell{animation:egg-wobble .5s ease}.taps-2 .ce-shell{animation:egg-wobble .4s ease 2}.taps-2 .ce-shell i:first-child,.taps-3 .ce-shell i:first-child{clip-path:polygon(0 0,100% 0,100% 100%,85% 88%,70% 100%,55% 86%,40% 100%,25% 88%,10% 100%,0 90%)}.taps-3 .ce-shell{animation:egg-wobble .2s ease 3}.ce-egg.is-open .ce-shell{animation:none}.ce-egg.is-open .ce-shell i:first-child{transform:translate(140px,-40px) rotate(70deg);transition:transform .5s cubic-bezier(.2,.9,.3,1.2)}.ce-egg.is-open .ce-shell i:last-child{clip-path:polygon(0 12%,12% 0,25% 14%,38% 0,50% 14%,62% 0,75% 14%,88% 0,100% 12%,100% 100%,0 100%)}.ce-milo{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);animation:egg-pop .5s cubic-bezier(.2,.9,.3,1.4)}.ce-milo .milo{width:180px;height:auto}.ce-count{position:absolute;right:0;top:30px;padding:4px 12px;border-radius:999px;background:var(--brand-yellow);color:#1e2b4a;font-size:20px;font-weight:700;box-shadow:0 3px 0 #d39b12}@keyframes egg-wobble{0%,to{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-50%) rotate(-8deg)}75%{transform:translateX(-50%) rotate(8deg)}}@keyframes egg-pop{0%{transform:translate(-50%,120px) scale(.4);opacity:0}}.callon-result{position:absolute;right:22px;bottom:22px;z-index:3;width:min(520px,calc(100% - 44px));padding:18px 20px 16px;border-radius:24px;background:#fff;color:#1e2b4a;border:3px solid var(--brand-yellow);box-shadow:0 6px 0 #d39b12;animation:result-in .35s cubic-bezier(.2,.9,.3,1.2)}.mode-race .callon-result{right:auto;left:22px}@keyframes result-in{0%{transform:translateY(24px);opacity:0}}.callon-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:#f1f5fc;color:#56627a;cursor:pointer}.callon-close svg{width:20px;height:20px}.callon-who{display:flex;align-items:center;gap:12px;padding-right:40px}.callon-who .milo{width:58px;height:auto;flex:none}.callon-who p{color:#56627a;font-size:15px;font-weight:700}.callon-who h2{font-size:clamp(28px,3vw,38px);line-height:1.1}.callon-q{margin-top:12px;padding:12px 14px;border-radius:14px;background:#f5f8ff;border-left:5px solid #2457c5}.callon-q small{color:#2457c5;font-size:14px;font-weight:700}.callon-q>p{margin-top:2px;font-size:21px;font-weight:700;line-height:1.35}.callon-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:8px 0 0;padding:0;list-style:none;font-size:18px}.callon-st{margin:6px 0 0;padding-left:20px;font-size:17px}.callon-ans{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-top:8px;padding:6px 12px;border:1px dashed #b9c4d8;border-radius:10px;background:#fff;color:#56627a;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.callon-ans svg{width:18px;height:18px}.callon-ans strong{color:#116b33}.callon-marks{display:flex;gap:8px;margin-top:12px}.callon-marks button{flex:1;min-height:52px;border:0;border-radius:14px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .1s}.callon-marks button:active{transform:translateY(2px)}.m-ok{background:#ddf7e7;color:#116b33;box-shadow:0 4px 0 #9fdcbc}.m-no{background:#ffe5e5;color:#a8282e;box-shadow:0 4px 0 #f3b3b5}.m-star{background:#fff3d1;color:#7a4d00;box-shadow:0 4px 0 #f0cf75}.callon-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.callon-progress{height:12px;border-radius:99px;background:var(--blue-soft);overflow:hidden}.callon-progress span{display:block;height:100%;border-radius:99px;background:var(--green-solid,#1f9d6b);transition:width .4s}.callon-go{display:inline-flex;align-items:center;gap:10px;min-height:64px;padding:0 36px;border:0;border-radius:999px;background:var(--brand-yellow);color:#1e2b4a;font:inherit;font-size:22px;font-weight:700;box-shadow:0 5px 0 #d39b12;cursor:pointer}.callon-go:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #d39b12}.callon-go:disabled{opacity:.6;cursor:wait}.callon-go kbd{padding:3px 8px;border-radius:8px;background:rgb(255 255 255/.6);font:inherit;font-size:13px;font-weight:600}.callon-drawer-bg{position:fixed;inset:0;z-index:60;background:rgb(15 23 42/.35)}.callon-drawer{position:absolute;right:0;top:0;bottom:0;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:10px;width:min(380px,92vw);padding:18px;background:var(--surface);color:var(--ink);box-shadow:-6px 0 0 rgb(30 43 74/.08)}.callon-drawer header{display:flex;align-items:center;justify-content:space-between}.callon-drawer header .callon-close{position:static}.callon-drawer .btn{justify-self:start}.callon-drawer ul{overflow:auto;margin:0;padding:0;list-style:none;display:grid;gap:4px;align-content:start}.callon-drawer li button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer}.callon-drawer li button:before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.callon-drawer li button:hover{background:var(--surface-2)}.callon-drawer li .is-done .nm{color:var(--muted);text-decoration:line-through}.callon-drawer li .is-done:before{background:var(--green-solid,#1f9d6b)}.callon-drawer li .is-off{color:var(--muted)}.callon-drawer li .is-off:before{background:transparent;border:2px dashed var(--line-strong)}.callon-drawer li .is-now{background:#fff3d1;color:#1e2b4a}.callon-drawer .tag-off,.callon-drawer .tally{margin-left:auto;padding:1px 8px;border-radius:99px;font-size:14px;font-weight:700;white-space:nowrap}.callon-drawer .tag-off{background:#fff0cc;color:#7a4d00}.callon-drawer .tally{color:var(--muted)}@media (max-width:900px){.callon-toggles{margin-left:0}.callon-modes{overflow-x:auto;max-width:100%}.cr-name{width:100px;font-size:14px}.callon-result{position:relative;right:auto;bottom:auto;margin:12px;width:auto}.callon-stage{min-height:560px}}@media (prefers-reduced-motion:reduce){.callon-result,.ce-milo,.ce-shell,.ce-shell i,.cl-lot>span,.cw-wheel{animation:none!important;transition-duration:.2s!important}}.diary-page{max-width:1320px}.diary{display:grid;gap:14px;min-width:0;grid-template-columns:minmax(0,1fr)}.diary-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 18px}.diary-head h1{font-size:30px;line-height:1.15}.diary-head p{color:var(--muted);font-weight:600}.diary-tabs{display:flex;gap:6px;margin-left:auto;padding:4px;border-radius:16px;background:var(--surface);border:1px solid var(--line);overflow-x:auto;max-width:100%}.diary-tabs button{min-height:44px;padding:8px 14px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer}.diary-tabs button:hover{color:var(--ink);background:var(--surface-2)}.diary-tabs button[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-deep)}.diary-bar{flex-wrap:wrap;gap:8px 10px}.diary-bar,.diary-date{display:flex;align-items:center}.diary-date{gap:6px;padding:5px 6px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.diary-date b{padding:0 4px;font-size:16px;white-space:nowrap}.diary-date button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:var(--surface-2);color:var(--ink);cursor:pointer}.diary-date button:disabled{opacity:.35;cursor:default}.diary-date button svg{width:20px;height:20px}.diary-date input{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:var(--surface-2);color:transparent;cursor:pointer;font:inherit}.diary-date input::-webkit-calendar-picker-indicator{margin:0 auto;cursor:pointer}.diary-pill{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:15px;font-weight:700;white-space:nowrap}button.diary-pill{cursor:pointer}.diary-pill.is-green{background:#ddf7e7;border-color:#9fdcbc;color:#116b33}.diary-pill.is-red{background:#ffe5e5;border-color:#f3b3b5;color:#a8282e}.diary-pill.is-amber{background:#fff3d1;border-color:#f0cf75;color:#7a4d00}.diary-pill[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.diary-saved{margin-left:auto;color:var(--muted);font-weight:700;font-size:15px}.diary-saved.is-dirty{color:#7a4d00}.diary-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.diary-grid>.dash-card{margin:0}.diary-grid h2{font-size:20px}.diary-allin{margin-top:10px}.diary-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none}.diary-st{position:relative;border-radius:14px;border:2px solid var(--line);background:var(--surface)}.diary-st-main{display:flex;flex-direction:column;gap:6px;width:100%;min-height:72px;padding:9px 10px 8px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.diary-st-main:hover{background:var(--surface-2)}.diary-st-name{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700}.diary-st-name em{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--blue-soft);color:var(--brand-blue);font-size:12px;font-style:normal}.diary-st-tags{display:flex;flex-wrap:wrap;gap:4px}.diary-ab,.diary-tag{padding:1px 8px;border-radius:99px;font-size:13px;font-weight:700;white-space:nowrap}.diary-tag.is-praise{background:#ddf7e7;color:#116b33}.diary-tag.is-remind{background:#fff3d1;color:#7a4d00}.diary-tag.is-note{background:var(--surface-2);color:var(--muted)}.diary-ab.is-unexcused{background:#ffe5e5;color:#a8282e}.diary-ab.is-excused{background:#eee7ff;color:#5321a8}.diary-st.is-excused,.diary-st.is-unexcused{background:#fff7f7;border-color:#f3b3b5}.diary-st.is-excused{background:#faf7ff;border-color:#cdbcf5}.diary-st.is-unexcused .diary-st-name{color:#a8282e}.diary-st.is-sel{border-color:var(--blue);box-shadow:0 0 0 3px rgb(36 87 197/.18)}:root[data-theme=dark] .diary-st.is-excused,:root[data-theme=dark] .diary-st.is-unexcused{background:var(--surface)}.diary-legend,.diary-quick{display:none}.diary-panel{position:sticky;top:90px;display:grid;gap:8px}.diary-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.diary-panel-top h3{font-size:22px}.diary-panel-top .callon-close{position:static}.diary-panel-empty{display:grid;gap:10px}.diary-ann{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--muted)}.diary-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.diary-quick button,.diary-seg button{min-height:48px;padding:4px;border:2px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}.diary-quick .q-present[aria-pressed=true],.diary-seg .q-present[aria-pressed=true]{background:#ddf7e7;border-color:#9fdcbc;color:#116b33}.diary-quick .q-excused[aria-pressed=true],.diary-seg .q-excused[aria-pressed=true]{background:#eee7ff;border-color:#cdbcf5;color:#5321a8}.diary-quick .q-unexcused[aria-pressed=true],.diary-seg .q-unexcused[aria-pressed=true]{background:#ffe5e5;border-color:#f3b3b5;color:#a8282e}.diary-sec{margin-top:6px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.diary-chips{display:flex;flex-wrap:wrap;gap:6px}.diary-chip{min-height:40px;padding:6px 12px;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.diary-chip.is-praise{border-color:#9fdcbc}.diary-chip.is-remind{border-color:#f0cf75}.diary-chip.is-praise[aria-pressed=true]{background:#ddf7e7;color:#116b33}.diary-chip.is-remind[aria-pressed=true]{background:#fff3d1;color:#7a4d00}.diary-ann textarea,.diary-msg-edit,.diary-note{width:100%;padding:10px 12px;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:15px;font-weight:500;resize:vertical}.diary-ann textarea:focus-visible,.diary-msg-edit:focus-visible,.diary-note:focus-visible{outline:3px solid var(--brand-blue);outline-offset:1px}.diary-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.diary-mobile-bar{display:none}.diary-filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.diary-msgs{display:grid;gap:10px;margin:0;padding:0;list-style:none}.diary-msg{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 14px;border-radius:16px;border:2px solid var(--line);background:var(--surface)}.diary-msg-who b{display:block;font-size:16px}.diary-msg-who span{color:var(--muted);font-size:13px;font-weight:600}.diary-bubble{padding:10px 14px;border-radius:4px 16px 16px 16px;background:#eef4ff;color:#1e2b4a;font-size:15px;line-height:1.55}:root[data-theme=dark] .diary-bubble{background:#1c2b4f;color:var(--ink)}.diary-msg-act{display:grid;gap:6px}.mini-btn.is-copied{background:#ddf7e7;color:#116b33}.diary-side{display:grid;gap:10px}.diary-sample{margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:14px;line-height:1.55;white-space:pre-wrap}.diary-wide{width:100%}.diary-tone{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:700}.diary-empty{padding:24px 0;text-align:center}.diary-xlsx{margin-left:auto}.diary-legend-row{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 0;color:var(--muted);font-size:14px;font-weight:600}.diary-legend-row i{display:inline-block;width:10px;height:14px;margin-right:5px;border-radius:3px;vertical-align:-2px}.diary-table-wrap{overflow-x:auto;margin-top:8px}.diary-table td,.diary-table th{text-align:center}.diary-table th:first-child{text-align:left}.diary-table td.is-bad{color:#a8282e;font-weight:700}.diary-table td.is-good{color:#116b33;font-weight:700}.diary-dots{display:inline-flex;gap:2px}.diary-dots i,.diary-legend-row i{display:inline-block;width:9px;height:18px;border-radius:3px;background:#dfe7f4}.diary-dots i.is-excused,.diary-legend-row i.is-excused{background:#9b7be8}.diary-dots i.is-unexcused,.diary-legend-row i.is-unexcused{background:#e86a6f}:root[data-theme=dark] .diary-dots i.is-present,:root[data-theme=dark] .diary-legend-row i.is-present{background:#34405e}.diary-alerts{display:grid;gap:8px;margin:0;padding:0;list-style:none}.diary-alerts li{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:14px;font-size:14px;font-weight:600;line-height:1.45}.diary-alerts li.is-warn{background:#fff3d1;color:#7a4d00}.diary-alerts li.is-good{background:#ddf7e7;color:#116b33}@media (max-width:980px){.diary-grid{grid-template-columns:minmax(0,1fr)}.diary-panel{position:static}.diary-msg{grid-template-columns:1fr;gap:8px}.diary-msg-act{grid-auto-flow:column;justify-content:start}}@media (max-width:640px){.diary-head h1{font-size:24px}.diary-saved,.diary-tabs{margin-left:0}.diary-saved{flex-basis:100%}.diary-date b{font-size:14px}.diary-roster{grid-template-columns:1fr;gap:6px}.diary-st{display:flex;align-items:center}.diary-st-main{width:auto;min-height:56px;flex:1;min-width:0;padding:8px 10px}.diary-st-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-quick{display:flex;gap:4px;padding-right:8px}.diary-quick button{width:42px;min-height:40px;font-size:14px}.diary-legend{display:block;margin-top:10px}.diary-panel{display:none}.diary-panel.is-open{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:70;max-height:82vh;overflow-y:auto;margin:0;border-radius:22px 22px 0 0;box-shadow:0 -6px 0 rgb(30 43 74/.08)}.diary-roster-card{padding-bottom:80px}.diary-mobile-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px;background:var(--surface);border-top:1px solid var(--line)}.diary-mobile-bar .btn{min-height:48px;font-size:16px;padding:0 12px}.diary-xlsx{margin-left:0}}.diary-table td,.diary-table th{padding:9px 7px}.diary-dots{gap:1px}.diary-dots i{width:7px}@media (max-width:640px){.diary-panel.is-open~.diary-mobile-bar{display:none}.diary-panel.is-open{top:auto;padding-bottom:24px}}.callon-time{gap:4px;padding-right:6px}.callon-time select{min-height:32px;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.cw-wheel g{transition:opacity .4s}.cw-wheel.is-done g:not(.is-win){opacity:.28}.cw-wheel g.is-win path{stroke:#ffc83d;stroke-width:9;animation:win-glow .9s ease-in-out 3}.cw-wheel g.is-win text{font-size:19px}@keyframes win-glow{50%{filter:brightness(1.25) drop-shadow(0 0 12px #ffc83d)}}.cw-now{position:absolute;right:5%;top:50%;transform:translateY(-50%);max-width:36%;padding:18px 26px;border-radius:22px;background:var(--surface);border:3px dashed var(--line-strong);color:var(--ink);font-size:clamp(30px,3.6vw,52px);font-weight:700;line-height:1.1;text-align:center}.cl-lot.is-hot .cl-front{transform:scale(1.14);box-shadow:0 0 0 5px #ffc83d,0 8px 0 rgb(0 0 0/.2);filter:brightness(1.15);z-index:2}.cl-lot.is-hot{z-index:2}.ce-egg.is-hatching .ce-shell{animation:egg-wobble .16s linear infinite;filter:drop-shadow(0 0 16px rgb(255 200 61/.85))}.callon-lesson select{max-width:280px}.callon-spot{position:absolute;inset:0;z-index:5;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgb(255 200 61/.25),rgb(15 23 42/.62) 70%);animation:spot-in .3s ease-out}.callon-spot:before{content:"";position:absolute;width:160vmax;height:160vmax;left:50%;top:50%;translate:-50% -50%;background:repeating-conic-gradient(rgb(255 255 255/.16) 0 8deg,transparent 8deg 20deg);animation:rays 6s linear infinite}.callon-spot-card{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;padding:22px 46px 28px;border-radius:30px;background:#fff;color:#1e2b4a;border:5px solid #ffc83d;box-shadow:0 10px 0 #d39b12;text-align:center;animation:spot-pop .7s cubic-bezier(.2,1.6,.4,1)}.callon-spot-card .milo{width:110px;height:auto;margin-top:-70px;animation:spot-hop .6s ease .5s 2}.callon-spot-card small{color:#56627a;font-size:20px;font-weight:700}.callon-spot-card strong{font-size:clamp(40px,6vw,84px);line-height:1.05}.callon-burst{position:absolute;left:50%;top:50%;z-index:2;pointer-events:none}.callon-burst i{position:absolute;width:12px;height:18px;margin:-9px 0 0 -6px;border-radius:3px;background:var(--c);opacity:0;animation:burst 1.5s cubic-bezier(.1,.8,.3,1) .15s forwards}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d) - 120px)) rotate(240deg) scale(1)}}@keyframes spot-in{0%{opacity:0}}@keyframes spot-pop{0%{transform:scale(.2) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes spot-hop{50%{transform:translateY(-14px)}}@keyframes rays{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.callon-burst,.callon-spot-card,.callon-spot-card .milo,.callon-spot:before{animation:none!important}.callon-burst{display:none}}.callon-stagebar{position:absolute;left:24px;right:24px;top:10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.callon-stagebar .callon-hint{position:static}.callon-stagebar .callon-chip:disabled{opacity:.5;cursor:default}.cl,.cr{padding-top:66px}.cl-grid.is-mixing li{animation:lot-mix .32s ease-in-out 4 alternate}.cl-grid.is-mixing .cl-front{color:transparent}@keyframes lot-mix{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.92)}}.cr-name.is-rolling{animation:name-roll .11s linear infinite}@keyframes name-roll{50%{transform:translateY(-50%) translateY(-3px);opacity:.55}}.cr-count{position:absolute;inset:0;z-index:4;display:grid;place-items:center;color:#ffc83d;font-size:clamp(110px,16vw,200px);font-weight:700;line-height:1;text-shadow:0 6px 0 #d39b12,0 0 40px rgb(255 200 61/.5);pointer-events:none;animation:count-pop .65s cubic-bezier(.2,1.4,.4,1)}@keyframes count-pop{0%{transform:scale(2.2);opacity:0}}@media (prefers-reduced-motion:reduce){.cl-grid.is-mixing li,.cr-count,.cr-name.is-rolling{animation:none!important}}.tsh{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.tsh .learn-top{display:none}.tsh-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:16px 12px 12px;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line)}.tsh-brand{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 10px}.tsh-brand a{display:inline-flex;min-height:44px;align-items:center}.tsh-close{display:none}.tsh-class{position:relative}.tsh-class-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 10px;border:0;border-radius:14px;background:var(--surface-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.tsh-class-btn:disabled{cursor:default}.tsh-class-btn svg{width:18px;height:18px;margin-left:auto;color:var(--muted)}.tsh-class-av{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--brand-blue);color:#fff;font-size:13px;font-weight:700}.tsh-class-txt b{display:block;font-size:15px}.tsh-class-txt span{color:var(--muted);font-size:13px;font-weight:600}.tsh-class-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;margin:0;padding:6px;list-style:none;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px rgb(15 23 42/.15)}.tsh-class-menu button{display:flex;justify-content:space-between;width:100%;min-height:40px;padding:6px 10px;border:0;border-radius:10px;background:none;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.tsh-class-menu button:hover,.tsh-class-menu button[aria-current=true]{background:var(--blue-soft)}.tsh-class-menu span{color:var(--muted);font-size:13px;font-weight:600}.tsh-noclass{padding:8px 10px;color:var(--muted);font-size:14px}.tsh-search{display:flex;align-items:center;gap:8px;min-height:42px;margin:4px 0 6px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.tsh-search:hover{border-color:var(--line-strong);color:var(--ink)}.tsh-search svg{width:18px;height:18px}.tsh-pal kbd,.tsh-search kbd{margin-left:auto;padding:1px 6px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:11.5px;font-weight:700;white-space:nowrap}.tsh-navs{display:grid;gap:2px}.tsh-group-title{padding:12px 10px 4px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tsh-nav{display:flex;align-items:center;gap:10px;min-height:40px;padding:5px 10px;border-radius:11px;color:var(--ink);font-size:14.5px;font-weight:600;text-decoration:none}.tsh-nav:hover{background:var(--surface-2)}.tsh-nav.is-on{background:var(--blue-soft);color:var(--brand-blue);font-weight:700}.tsh-ic{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--tc,#2457c5) 13%,var(--surface));color:var(--tc,#2457c5)}.tsh-ic svg{width:16px;height:16px}.tsh-ic.tone-blue{--tc:#2457c5}.tsh-ic.tone-green{--tc:#15803d}.tsh-ic.tone-yellow{--tc:#b07a00}.tsh-ic.tone-violet{--tc:#6d3fe0}.tsh-ic.tone-red{--tc:#c2323a}.tsh-ic.tone-coral{--tc:#d2504f}:root[data-theme=dark] .tsh-ic.tone-blue{--tc:#7aa3ff}:root[data-theme=dark] .tsh-ic.tone-green{--tc:#5bd690}:root[data-theme=dark] .tsh-ic.tone-yellow{--tc:#f2c14e}:root[data-theme=dark] .tsh-ic.tone-violet{--tc:#a98bff}:root[data-theme=dark] .tsh-ic.tone-red{--tc:#ff8a8f}:root[data-theme=dark] .tsh-ic.tone-coral{--tc:#ff9c8a}.tsh-me{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 6px 0;border-top:1px solid var(--line)}.tsh-me-av{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffc83d,#ff8a5b);color:#1e2b4a;font-weight:700}.tsh-me-txt{min-width:0;flex:1}.tsh-me-txt b{font-size:14px}.tsh-me-txt b,.tsh-me-txt span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsh-me-txt span{color:var(--muted);font-size:12px}.tsh-me form{margin:0}.tsh-icon-btn{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:var(--surface-2);color:var(--ink);cursor:pointer}.tsh-icon-btn svg{width:18px;height:18px}.tsh-main{min-width:0}.tsh-main>.dash.wrap,.tsh-main>main.wrap{padding-top:24px}.tsh-mtop,.tsh-scrim,.tsh-tabs{display:none}.tsh-pal-bg{position:fixed;inset:0;z-index:90;display:grid;justify-items:center;align-items:start;padding:12vh 16px 16px;background:rgb(15 23 42/.45)}.tsh-pal{width:min(640px,100%);overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 60px rgb(15 23 42/.35)}.tsh-pal-in{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.tsh-pal-in svg{width:20px;height:20px;color:var(--muted)}.tsh-pal-in input{flex:1;min-width:0;min-height:40px;border:0;background:none;color:var(--ink);font:inherit;font-size:17px;font-weight:600;outline:none}.tsh-pal-list{max-height:56vh;overflow-y:auto;margin:0;padding:6px 0;list-style:none}.tsh-pal-group{padding:10px 18px 4px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tsh-pal-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 18px;border:0;background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer}.tsh-pal-list button svg{width:18px;height:18px;flex:none;color:var(--muted)}.tsh-pal-list button.is-sel{background:var(--blue-soft);color:var(--brand-blue)}.tsh-pal-list button.is-sel svg{color:var(--brand-blue)}.tsh-pal-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsh-pal-hint{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}.tsh-pal-empty{padding:18px;color:var(--muted)}.tsh-pal-foot{display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;font-weight:600}.tsh-pal-foot kbd{margin:0}.tdy{display:grid;gap:16px;max-width:1240px;margin:0 auto;padding:24px 28px 60px}.tdy-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}.tdy-date{color:var(--muted);font-size:14px;font-weight:600}.tdy-head h1{font-size:clamp(26px,3vw,32px);line-height:1.2;letter-spacing:-.01em}.tdy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.tdy-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;box-shadow:var(--shadow-sm)}.tdy-btn svg{width:18px;height:18px}.tdy-btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.tdy-btn.is-primary{border-color:var(--brand-yellow);background:var(--brand-yellow);color:#1e2b4a;box-shadow:0 4px 0 #d39b12}.tdy-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);padding:16px 18px;color:var(--ink)}.tdy-card h2{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:4px}.tdy-card h2>svg{width:20px;height:20px;color:var(--muted)}.tdy-card h2 a{margin-left:auto;color:var(--brand-blue);font-size:13.5px;font-weight:700}.tdy-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tdy-kpi{display:flex;flex-direction:column;gap:7px;text-decoration:none;transition:transform .15s,border-color .15s}.tdy-kpi:hover{transform:translateY(-2px);border-color:var(--line-strong)}.tdy-kpi-lab{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;font-weight:700}.tdy-kpi-val{font-size:32px;font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tdy-kpi-val small{color:var(--muted);font-size:15px;font-weight:600;letter-spacing:0}.tdy-kpi-val.is-sm{font-size:22px}.tdy-kpi-sub,.tdy-kpi-val.is-muted{color:var(--muted)}.tdy-kpi-sub{font-size:13.5px;font-weight:600}.tdy-kpi-sub .is-bad,.tdy-kpi-sub b.is-bad{color:#c2323a}.tdy-kpi-sub b.is-good{color:#15803d}:root[data-theme=dark] .tdy-kpi-sub .is-bad{color:#ff8a8f}:root[data-theme=dark] .tdy-kpi-sub b.is-good{color:#5bd690}.tdy-bar{height:8px;background:var(--surface-2);overflow:hidden}.tdy-bar,.tdy-bar i{display:block;border-radius:9px}.tdy-bar i{height:100%;background:var(--brand-blue)}.tdy-bar i.is-green{background:#16a34a}.tdy-bar i.is-violet{background:#6d3fe0}.tdy-spark{display:flex;align-items:flex-end;gap:3px;height:30px}.tdy-spark i{flex:1;border-radius:3px;background:var(--blue-soft)}.tdy-spark i.is-today{background:var(--brand-blue)}.tdy-grid{display:grid;grid-template-columns:5fr 4fr 3fr;gap:14px;align-items:start}.tdy-tasks{margin:4px 0 0;padding:0;list-style:none}.tdy-task{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}.tdy-task:last-child{border-bottom:0}.tdy-check{display:grid;place-items:center;flex:none;width:26px;height:26px;border:2px solid var(--line-strong);border-radius:8px;background:var(--surface);color:#fff;cursor:pointer}.tdy-check svg{width:16px;height:16px}.tdy-task.is-done .tdy-check{border-color:#16a34a;background:#16a34a}.tdy-task-txt{min-width:0;flex:1}.tdy-task-txt b{display:block;font-size:15px}.tdy-task-txt>span{display:block;color:var(--muted);font-size:13px;font-weight:600;line-height:1.4}.tdy-task.is-done .tdy-task-txt b,.tdy-task.is-done .tdy-task-txt>span{color:var(--muted);text-decoration:line-through}.tdy-tag{margin-left:6px;padding:1px 8px;border-radius:99px;font-size:12px;font-weight:700;vertical-align:1px}.tdy-tag.is-urgent{background:#ffe4e4;color:#b4232a}.tdy-tag.is-soon{background:#fff2cc;color:#7a4d00}.tdy-go{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:10px;background:var(--blue-soft);color:var(--brand-blue);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.tdy-go:hover{filter:brightness(.96)}.tdy-empty{display:grid;gap:10px;justify-items:start;padding:10px 0}.tdy-kids,.tdy-quick,.tdy-slots{margin:4px 0 0;padding:0;list-style:none}.tdy-slot{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.tdy-slot:last-child{border-bottom:0}.tdy-slot-t{color:var(--muted);font-size:13px;font-weight:700}.tdy-slot-s b{display:block;font-size:15px}.tdy-slot-s span{display:block;color:var(--muted);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdy-chip{padding:4px 10px;border-radius:99px;font-size:12.5px;font-weight:700;white-space:nowrap;text-decoration:none}.tdy-chip.is-blue{background:var(--blue-soft);color:var(--brand-blue)}.tdy-kid{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 6px;margin:0 -6px;border-radius:12px;color:var(--ink);text-decoration:none}.tdy-kid:hover{background:var(--surface-2)}.tdy-kid-av{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;font-size:13px;font-weight:700}.tdy-kid-av.is-warn{background:#fff2cc;color:#7a4d00}.tdy-kid-av.is-good{background:#dcf5e6;color:#15803d}.tdy-kid b{display:block;font-size:14.5px}.tdy-kid small{display:block;color:var(--muted);font-size:13px;font-weight:600}.tdy-sect{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:17px}.tdy-sect svg{width:20px;height:20px;color:#c98d00}.tdy-sect span{color:var(--muted);font-size:13.5px;font-weight:600}.tdy-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.tdy-tool{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .15s}.tdy-tool:hover{transform:translateY(-2px);border-color:var(--line-strong)}.tdy-tool .tsh-ic{width:36px;height:36px;border-radius:11px}.tdy-tool .tsh-ic svg{width:18px;height:18px}.tdy-tool b{display:block;font-size:14.5px}.tdy-tool small{display:block;color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.3}.tdy-note{margin-top:8px;font-size:13.5px}.tdy-create{display:grid;gap:8px}@media (max-width:1180px){.tdy-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tdy-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tdy-todo{grid-column:1/-1}.tdy-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.tsh{grid-template-columns:minmax(0,1fr)}.tsh-side{position:fixed;left:0;top:0;bottom:0;z-index:80;width:min(300px,86vw);transform:translateX(-105%);transition:transform .25s ease;box-shadow:6px 0 30px rgb(15 23 42/.2)}.tsh-side.is-open{transform:none}.tsh-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:var(--surface-2);color:var(--ink)}.tsh-close svg{width:20px;height:20px}.tsh-scrim{display:block;position:fixed;inset:0;z-index:75;background:rgb(15 23 42/.4)}.tsh-mtop{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:8px 16px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.tsh-mtop a{display:inline-flex;min-height:44px;align-items:center}.tsh-mtop-class{margin-left:auto;padding:6px 12px;border-radius:99px;background:var(--blue-soft);color:var(--brand-blue);font-size:14px;font-weight:700}.tsh-main{padding-bottom:76px}.tsh-tabs{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.tsh-tabs a,.tsh-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border:0;background:none;color:var(--muted);font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.tsh-tabs svg{width:22px;height:22px}.tsh-tabs .is-on{color:var(--brand-blue)}.tsh-tab-big span{display:grid;place-items:center;width:50px;height:50px;margin-top:-24px;border-radius:17px;background:var(--brand-yellow);color:#1e2b4a;box-shadow:0 4px 0 #d39b12}.tsh .diary-mobile-bar{bottom:80px}.tdy{padding:16px 16px 40px}.tdy-actions{margin-left:0;width:100%}.tdy-actions .tdy-btn{flex:1;justify-content:center;padding:0 10px}}@media (max-width:640px){.tdy-grid{grid-template-columns:minmax(0,1fr)}.tdy-kpi-val{font-size:26px}.tdy-kpi{padding:12px 14px}.tdy-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.tdy-actions .tdy-btn:not(.is-primary){display:none}}@media print{.tsh{display:block}.tsh-mtop,.tsh-side,.tsh-tabs{display:none!important}}.tsh-side{overflow:hidden}.tsh-navs{flex:1;min-height:0;overflow-y:auto;margin:0 -4px;padding:0 4px 8px;scrollbar-width:thin}.tsh-nav{min-height:38px;font-size:14px}.tsh-group-title{padding:10px 10px 3px}.tdy-tag{display:inline-block;white-space:nowrap}.tdy-tool>span:last-child{min-width:0}.tdy-tool small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.tdy-kpi-lab{font-size:13px}}