/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#123b52;--muted:#61758a;--blue:#176fb4;--red:#ef5e62;--yellow:#f7c84b;--mint:#dff6ef;--teal:#55b9b2;--green:#91c84b;--sky:#dcefff;--paper:#f9fcfb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Trebuchet MS,Arial,sans-serif}a{color:inherit;text-decoration:none}.legal-footer{color:#667789;background:#f7fbfa;border-top:1px solid #3d5b7021;font:700 12px Arial,sans-serif}.legal-footer>div{justify-content:space-between;gap:18px;padding-top:20px;padding-bottom:20px;display:flex}.legal-footer a{color:#315f9e;text-decoration:none}.legal-footer a:hover{text-decoration:underline}.privacy-page{background:linear-gradient(#eef9f6,#f8fbff);min-height:calc(100vh - 61px);padding:48px 18px 80px}.privacy-card{background:#fff;border:1px solid #dfe9e7;border-radius:28px;max-width:900px;padding:46px;box-shadow:0 18px 55px #224f5b1a}.privacy-card>a{color:#3767a5;font:800 12px Arial,sans-serif;text-decoration:none}.privacy-card>small{color:#428b84;letter-spacing:1.4px;margin-top:34px;font:900 11px Arial,sans-serif;display:block}.privacy-card h1{color:#123354;max-width:720px;margin:10px 0 18px;font-size:clamp(34px,5vw,56px);line-height:1.05}.privacy-intro{color:#53677b;font:18px/1.7 Arial,sans-serif}.privacy-card section{border-top:1px solid #e7eeed;margin-top:30px;padding-top:24px}.privacy-card h2{color:#194263;margin:0 0 10px;font-size:21px}.privacy-card section p,.privacy-card li{color:#5d6d7c;font:15px/1.75 Arial,sans-serif}.privacy-card ul{padding-left:22px}.privacy-updated{color:#82909b;margin-top:34px;font:700 12px Arial,sans-serif}.admin-header-actions{align-items:center;gap:10px;display:flex}.admin-header-actions a{color:#2c736c;background:#e9f4f2;border-radius:12px;padding:12px 16px;font:900 11px Arial,sans-serif;text-decoration:none}.admin-header-actions button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff73;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:900}@media (width<=700px){.legal-footer>div{flex-direction:column}.privacy-card{padding:28px 22px}.admin-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}.shell{width:min(1160px,100% - 40px);margin-inline:auto}.nav{justify-content:space-between;align-items:center;min-height:82px;display:flex}.brand{letter-spacing:-.3px;align-items:center;gap:10px;font-size:19px;font-weight:700;display:inline-flex}.brand-logo{width:132px;height:auto;display:block}.product-name{color:var(--blue);letter-spacing:.5px;text-transform:uppercase;background:#e9f0f8;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:900}.nav-note{color:var(--muted);font-size:14px;font-weight:700}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:68px;min-height:640px;padding-block:54px 76px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--red);letter-spacing:1.4px;background:#fbe8ed;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:900;display:inline-block}.hero h1{letter-spacing:-3.5px;max-width:650px;margin:20px 0 18px;font-size:clamp(47px,6vw,76px);line-height:.98}.hero h1 span{color:var(--blue)}.hero-copy>p:not(.demo-note){max-width:570px;color:var(--muted);margin:0;font:18px/1.7 Arial,sans-serif}.role-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:32px;display:grid}.role-card{border:2px solid #0000;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:90px;padding:15px 17px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 9px #17264a1f}.role-card:hover{transform:translateY(-3px);box-shadow:0 12px #17264a1a}.role-card.teacher{background:var(--blue);color:#fff}.role-card.student{background:var(--red);color:#fff}.role-card.family{min-height:90px;color:var(--blue);background:#fff;border-color:#d9e2ee}.role-icon{background:#ffffff40;border-radius:16px;place-items:center;width:49px;height:49px;font-size:25px;display:grid}.role-card small{letter-spacing:1.2px;opacity:.8;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.role-card strong{font-size:15px;display:block}.role-card>b{font-size:23px}.demo-note{text-align:center;color:#8a91a5;margin:19px 0 0;font:12px Arial,sans-serif}.hero-visual{background:repeating-linear-gradient(0deg,#fff 0 34px,#f8dce4 34px 68px);border-radius:47% 53% 46% 54%/48% 43% 57% 52%;place-items:center;min-height:500px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #e2e8f0}.hero-visual:before,.hero-visual:after{content:"";border-radius:50%;position:absolute}.hero-visual:before{background:var(--red);width:54px;height:54px;top:2%;right:12%}.hero-visual:after{background:var(--blue);width:25px;height:25px;bottom:8%;left:4%}.lesson-card{text-align:center;background:#fff;border-radius:28px;width:min(360px,78%);padding:23px;transform:rotate(1.5deg);box-shadow:0 24px 60px #203e912e}.lesson-top{color:var(--muted);justify-content:space-between;font:12px Arial,sans-serif;display:flex}.lesson-top b{color:var(--red)}.progress-track{background:#e9edf6;border-radius:99px;height:8px;margin:12px 0 25px;overflow:hidden}.progress-track i{background:var(--blue);border-radius:inherit;width:40%;height:100%;display:block}.lesson-emoji{filter:drop-shadow(0 8px 6px #20385c1f);font-size:78px;display:block}.lesson-card h2{margin:7px 0 17px;font-size:18px}.answer-grid{grid-template-columns:repeat(3,1fr);gap:7px;font:700 11px Arial,sans-serif;display:grid}.answer-grid span{border:1px solid #dce2ef;border-radius:10px;padding:10px 5px}.answer-grid .correct{color:var(--blue);background:#e8f0f8;border-color:#9eb3ca}.float-card{z-index:2;background:#fff;border-radius:17px;padding:12px 16px;display:grid;position:absolute;box-shadow:0 14px 38px #203e912e}.float-card span{grid-row:1/3;align-self:center;margin-right:10px;font-size:27px}.float-card b{font-size:15px}.float-card small{color:var(--muted);font:9px Arial,sans-serif}.word-card{top:16%;left:-4%;transform:rotate(-6deg)}.score-card{bottom:16%;right:-2%;transform:rotate(5deg)}.benefits{grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:70px;display:grid}.benefits article{background:#fff;border:1px solid #e8e6df;border-radius:22px;gap:15px;padding:23px;display:flex}.benefits article>span{font-size:29px}.benefits h2{margin:1px 0 7px;font-size:16px}.benefits p{color:var(--muted);margin:0;font:13px/1.55 Arial,sans-serif}@media (width<=850px){.hero{grid-template-columns:1fr;gap:45px;padding-top:36px}.hero-copy{text-align:center}.hero-copy>p:not(.demo-note){margin-inline:auto}.hero-visual{min-height:430px}.benefits{grid-template-columns:1fr}}@media (width<=560px){.shell{width:min(100% - 24px,1160px)}.nav{min-height:72px}.nav-note{display:none}.hero{padding-block:25px 55px}.hero h1{letter-spacing:-2.5px;font-size:47px}.role-grid{grid-template-columns:1fr}.role-card.family{grid-column:auto}.hero-visual{min-height:380px}.lesson-card{width:86%}.word-card{top:4%;left:-1%}.score-card{bottom:3%;right:-1%}}button{font:inherit}.dashboard-page{background:#f4f7fb;grid-template-columns:236px 1fr;min-height:100vh;display:grid}.side-nav{background:#fff;border-right:1px solid #e6eaf2;flex-direction:column;height:100vh;padding:30px 22px;display:flex;position:sticky;top:0}.side-brand{flex-direction:column;align-items:flex-start;gap:7px;margin:0 5px 42px;font-size:16px;line-height:1.15}.side-brand .brand-logo{width:158px}.side-nav nav{gap:8px;display:grid}.side-link{color:#788198;border-radius:13px;align-items:center;gap:13px;padding:13px 15px;font:700 14px Arial,sans-serif;display:flex}.side-link.active{color:var(--blue);background:#e9efff}.side-exit{color:#9299aa;margin-top:auto;font:700 12px Arial,sans-serif}.dashboard{width:min(1040px,100% - 54px);margin-inline:auto;padding:34px 0 70px}.dash-head{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dash-head p{color:#8a92a7;margin:0 0 7px;font:12px Arial,sans-serif}.dash-head h1{letter-spacing:-.7px;margin:0;font-size:26px}.avatar{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font:900 13px Arial,sans-serif;display:grid}.teacher-summary-profile{z-index:6;position:relative}.teacher-summary-profile>button{color:#173e52;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:5px 7px;display:flex}.teacher-summary-profile>button:hover,.teacher-summary-profile>button[aria-expanded=true]{background:#fff;box-shadow:0 5px 16px #27646517}.teacher-summary-profile>button>span small,.teacher-summary-profile>button>span b{display:block}.teacher-summary-profile>button>span small{color:#8c96a3;letter-spacing:1px;font:900 8px Arial,sans-serif}.teacher-summary-profile>button>span b{margin-top:2px;font:800 11px Arial,sans-serif}.teacher-summary-profile>button>i{color:#758791;font-size:11px;font-style:normal}.teacher-profile-menu{background:#fff;border:1px solid #dbe9e7;border-radius:14px;min-width:190px;padding:13px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 14px 35px #1c4d582e}.teacher-profile-menu small{color:#7c8c95;letter-spacing:1px;font:900 8px Arial,sans-serif}.teacher-profile-menu>b{margin:4px 0 11px;font-size:12px}.teacher-profile-menu>button{color:#a23f3b;cursor:pointer;background:#ffe7e5;border:0;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900}.teacher-summary-profile>button:focus-visible,.teacher-profile-menu>button:focus-visible{outline-offset:3px;outline:3px solid #ffd65b}.class-banner{background:var(--blue);color:#fff;border-radius:21px;justify-content:space-between;align-items:center;padding:25px 28px;display:flex;box-shadow:0 10px 25px #2d5bff2e}.class-banner span,.panel-head span{letter-spacing:1.2px;opacity:.75;margin-bottom:6px;font:900 10px Arial,sans-serif;display:block}.class-banner h2{margin:0 0 5px;font-size:23px}.class-banner p{opacity:.8;margin:0;font:12px Arial,sans-serif}.class-banner button{color:#fff;cursor:pointer;background:#ffffff2b;border:0;border-radius:11px;padding:11px 15px}.group-dropdown{z-index:4;flex:none;position:relative}.group-dropdown>button>span{letter-spacing:0;opacity:1;margin:0 0 0 4px;display:inline}.group-dropdown>div{background:#fff;border-radius:13px;gap:5px;min-width:205px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 13px 35px #173e533d}.class-banner .group-dropdown>div button{color:#284c5d;text-align:left;background:#f3f7f7;border-radius:9px;gap:2px;width:100%;padding:10px 11px;display:grid}.class-banner .group-dropdown>div button:hover,.class-banner .group-dropdown>div button.active{color:#21756e;background:#dff3ef}.group-dropdown>div b{font-size:11px}.group-dropdown>div small{color:#778891;font:9px Arial,sans-serif}.teacher-dashboard-state{grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:45px;padding:30px;display:grid}.teacher-dashboard-state>span{background:#e4f3ff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:27px;display:grid}.teacher-dashboard-state small{color:#328d87;letter-spacing:1px;font:900 9px Arial,sans-serif}.teacher-dashboard-state h1{margin:4px 0;font-size:25px}.teacher-dashboard-state>div>p{color:#75858f;margin:0;font:12px Arial,sans-serif}.teacher-dashboard-state .teacher-student-login{border-radius:13px;grid-column:1/-1}.metric-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0;display:grid}.metric-grid article{background:#fff;border:1px solid #e7eaf0;border-radius:17px;align-items:center;gap:14px;padding:19px;display:flex}.metric-icon{border-radius:13px;flex:0 0 43px;place-items:center;height:43px;font-size:20px;font-style:normal;display:grid}.metric-icon.blue{color:var(--blue);background:#e8eff7}.metric-icon.yellow{color:var(--red);background:#fbe8ed}.metric-icon.green{color:#1c9a6b;background:#e4f8ee}.metric-grid small{color:#959bad;letter-spacing:1px;font:900 9px Arial,sans-serif;display:block}.metric-grid strong{margin:3px 0;font-size:22px;display:block}.metric-grid strong i{color:#a2a8b8;font-size:12px;font-style:normal}.metric-grid p{color:#9299aa;margin:0;font:10px Arial,sans-serif}.panel{background:#fff;border:1px solid #e7eaf0;border-radius:18px;margin-top:18px;padding:23px 25px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-head span{color:var(--blue)}.panel-head h2{margin:0;font-size:19px}.panel-head button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-size:12px}.panel-head a{color:var(--blue);font:700 12px Arial,sans-serif}.assignment-row{background:#f7f8fb;border-radius:15px;grid-template-columns:auto 1fr minmax(160px,230px) auto;align-items:center;gap:17px;padding:15px;display:grid}.assignment-emoji{background:#fff0cf;border-radius:15px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.assignment-copy b{font-size:14px}.assignment-copy p{color:#9299aa;margin:4px 0 0;font:11px Arial,sans-serif}.completion>span{color:#727b90;margin-bottom:8px;font:11px Arial,sans-serif;display:block}.completion>div{background:#dfe4ed;border-radius:99px;height:7px;overflow:hidden}.completion i{background:#5dcc9a;width:67%;height:100%;display:block}.assignment-row>a{color:var(--blue);font:800 11px Arial,sans-serif}.student-table{border:1px solid #edf0f4;border-radius:13px;overflow:hidden}.student-row{border-top:1px solid #edf0f4;grid-template-columns:1.5fr .7fr .9fr 1fr;align-items:center;min-height:51px;padding:0 16px;font:12px Arial,sans-serif;display:grid}.student-row:first-child{border-top:0}.table-label{color:#9ba1b0;letter-spacing:.8px;background:#f7f8fb;min-height:35px;font-size:9px;font-weight:900}.student-row>span:first-child{align-items:center;gap:10px;display:flex}.student-row i{width:29px;height:29px;color:var(--blue);background:#e9efff;border-radius:50%;place-items:center;font:800 9px Arial,sans-serif;display:grid}.student-row em{border-radius:7px;padding:6px 8px;font-size:10px;font-style:normal;font-weight:700;display:inline-block}.student-row em.good{color:#16845b;background:#def6e9}.student-row em.mid{color:#3157d2;background:#e8efff}.student-row em.warn{color:#a97810;background:#fff1d7}.student-row em.muted{color:#7d8495;background:#eef0f4}.admin-sync-label{color:#287c76;background:#e6f5f1;border-radius:9px;padding:7px 10px;font:800 9px Arial,sans-serif}.dashboard-student-group{border-top:1px solid #e3ebec}.student-group-heading{background:linear-gradient(90deg,#e9f6f4,#f5f8ff);justify-content:space-between;align-items:center;gap:15px;padding:10px 16px;display:flex}.student-group-heading span{align-items:baseline;gap:9px;display:flex}.student-group-heading b{font-size:12px}.student-group-heading small{color:#7c8b95;font:10px Arial,sans-serif}.student-group-heading>em{color:#327d78;background:#fff;border-radius:8px;padding:5px 8px;font:800 9px Arial,sans-serif}.student-data-message{text-align:center;color:#71828d;padding:24px;font:11px Arial,sans-serif}.student-data-message.compact{padding:16px}.teacher-student-login{background:linear-gradient(110deg,#edf8f6,#f5f7ff);grid-template-columns:1fr minmax(220px,.8fr) auto;align-items:end;gap:13px;padding:20px;display:grid}.teacher-student-login>div b{font-size:14px}.teacher-student-login>div p{color:#70828e;margin:4px 0 0;font:10px Arial,sans-serif}.teacher-student-login label span{color:#607681;text-transform:uppercase;margin-bottom:5px;font:800 9px Arial,sans-serif;display:block}.teacher-student-login input{color:#173e52;background:#fff;border:2px solid #dce7e7;border-radius:9px;outline:0;width:100%;padding:10px 11px;font-size:11px;font-weight:800}.teacher-student-login input:focus{border-color:#45a59e;box-shadow:0 0 0 3px #dff4f1}.teacher-student-login button{color:#fff;cursor:pointer;background:#347fbd;border:0;border-radius:9px;padding:11px 13px;font-size:10px;font-weight:900}.teacher-student-login>small,.student-data-error{grid-column:1/-1;margin:0}.teacher-student-login>small{color:#75868f;font:9px Arial,sans-serif}.teacher-student-login>small a{color:#347fbd;font-weight:900}.student-data-error{color:#a13d45!important;font:800 10px Arial,sans-serif!important}.grades-callout{color:#fff;background:linear-gradient(115deg,#17264a,#2d5bff);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:21px 24px;display:flex;box-shadow:0 10px 28px #1d3e9629}.grades-callout>div{align-items:center;gap:15px;display:flex}.grades-callout>div>span{background:#ffffff24;border-radius:14px;place-items:center;width:47px;height:47px;font-size:23px;display:grid}.grades-callout small{letter-spacing:1.2px;color:#ffd65b;font:900 9px Arial,sans-serif}.grades-callout h2{margin:2px 0 4px;font-size:17px}.grades-callout p{color:#dce5ff;margin:0;font:11px/1.5 Arial,sans-serif}.grades-callout>a{color:var(--blue);background:#fff;border-radius:10px;flex:none;padding:11px 14px;font:900 11px Arial,sans-serif}.student-page{background:linear-gradient(#f9fbff,#eef4ff);min-height:100vh}.student-nav{justify-content:space-between;align-items:center;min-height:78px;display:flex}.student-stats{align-items:center;gap:12px;display:flex}.student-stats>span{background:#fff;border-radius:10px;padding:8px 11px;font:12px Arial,sans-serif;box-shadow:0 4px 12px #21397614}.student-profile-menu{z-index:10;position:relative}.student-profile-menu summary{color:#536977;cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:8px;padding:4px 7px 4px 4px;font:800 10px Arial,sans-serif;list-style:none;display:flex;box-shadow:0 4px 12px #21397614}.student-profile-menu summary::-webkit-details-marker{display:none}.student-profile-menu summary i{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font:900 10px Arial,sans-serif;display:grid}.student-profile-menu summary>b{font-size:10px}.student-profile-menu[open] summary>b{transform:rotate(180deg)}.student-profile-menu>div{background:#fff;border:1px solid #dce8e7;border-radius:15px;min-width:225px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 38px #1a4c5633}.student-profile-menu>div>small{color:#398d87;letter-spacing:1px;font:900 8px Arial,sans-serif}.student-profile-menu>div>strong{margin:4px 0 10px;font-size:12px}.student-profile-menu nav{gap:5px;display:grid}.student-profile-menu nav a,.student-menu-home{color:#2d7772;background:#edf7f5;border-radius:8px;padding:8px 9px;font:800 10px Arial,sans-serif}.student-profile-menu nav a:hover{background:#dff1ed}.student-menu-home{color:#a64850;background:#f8e9eb;margin-top:9px}.student-profile-menu summary:focus-visible{outline-offset:3px;outline:3px solid #ffd45c}.student-profile-menu>div>p{color:#71818d;margin:0;font:10px/1.4 Arial,sans-serif}.student-profile-menu .student-menu-home{text-align:left;cursor:pointer;border:0;width:100%}.student-login-loading{color:#476778;place-items:center;min-height:70vh;font-weight:800;display:grid}.student-login-page{background:radial-gradient(circle at 85% 12%,#fff2a8 0,#0000 29%),linear-gradient(145deg,#e8f8f5,#f3f7ff)}.student-login{grid-template-columns:1fr 420px;align-items:center;gap:80px;min-height:620px;padding-block:45px 90px;display:grid}.student-login-copy>span{font-size:58px}.student-login-copy>small{color:#3c918a;letter-spacing:1.3px;margin-top:14px;font:900 10px Arial,sans-serif;display:block}.student-login-copy h1{letter-spacing:-2px;max-width:600px;margin:12px 0 16px;font-size:clamp(40px,5vw,66px);line-height:1}.student-login-copy>p{color:#647685;max-width:560px;font:16px/1.6 Arial,sans-serif}.student-login-copy ul{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.student-login-copy li{color:#36556a;background:#fff;border-radius:99px;padding:10px 13px;font:800 11px Arial,sans-serif;box-shadow:0 6px 18px #14415214}.student-login form{background:#fff;border:1px solid #dce8e7;border-radius:25px;padding:34px;box-shadow:0 22px 60px #1c4a5224}.student-login form>span{font-size:40px}.student-login form h2{margin:13px 0 5px}.student-login form>p{color:#758591;margin:0 0 22px;font:12px/1.5 Arial,sans-serif}.student-login label{color:#496270;margin:13px 0 6px;font:800 11px Arial,sans-serif;display:block}.student-login input{border:2px solid #dce7e7;border-radius:11px;outline:0;width:100%;padding:13px 14px}.student-login input:focus{border-color:#4a9e98;box-shadow:0 0 0 3px #ddf4f1}.student-login form>button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#327ebe,#43a298);border:0;border-radius:11px;width:100%;margin-top:16px;padding:13px;font-weight:900}.student-login form>button:disabled{opacity:.55}.student-progress-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.student-progress-strip>div{background:#fff;border:1px solid #dfe9ec;border-radius:16px;gap:4px;padding:17px 19px;display:grid;box-shadow:0 8px 24px #1e495412}.student-progress-strip small{color:#3d918a;letter-spacing:1px;font:900 8px Arial,sans-serif}.student-progress-strip strong{font-size:18px}.student-progress-strip span{color:#778893;font:10px Arial,sans-serif}.admin-game-access{margin:18px 0;padding:22px}.admin-game-access>.admin-panel-title{margin-bottom:15px}.admin-game-access>.admin-panel-title p{color:#74838e;margin:4px 0 0;font:10px Arial,sans-serif}.admin-game-access>div:last-child{gap:9px;display:grid}.admin-game-access article{background:#f5f9fa;border-radius:13px;grid-template-columns:auto minmax(150px,1fr) 1fr 160px auto;align-items:end;gap:11px;padding:12px;display:grid}.admin-game-access article>i{color:#3271b8;background:#e2efff;border-radius:11px;place-items:center;width:38px;height:38px;font:900 10px Arial,sans-serif;display:grid}.admin-game-access article>strong{align-self:center;font-size:11px}.admin-game-access label{color:#5d707c;font:800 8px Arial,sans-serif}.admin-game-access input{background:#fff;border:1px solid #d9e4e5;border-radius:8px;width:100%;margin-top:4px;padding:9px}.admin-game-access button{color:#fff;cursor:pointer;background:#327ebe;border:0;border-radius:9px;padding:10px 12px;font:900 9px Arial,sans-serif}@media (width<=800px){.student-login{grid-template-columns:1fr;gap:30px}.student-login-copy{text-align:center}.student-login-copy>p{margin-inline:auto}.student-login-copy ul{justify-content:center}.student-login form{width:min(440px,100%);margin:auto}.admin-game-access article{grid-template-columns:auto 1fr}.admin-game-access article>label,.admin-game-access article>button{grid-column:2}.student-progress-strip{grid-template-columns:1fr}}.game-shell{width:min(760px,100% - 30px);margin:30px auto 70px}.game-head{justify-content:space-between;align-items:end;display:flex}.game-head small{color:var(--blue);letter-spacing:1.2px;font:900 10px Arial,sans-serif}.game-head h1{margin:5px 0 0;font-size:25px}.game-head>span{color:#7e879d;font:12px Arial,sans-serif}.game-progress{background:#dfe6f2;border-radius:99px;height:9px;margin:18px 0;overflow:hidden}.game-progress i{background:var(--blue);border-radius:99px;height:100%;transition:width .3s;display:block}.game-card{text-align:center;background:#fff;border:1px solid #e4e8f0;border-radius:28px;padding:38px;box-shadow:0 18px 50px #1c387d1c}.pronunciation-box{justify-items:center;gap:5px;display:grid}.game-emoji{font-size:100px;display:block}.sound-button{color:var(--blue);cursor:pointer;background:#edf2ff;border:1px solid #cad7ff;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:11px;font-weight:900;display:inline-flex}.sound-button:hover{background:#dfe8ff}.sound-button:focus-visible{outline-offset:3px;outline:3px solid #ffcf42}.game-card>p{color:#59647c;margin:15px 0 24px;font:16px Arial,sans-serif}.game-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.game-options button{color:var(--ink);cursor:pointer;background:#fff;border:2px solid #e1e6ef;border-radius:13px;padding:15px;font-weight:800;transition:all .16s}.game-options button:hover{border-color:#9db2ff;transform:translateY(-2px)}.game-options button.right{color:#157852;background:#e4f8ee;border-color:#54c691}.game-options button.wrong{color:#b33b3b;background:#fff0f0;border-color:#f08181}.feedback{text-align:left;border-radius:14px;align-items:center;gap:12px;margin-top:24px;padding:14px 15px;display:flex}.feedback.ok{background:#e4f8ee}.feedback.try{background:#fff1da}.feedback>span{font-size:28px}.feedback b{font-size:13px}.feedback p{color:#6e778b;margin:3px 0 0;font:10px Arial,sans-serif}.feedback button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-left:auto;padding:10px 14px;font-size:11px;font-weight:800}.finish-card{text-align:center;background:#fff;border-radius:28px;margin-top:80px;padding:55px;box-shadow:0 18px 50px #1c387d1c}.finish-stars{font-size:44px}.finish-card h1{margin:15px 0 8px}.finish-card p{color:#687289}.finish-card button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;margin:25px auto 13px;padding:13px 20px;font-weight:800;display:block}.finish-card a{color:var(--blue);font-size:13px;font-weight:700}.save-note{border-radius:9px;min-height:31px;margin:18px auto 0;padding:8px 12px;font:700 11px Arial,sans-serif}.save-note.saving{color:#6d778b;background:#eef2f8}.save-note.saved{color:#187b55;background:#e4f8ee}.save-note.error{color:#a53d3d;background:#fff0f0}@media (width<=800px){.dashboard-page{grid-template-columns:88px 1fr}.side-nav{padding:25px 10px}.side-brand .product-name,.side-link span,.side-exit{display:none}.side-brand{margin:0 auto 35px}.side-brand .brand-logo{width:66px}.side-link{justify-content:center}.dashboard{width:calc(100% - 28px)}.metric-grid{grid-template-columns:1fr}.assignment-row{grid-template-columns:auto 1fr}.completion,.assignment-row>a{grid-column:2}.student-row{grid-template-columns:1.4fr .7fr .8fr}.student-row>span:nth-child(3){display:none}.teacher-student-login{grid-template-columns:1fr}.teacher-student-login>small,.student-data-error{grid-column:1}}@media (width<=560px){.dashboard-page{display:block}.side-nav{flex-direction:row;align-items:center;width:100%;height:auto;padding:12px 15px;display:flex;position:static}.side-brand{margin:0}.side-nav nav{margin-left:auto;display:flex}.side-link{padding:10px}.class-banner{align-items:flex-start;gap:15px}.class-banner button{font-size:10px}.student-stats>span:first-child{display:none}.game-card{padding:25px 16px}.game-options{grid-template-columns:1fr}.feedback{flex-wrap:wrap;align-items:flex-start}.feedback button{width:100%;margin-left:0}.game-head h1{font-size:21px}}.grades-workspace{max-width:1160px}.grades-title>div:first-child>span{color:#7f889d;margin-top:7px;font:13px Arial,sans-serif;display:block}.grades-loading{text-align:center;color:#6f7890}.teacher-login{grid-template-columns:auto 1fr;gap:20px 22px;max-width:760px;margin:70px auto 0;padding:35px;display:grid}.login-illustration{background:#e9efff;border-radius:20px;place-items:center;width:64px;height:64px;font-size:29px;display:grid}.teacher-login small,.grade-toolbar small,.grade-form-head>div>small{color:var(--blue);letter-spacing:1.1px;font:900 9px Arial,sans-serif}.teacher-login h2{margin:4px 0 7px}.teacher-login>div>p{color:#7f889c;margin:0;font:13px/1.5 Arial,sans-serif}.teacher-login form{grid-column:1/-1}.teacher-login label,.family-code-card label{color:#4d5872;margin-bottom:7px;font:800 11px Arial,sans-serif;display:block}.code-entry{grid-template-columns:1fr auto;gap:9px;display:grid}.code-entry input,.family-code-card input{min-width:0;color:var(--ink);background:#fbfcff;border:2px solid #dde3ee;border-radius:12px;outline:0;padding:14px 15px;font:14px Arial,sans-serif}.code-entry input:focus,.family-code-card input:focus,.score-inputs input:focus,.attendance-field input:focus,.comment-field textarea:focus{border-color:#7d9aff;box-shadow:0 0 0 3px #e7edff}.code-entry button,.primary-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:13px 20px;font-weight:900}.form-error{color:#b83c4b!important;margin:10px 0 0!important;font:700 12px Arial,sans-serif!important}.demo-credential{color:#8b93a5!important;margin:13px 0 0!important;font:11px Arial,sans-serif!important}.demo-credential b{color:#4c5b7d}.grade-toolbar{background:var(--blue);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:20px 23px;display:flex}.grade-toolbar>div:first-child strong{margin:3px 0;font-size:19px;display:block}.grade-toolbar>div:first-child span{opacity:.76;font:11px Arial,sans-serif}.teacher-chip{background:#ffffff24;border-radius:13px;align-items:center;gap:10px;padding:9px 12px;display:flex}.teacher-chip>span{font-size:21px}.teacher-chip small,.teacher-chip b{display:block}.teacher-chip small{letter-spacing:1px;opacity:.75;font:8px Arial,sans-serif}.teacher-chip b{margin-top:2px;font:12px Arial,sans-serif}.grades-layout{grid-template-columns:300px 1fr;align-items:start;gap:18px;display:grid}.grade-roster,.grade-form{margin-top:0}.roster-list{gap:7px;display:grid}.roster-list button{text-align:left;cursor:pointer;background:#f7f8fb;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.roster-list button:hover{background:#eef2fb}.roster-list button.selected{background:#eaf0ff;border-color:#9db2ff}.roster-list button>i{width:37px;height:37px;color:var(--blue);background:#fff;border-radius:12px;place-items:center;font:900 10px Arial,sans-serif;display:grid}.roster-list button span b,.roster-list button span small{display:block}.roster-list button span b{font-size:12px}.roster-list button span small{color:#8c94a7;margin-top:3px;font:9px Arial,sans-serif}.roster-list em{border-radius:7px;padding:5px 7px;font:800 8px Arial,sans-serif}.roster-list em.ready{color:#16845b;background:#def6e9}.roster-list em.pending{color:#9a7013;background:#fff1d7}.grade-form{padding:27px}.grade-form-head{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.grade-form-head h2{margin:3px 0;font-size:21px}.grade-form-head p{color:#8a92a6;margin:0;font:11px Arial,sans-serif}.average-badge{text-align:center;background:#e8efff;border-radius:13px;min-width:92px;padding:10px 13px}.average-badge span,.average-badge b{display:block}.average-badge span{color:#6c7ba5;letter-spacing:.9px;font:900 8px Arial,sans-serif}.average-badge b{color:var(--blue);margin-top:3px;font-size:18px}.score-inputs{grid-template-columns:1fr 1fr;gap:11px;margin:20px 0;display:grid}.score-inputs label,.attendance-field{border:1px solid #e6e9f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;display:flex}.score-inputs label>span,.attendance-field>span{font:800 11px Arial,sans-serif}.score-inputs label>div,.attendance-field>div{align-items:center;gap:4px;display:flex}.score-inputs input,.attendance-field input{text-align:center;border:2px solid #dde3ee;border-radius:9px;outline:0;width:54px;padding:8px;font-weight:900}.score-inputs small,.attendance-field small{color:#8d95a7;font:10px Arial,sans-serif}.attendance-field{background:#f9fbff;margin-bottom:17px}.comment-field>span{margin-bottom:7px;font:800 11px Arial,sans-serif;display:block}.comment-field textarea{resize:vertical;width:100%;color:var(--ink);border:2px solid #dde3ee;border-radius:12px;outline:0;padding:13px;font:13px/1.5 Arial,sans-serif}.save-row{justify-content:flex-end;align-items:center;gap:15px;margin-top:16px;display:flex}.grade-save-status{font:800 11px Arial,sans-serif}.grade-save-status.saved{color:#16845b}.grade-save-status.error{color:#b43c49}.grade-save-status.saving{color:#7d8598}.family-page{background:radial-gradient(circle at 85% 10%,#dfe9ff 0,#0000 32%),linear-gradient(#fbfcff,#f0f4ff);min-height:100vh}.back-link{color:#5f6d8c;font:800 12px Arial,sans-serif}.family-access{grid-template-columns:1fr 430px;align-items:center;gap:80px;min-height:620px;padding-block:50px 90px;display:grid}.family-access-copy h1{letter-spacing:-3px;margin:18px 0;font-size:clamp(45px,6vw,70px);line-height:1}.family-access-copy h1 span{color:var(--blue)}.family-access-copy>p{color:#65718b;max-width:550px;font:17px/1.65 Arial,sans-serif}.family-access-copy ul{color:#3f4c67;gap:11px;margin:27px 0 0;padding:0;font:800 13px Arial,sans-serif;list-style:none;display:grid}.family-access-copy li:first-letter{color:#20a773}.family-code-card{background:#fff;border:1px solid #e3e8f2;border-radius:25px;padding:34px;box-shadow:0 22px 60px #1c387d24}.family-lock{background:#e9efff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:27px;display:grid}.family-code-card h2{margin:17px 0 7px;font-size:24px}.family-code-card>p:not(.form-error):not(.demo-credential){color:#788299;margin:0 0 23px;font:13px/1.5 Arial,sans-serif}.family-code-card input{text-transform:uppercase;letter-spacing:1.2px;width:100%;font-weight:800}.family-code-card .primary-button{width:100%;margin-top:12px}.family-code-card .primary-button:disabled{opacity:.65}.family-report{padding:46px 0 80px}.family-welcome{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.family-welcome small,.report-summary small,.report-card-title small,.teacher-comment small{color:var(--blue);letter-spacing:1.1px;font:900 9px Arial,sans-serif}.family-welcome h1{margin:5px 0;font-size:31px}.family-welcome p{color:#778198;margin:0;font:13px Arial,sans-serif}.family-welcome button{color:var(--blue);cursor:pointer;background:0 0;border:0;font:800 11px Arial,sans-serif}.report-summary{background:var(--blue);color:#fff;border-radius:20px;grid-template-columns:2fr 1fr 1fr .8fr;align-items:center;gap:15px;padding:22px 25px;display:grid;box-shadow:0 14px 35px #2d5bff33}.student-identity{align-items:center;gap:13px;display:flex}.student-identity>i{background:#ffffff2e;border-radius:16px;place-items:center;width:52px;height:52px;font:900 13px Arial,sans-serif;display:grid}.student-identity h2{margin:3px 0;font-size:19px}.student-identity p{opacity:.78;margin:0;font:10px Arial,sans-serif}.report-summary>div>small{color:#cbd8ff;display:block}.report-summary>div>strong{margin-top:5px;font-size:15px;display:block}.overall-score{text-align:center;background:#fff;border-radius:13px;padding:10px 13px}.overall-score small{color:#6d7891!important}.overall-score strong{font-size:25px!important}.overall-score strong i{font-size:10px;font-style:normal}.excellent{color:#16845b!important}.good{color:#3157d2!important}.developing{color:#a97810!important}.support{color:#b54350!important}.report-card{background:#fff;border:1px solid #e3e8f2;border-radius:20px;margin-top:18px;padding:27px}.report-card-title{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.report-card-title h2{margin:4px 0 0;font-size:19px}.report-card-title>span{color:#8b94a7;font:10px Arial,sans-serif}.subject-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.subject-grid article{border:1px solid #e8ebf1;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.subject-icon{background:#eef3ff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.subject-grid article>div>b{font-size:11px}.subject-bar{background:#e7eaf1;border-radius:99px;height:6px;margin-top:7px;overflow:hidden}.subject-bar i{border-radius:inherit;background:linear-gradient(90deg,#4d73ff,#63d1a4);height:100%;display:block}.subject-grid article>strong{font-size:19px}.subject-grid article>strong small{font-size:9px}.teacher-comment{background:#fff6d9;border:1px solid #f1df9d;border-radius:18px;gap:15px;margin-top:18px;padding:23px 25px;display:flex}.teacher-comment>span{font-size:27px}.teacher-comment blockquote{color:#4f5261;margin:7px 0;font:italic 14px/1.6 Arial,sans-serif}.teacher-comment p{color:#8c762f;margin:0;font:800 10px Arial,sans-serif}.privacy-note{text-align:center;color:#858ea2;font:10px Arial,sans-serif}.empty-report{text-align:center;background:#fff;border-radius:22px;padding:65px;box-shadow:0 16px 40px #1f3a821a}.empty-report>span{font-size:48px}.empty-report h2{margin:14px 0 7px}.empty-report p{color:#7e879b;margin:0}.primary-button:focus-visible,.roster-list button:focus-visible,.family-welcome button:focus-visible{outline-offset:3px;outline:3px solid #ffcf42}.family-code-help{text-align:center;color:#78899a!important;margin:12px 0 0!important;font:10px/1.4 Arial,sans-serif!important}@media (width<=900px){.grades-layout{grid-template-columns:1fr}.grade-roster{order:2}.roster-list{grid-template-columns:1fr 1fr}.family-access{grid-template-columns:1fr;gap:35px;padding-top:35px}.family-access-copy{text-align:center}.family-access-copy>p{margin-inline:auto}.family-access-copy ul{justify-content:center}.family-code-card{width:min(470px,100%);margin-inline:auto}.report-summary{grid-template-columns:1.7fr 1fr 1fr}.overall-score{grid-column:1/-1}.subject-grid{grid-template-columns:1fr}}@media (width<=600px){.grades-callout{flex-direction:column;align-items:flex-start}.teacher-login{margin-top:25px;padding:24px}.code-entry{grid-template-columns:1fr}.grade-toolbar{align-items:flex-start;gap:14px}.teacher-chip{display:none}.roster-list,.score-inputs{grid-template-columns:1fr}.grade-form{padding:19px}.save-row{flex-direction:column;align-items:stretch}.save-row .primary-button{width:100%}.family-access-copy h1{font-size:46px}.family-code-card{padding:26px}.family-report{padding-top:28px}.family-welcome{flex-direction:column;align-items:flex-start;gap:15px}.report-summary{grid-template-columns:1fr 1fr;padding:19px}.student-identity{grid-column:1/-1}.report-card{padding:19px}.subject-grid article{grid-template-columns:auto 1fr auto}.back-link{font-size:0}.back-link:after{content:"←";font-size:20px}}.grades-callout{background:linear-gradient(115deg,var(--blue) 0 64%,var(--red) 64%);box-shadow:0 10px 28px #0a316129}.grades-callout small{color:#fff}.student-stats>span{box-shadow:0 4px 12px #0a316114}.student-stats i{background:var(--red);color:#fff}.family-page{background:radial-gradient(circle at 85% 10%,#f6dfe5 0,#0000 30%),linear-gradient(#fbfcff,#edf2f7)}.subject-bar i{background:linear-gradient(90deg,var(--blue),var(--red))}.teacher-comment{background:#fbe8ed;border-color:#ebbdc9}.teacher-comment small{color:var(--red)}.teacher-comment p{color:#8c3650}.games-hub{padding:42px 0 80px}.games-hero{background:linear-gradient(118deg,var(--blue) 0 67%,var(--red) 67%);color:#fff;border-radius:30px;justify-content:space-between;align-items:center;min-height:245px;padding:38px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px #0a316133}.games-hero:after{content:"★  ★  ★  ★  ★";color:#ffffff38;letter-spacing:9px;font-size:18px;position:absolute;top:19px;right:30px;transform:rotate(-3deg)}.games-hero .eyebrow{color:#fff;background:#ffffff24}.games-hero h1{letter-spacing:-2px;max-width:650px;margin:17px 0 10px;font-size:clamp(34px,5vw,56px);line-height:1}.games-hero p{color:#dce7f3;margin:0;font:15px/1.6 Arial,sans-serif}.hub-badge{z-index:1;width:148px;height:148px;color:var(--blue);background:#fff;border:8px solid #fff3;border-radius:50%;flex:0 0 148px;place-items:center;display:grid;position:relative;box-shadow:0 14px 30px #00000026}.hub-badge span{font-size:52px;font-weight:900;line-height:.8}.hub-badge b{letter-spacing:2px;font-size:12px}.hub-badge small{color:#7a869b;font:9px Arial,sans-serif}.games-filter{align-items:center;gap:9px;margin:28px 0 18px;padding-bottom:3px;display:flex;overflow-x:auto}.games-filter>*{color:#6f7b90;background:#fff;border:1px solid #dce3ec;border-radius:99px;flex:none;padding:9px 13px;font:800 10px Arial,sans-serif}.games-filter b{border-color:var(--blue);background:var(--blue);color:#fff}.game-library{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.library-card{background:#fff;border:1px solid #e0e6ee;border-radius:22px;min-height:275px;padding:24px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 9px 24px #0a316112}.library-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0a31611f}.library-card:before{content:"";background:var(--blue);width:100%;height:5px;position:absolute;top:0;left:0}.library-number{color:#e6ebf1;font-size:40px;font-weight:900;line-height:1;position:absolute;top:16px;right:18px}.library-icon{background:#eaf0f6;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:17px;font-size:29px;display:grid}.library-card.red .library-icon{background:#fbe8ed}.library-card.sky .library-icon{background:#e9f2fb}.library-card>small{color:var(--red);letter-spacing:.8px;text-transform:uppercase;font:900 9px Arial,sans-serif}.library-card h2{margin:6px 0 7px;font-size:18px}.library-card p{color:#718097;min-height:40px;margin:0;font:12px/1.55 Arial,sans-serif}.library-card>button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:11px 13px;font-size:11px;font-weight:900;display:flex}.library-card>button span{font-size:17px}.inspiration-note{text-align:center;color:#8792a5;margin:24px 0 0;font:10px Arial,sans-serif}.game-back{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-bottom:18px;font:900 11px Arial,sans-serif}.game-progress i{background:linear-gradient(90deg,var(--blue),var(--red))}.game-card{border-top:5px solid var(--blue)}.finish-actions{justify-content:center;gap:10px;margin-top:23px;display:flex}.finish-actions button{margin:0;display:inline-block}.finish-actions button.secondary{color:var(--blue);background:#fff;border:2px solid #d9e2ec}.memory-game>p,.boxes-game>p{margin-top:0}.memory-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.memory-grid button{aspect-ratio:1;background:linear-gradient(145deg,var(--blue),#174f86);color:#fff;cursor:pointer;border:0;border-radius:17px;font-size:32px;font-weight:900;transition:all .18s;transform:translateY(0);box-shadow:0 7px #061f3d}.memory-grid button:hover{transform:translateY(-2px)}.memory-grid button.flipped{color:var(--blue);background:#fff;border:2px solid #9ab0c7;box-shadow:0 5px #d5dee8}.move-count{color:#7e899c;margin-top:22px;font:11px Arial,sans-serif;display:block}.challenge-emoji{font-size:80px}.word-slots{justify-content:center;gap:9px;margin:19px 0;display:flex}.word-slots span{border-bottom:4px solid var(--blue);width:54px;height:59px;color:var(--blue);background:#eef3f8;border-radius:10px 10px 3px 3px;place-items:center;font-size:25px;font-weight:900;display:grid}.word-slots.right span{color:#187d55;background:#e5f7ed;border-color:#35aa74}.word-slots.wrong span{border-color:var(--red);color:var(--red);background:#fbe8ed}.letter-bank{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.letter-bank button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:13px;width:54px;height:54px;font-size:21px;font-weight:900;box-shadow:0 6px #81102f}.letter-bank button:disabled{opacity:.25;box-shadow:none}.mini-feedback{border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:23px;padding:13px 15px;font-size:12px;font-weight:900;display:flex}.mini-feedback.right{color:#167c53;background:#e4f8ee}.mini-feedback.wrong{color:#9f2849;background:#fbe8ed}.mini-feedback button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:900}.big-sound{background:linear-gradient(145deg,var(--blue),#1b558e);color:#fff;cursor:pointer;border:0;border-radius:50% 50% 46% 54%;place-items:center;gap:7px;width:190px;height:145px;margin:0 auto 20px;font-weight:900;display:grid;box-shadow:0 11px #061f3d}.big-sound span{font-size:45px}.picture-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.picture-options button{cursor:pointer;background:#fff;border:3px solid #e0e6ee;border-radius:18px;padding:19px;font-size:57px}.picture-options button.right{background:#e4f8ee;border-color:#3db37a}.picture-options button.wrong{border-color:var(--red);background:#fbe8ed}.statement{justify-items:center;gap:12px;display:grid}.statement span{font-size:100px}.statement strong{color:var(--blue);letter-spacing:2px;background:#eaf0f6;border-radius:10px;padding:9px 22px;font-size:24px}.truefalse-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.truefalse-buttons button{color:#fff;cursor:pointer;border:0;border-radius:14px;padding:18px;font-weight:900}.truefalse-buttons button:first-child{background:var(--blue)}.truefalse-buttons button:last-child{background:var(--red)}.sort-item{justify-items:center;gap:8px;display:grid}.sort-item span{font-size:90px}.sort-item strong{color:var(--blue);letter-spacing:2px;font-size:22px}.sort-zones{grid-template-columns:1fr 1fr;gap:15px;display:grid}.sort-zones button{color:var(--blue);cursor:pointer;background:#edf3f8;border:3px dashed #8fa8c2;border-radius:18px;justify-items:center;gap:9px;padding:23px;display:grid}.sort-zones button:last-child{color:var(--red);background:#fbe8ed;border-color:#d88aa0}.sort-zones button span{font-size:38px}.sort-zones button b{letter-spacing:1.5px;font-size:12px}.boxes-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.boxes-grid button{background:linear-gradient(145deg,var(--red),#d33c65);color:#fff;cursor:pointer;border:0;border-radius:18px;align-content:center;place-items:center;gap:8px;min-height:145px;display:grid;box-shadow:0 8px #81102f}.boxes-grid button>span{font-size:43px}.boxes-grid button>b{text-transform:uppercase;letter-spacing:1px;font-size:11px}.boxes-grid button.opened{color:var(--blue);background:#fff;border:2px solid #a7b9ca;box-shadow:0 7px #d6dee7}.boxes-grid button.opened>span{font-size:47px}.boxes-grid button.opened>b{font-size:15px}.boxes-grid button small{font-size:13px}@media (width<=850px){.games-hero{padding:31px}.game-library{grid-template-columns:1fr 1fr}.hub-badge{flex-basis:120px;width:120px;height:120px}.hub-badge span{font-size:42px}}@media (width<=580px){.games-hub{padding-top:22px}.games-hero{align-items:flex-start;min-height:auto;padding:27px 23px}.games-hero h1{font-size:36px}.hub-badge{display:none}.game-library{grid-template-columns:1fr}.library-card,.library-card p{min-height:auto}.memory-grid{grid-template-columns:repeat(2,1fr)}.picture-options button{padding:14px;font-size:42px}.word-slots span{width:43px;height:50px}.letter-bank button{width:46px;height:46px}.sort-zones,.truefalse-buttons{grid-template-columns:1fr}.boxes-grid{grid-template-columns:1fr 1fr}.finish-actions{flex-direction:column}.finish-actions button{width:100%}}body{background:linear-gradient(180deg,#dff6f3 0 82px,var(--paper) 82px)}.nav{background:#dff6f3;border-radius:0 0 22px 22px;padding-inline:18px}.product-name{color:#8b6500;background:#fff1a9}.hero{isolation:isolate;background:radial-gradient(at 4% 104%,#6fcf8f 0 22%,#0000 22.5%),radial-gradient(at 42% 112%,#9bdd6f 0 30%,#0000 30.5%),radial-gradient(at 88% 108%,#77d7a4 0 28%,#0000 28.5%),linear-gradient(#fff4a9 0%,#f3f4ad 47%,#c4edb1 100%);border-radius:34px;min-height:650px;margin-top:18px;padding:54px 48px 70px;position:relative;overflow:hidden;box-shadow:0 18px 45px #21707021}.hero:before{content:"★  ·  ★  ·  ★";z-index:-1;color:#176fb438;letter-spacing:11px;font-size:18px;position:absolute;top:27px;right:34px}.eyebrow{color:#278a6f;background:#fff;box-shadow:0 5px 16px #2584671f}.role-card.teacher{background:linear-gradient(135deg,#48aaa5,#278d93)}.role-card.student{color:#503600;background:linear-gradient(135deg,#ffd55f,#f5a936)}.role-card.family{color:#fff;background:linear-gradient(135deg,#ef6a68,#d94c5e);border-color:#0000}.role-card.family .role-icon{background:#ffffff38}.hero-visual{background:radial-gradient(circle at 25% 20%,#ffffffb3 0 7%,#0000 7.5%),radial-gradient(circle at 78% 74%,#ffffff8c 0 5%,#0000 5.5%),linear-gradient(145deg,#83d7d2,#51b7b0);box-shadow:inset 0 0 0 8px #ffffff59,0 20px 45px #1b707333}.hero-visual:before{background:var(--yellow)}.hero-visual:after{background:var(--red)}.groups-section{padding:70px 0 34px}.groups-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:23px;display:flex}.groups-heading span{color:#278a6f;letter-spacing:1.4px;font:900 10px Arial,sans-serif}.groups-heading h2{letter-spacing:-1.6px;max-width:660px;margin:7px 0 0;font-size:clamp(28px,4vw,43px);line-height:1.04}.groups-heading>p{max-width:330px;color:var(--muted);margin:0;font:14px/1.55 Arial,sans-serif}.group-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.group-card{border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:185px;padding:25px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 11px #123b521a}.group-card:hover{transform:translateY(-4px);box-shadow:0 15px #123b5214}.group-card:after{content:"";border:18px solid #ffffff52;border-radius:50%;width:110px;height:110px;position:absolute;top:-42px;right:-38px}.group-card.kindergarten{color:#594000;background:linear-gradient(145deg,#ffe174,#ffc34f)}.group-card.children-a{color:#103f47;background:linear-gradient(145deg,#87ddd0,#55b9b2)}.group-card.children-b{color:#0b3458;background:linear-gradient(145deg,#8cc9f3,#5b9ed6)}.group-emoji{background:#ffffff94;border-radius:21px;place-items:center;width:66px;height:66px;font-size:34px;display:grid}.group-card small{letter-spacing:.6px;font:900 10px Arial,sans-serif}.group-card h3{margin:4px 0 7px;font-size:22px}.group-card p{opacity:.82;margin:0;font:12px/1.45 Arial,sans-serif}.group-card>b{z-index:1;font-size:25px;position:relative}.benefits{padding-top:30px}.benefits article{border:0;box-shadow:0 9px 25px #276d6c14}.benefits article:first-child{background:#e4f5ff}.benefits article:nth-child(2){background:#fff5c9}.benefits article:nth-child(3){background:#e3f7e8}.dashboard-page{background:linear-gradient(135deg,#eefaf8,#f8fbef)}.side-nav{background:#e2f7f4;border-color:#c8e9e5}.side-link.active{color:#248b86;background:#fff;box-shadow:0 5px 14px #2d8f891f}.class-banner{background:linear-gradient(120deg,#49aaa5 0 66%,#3189c8 66%);box-shadow:0 12px 28px #238b8733}.teacher-group-tabs{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0;display:grid}.teacher-group-tabs>button{color:#173e52;text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:14px 15px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 5px 15px #205c5b0f}.teacher-group-tabs>button:hover{transform:translateY(-2px)}.teacher-group-tabs>button:nth-child(3n+1){background:#fff3bd}.teacher-group-tabs>button:nth-child(3n+2){background:#dff6ef}.teacher-group-tabs>button:nth-child(3n){background:#e0f0fc}.teacher-group-tabs>button.active{border-color:#4eb4ac;box-shadow:0 7px 18px #30928b29}.teacher-group-tabs>button:focus-visible,.group-dropdown button:focus-visible{outline-offset:3px;outline:3px solid #ffd65b}.teacher-group-tabs i{grid-row:1/3;font-size:25px;font-style:normal}.teacher-group-tabs b{font-size:12px}.teacher-group-tabs small{color:#718196;font:9px Arial,sans-serif}.metric-grid article:first-child{background:#e4f3ff;border-color:#cae4f7}.metric-grid article:nth-child(2){background:#fff4c5;border-color:#f1df94}.metric-grid article:nth-child(3){background:#e2f6e8;border-color:#c5e8ce}.grades-callout{background:linear-gradient(115deg,#388fc7 0 50%,#55b9b2 50%)}.panel{border-color:#d7ebe7;box-shadow:0 7px 20px #306f6c0f}.active-group-showcase{background:linear-gradient(120deg,#fff2b9,#e1f6ef 58%,#e3f0ff);border:2px solid #65b8b0;border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:16px 0;padding:22px 25px;display:grid;box-shadow:0 9px 24px #287f7a1c}.active-group-emoji{background:#fff;border-radius:20px;place-items:center;width:66px;height:66px;font-size:34px;display:grid;box-shadow:0 5px 13px #2d696514}.active-group-showcase small{color:#328d87;letter-spacing:1px;font:900 9px Arial,sans-serif}.active-group-showcase h2{margin:4px 0 3px;font-size:24px}.active-group-showcase p{color:#6f818c;margin:0;font:11px Arial,sans-serif}.active-group-showcase dl{gap:10px;margin:0;display:flex}.active-group-showcase dl>div{text-align:center;background:#ffffffc7;border-radius:13px;min-width:82px;padding:11px 13px}.active-group-showcase dt{color:#768895;text-transform:uppercase;font:800 8px Arial,sans-serif}.active-group-showcase dd{color:#216f6a;margin:3px 0 0;font-size:19px;font-weight:900}.student-page{background:radial-gradient(circle at 90% 9%,#fff0a6 0 13%,#0000 13.5%),linear-gradient(#dff6f3,#f8fce8)}.games-hero{background:radial-gradient(circle at 88% 12%,#ffdd5ae6 0 8%,#0000 8.5%),linear-gradient(118deg,#3aa6a2 0 67%,#79c957 67%);box-shadow:0 20px 48px #268d8833}.current-group-badge{color:#247c76;background:#fff;border-radius:99px;margin-bottom:10px;padding:7px 11px;font:900 10px Arial,sans-serif;display:table}.game-library .library-card:nth-child(3n+1){background:#e9f6ff}.game-library .library-card:nth-child(3n+2){background:#fff6cf}.game-library .library-card:nth-child(3n){background:#e6f7e9}.library-card{border-color:#4d9d9733}.library-card:before{background:#4bb3aa}.library-card.red:before{background:#ef6a68}.library-card.sky:before{background:#65aada}.library-icon{background:#ffffffbf!important}.library-card>button{background:#389d98}.library-card.red>button{background:#ef6467}.games-filter b{background:#389d98;border-color:#389d98}@media (width<=850px){.hero{padding-inline:30px}.groups-heading{flex-direction:column;align-items:flex-start}.group-grid{grid-template-columns:1fr}.group-card{min-height:140px}.teacher-group-tabs{grid-template-columns:1fr}}@media (width<=560px){body{background:linear-gradient(180deg,#dff6f3 0 72px,var(--paper) 72px)}.nav{padding-inline:8px}.hero{margin-top:10px;padding:38px 20px 55px}.groups-section{padding-top:48px}.groups-heading h2{font-size:32px}.group-card{padding:20px}.group-emoji{width:55px;height:55px;font-size:29px}.teacher-group-tabs>button{padding:11px}.dash-head{align-items:flex-start}.dash-head h1{font-size:22px}.teacher-summary-profile>button>span:nth-child(2){display:none}.teacher-profile-menu{right:0}.class-banner{flex-direction:column}.group-dropdown,.group-dropdown>button{width:100%}.group-dropdown>div{width:100%;margin-top:7px;position:static}.teacher-dashboard-state{grid-template-columns:1fr;padding:22px}.teacher-dashboard-state>span{margin:auto}.teacher-dashboard-state>div{text-align:center}.teacher-dashboard-state .teacher-student-login{grid-column:1}.panel-head{align-items:flex-start;gap:12px}.admin-sync-label{text-align:right}.active-group-showcase{grid-template-columns:auto 1fr;padding:17px}.active-group-showcase dl{grid-column:1/-1;width:100%}.active-group-showcase dl>div{flex:1}}.specific-library{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center}.specific-library .library-card{min-height:275px;padding:32px}.specific-library .library-icon{width:78px;height:78px;font-size:43px}.specific-library .library-card h2{font-size:27px}.specific-library .library-card p{max-width:550px;font-size:14px}.library-card.animal-special{background:linear-gradient(135deg,#fff1a8,#dff7c9)}.library-card.animal-special:before{background:linear-gradient(90deg,#f5b83b,#70c65e);height:7px}.library-card.animal-special>button{background:#49a96b}.library-card.wheel-special{background:linear-gradient(135deg,#d9f5f2,#dceeff)}.library-card.wheel-special:before{background:linear-gradient(90deg,#3aa6a2,#3c82c7);height:7px}.library-card.wheel-special>button{background:#277fba}.library-card.verb-special{background:linear-gradient(135deg,#ffe2db,#fff1b9)}.library-card.verb-special:before{background:linear-gradient(90deg,#ef6668,#f2ad39);height:7px}.library-card.verb-special>button{background:#e8585e}.library-card.crossword-special{background:linear-gradient(135deg,#e1ddff,#d7f5ec)}.library-card.crossword-special:before{background:linear-gradient(90deg,#765fc6,#3aa69a);height:7px}.library-card.crossword-special>button{background:#6b5abd}.specific-game{min-height:650px;padding:38px 0 80px}.specific-title{color:#fff;background:linear-gradient(120deg,#3aa6a2,#72c75b);border-radius:25px;align-items:center;gap:21px;margin:18px 0 30px;padding:27px 31px;display:flex;box-shadow:0 16px 38px #268d882e}.specific-title>span{background:#fff3;border-radius:23px;flex:0 0 76px;place-items:center;width:76px;height:76px;font-size:39px;display:grid}.specific-title small{letter-spacing:1.3px;font:900 10px Arial,sans-serif}.specific-title h1{margin:4px 0;font-size:32px}.specific-title p{color:#eafff4;margin:0;font:13px Arial,sans-serif}.level-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.level-card{min-height:145px;color:var(--ink);text-align:left;cursor:pointer;border:0;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:22px;transition:transform .18s;display:grid;box-shadow:0 9px #123b521a}.level-card:hover{transform:translateY(-4px)}.level-card>span{background:#ffffff9e;border-radius:18px;place-items:center;width:57px;height:57px;font-size:25px;font-weight:900;display:grid}.level-card b{font-size:16px}.level-card p{margin:6px 0 0;font:11px/1.45 Arial,sans-serif}.level-card i{font-size:22px;font-style:normal}.level-card.easy{background:#fff0a8}.level-card.medium{background:#bcebd9}.level-card.hard{background:#bcdcf5}.word-result{text-align:center;background:linear-gradient(145deg,#fff4bd,#dff5e8);border-radius:28px;margin-top:42px;padding:58px 35px;box-shadow:0 18px 45px #24777121}.word-result>span{font-size:61px}.word-result h1{margin:14px 0 8px;font-size:35px}.word-result p{color:#61758a;margin:0}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.result-actions button{color:#fff;cursor:pointer;background:#318f89;border:0;border-radius:11px;padding:12px 16px;font-size:11px;font-weight:900}.result-actions button:nth-child(2){background:#277fba}.result-actions button:nth-child(3){color:#345269;background:#fff;border:2px solid #cfe0e6}.wheel-layout{background:linear-gradient(135deg,#e1f7f3,#eef6ff);border-radius:29px;grid-template-columns:430px 1fr;align-items:center;gap:44px;margin-top:22px;padding:35px;display:grid;box-shadow:0 17px 45px #246f751f}.word-wheel{--wheel-radius:172px;background:radial-gradient(circle,#fff 0 37%,#d1efea 37.5% 55%,#50b6ae 55.5% 72%,#0000 72.5%);border-radius:50%;width:400px;height:400px;margin:auto;position:relative;box-shadow:0 14px 35px #227b7e2b}.word-wheel>button{z-index:2;color:#226a78;cursor:pointer;width:35px;height:35px;transform:translate(-50%,-50%) rotate(calc(var(--letter-index)*13.846deg)) translateY(calc(var(--wheel-radius)*-1)) rotate(calc(var(--letter-index)*-13.846deg));background:#fff;border:0;border-radius:50%;font-size:12px;font-weight:900;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #114c5626}.word-wheel>button.current{background:#fff8d0;outline:4px solid #ffd34f}.word-wheel>button.correct{color:#fff;background:#49b77b}.word-wheel>button.passed{color:#fff;background:#f4b542}.wheel-center{place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-center small{color:#4e7480;text-transform:uppercase;font:900 9px Arial,sans-serif}.wheel-center strong{color:#248d88;font-size:72px;line-height:1}.wheel-center span{color:#277fba;background:#eaf5ff;border-radius:99px;padding:4px 9px;font:900 10px Arial,sans-serif}.wheel-question{background:#fff;border-radius:22px;padding:31px;box-shadow:0 10px 28px #276a6f1a}.question-meta{color:#288e88;letter-spacing:1px;justify-content:space-between;font:900 10px Arial,sans-serif;display:flex}.question-meta b{color:#79909b}.wheel-question h1{min-height:98px;margin:18px 0 7px;font-size:27px;line-height:1.15}.wheel-question>p{color:#728293;margin:0 0 22px;font:13px Arial,sans-serif}.wheel-question form label{color:#577181;margin-bottom:7px;font:900 10px Arial,sans-serif;display:block}.wheel-question form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.wheel-question input{min-width:0;color:var(--ink);border:2px solid #d6e5e6;border-radius:11px;outline:0;padding:13px 14px;font-weight:800}.wheel-question input:focus{border-color:#45aaa4;box-shadow:0 0 0 3px #dff6f3}.wheel-question form button{color:#fff;cursor:pointer;background:#288f89;border:0;border-radius:11px;padding:12px 16px;font-size:11px;font-weight:900}.wheel-feedback{border-radius:10px;margin-top:12px;padding:11px 13px;font:800 11px Arial,sans-serif}.wheel-feedback.right{color:#197b4e;background:#e0f6e8}.wheel-feedback.wrong{color:#a55e1d;background:#fff0df}.wheel-actions{justify-content:space-between;margin-top:17px;display:flex}.wheel-actions button{color:#27747a;cursor:pointer;background:#e7f2f4;border:0;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:900}.wheel-actions button:last-child{color:#775900;background:#fff0b7}.boxes-top{justify-content:space-between;align-items:end;gap:25px;margin:12px 0 16px;display:flex}.boxes-top small{color:#278a6f;letter-spacing:1px;font:900 10px Arial,sans-serif}.boxes-top h1{margin:5px 0;font-size:32px}.boxes-top p{color:#708194;margin:0;font:13px Arial,sans-serif}.boxes-top>div:last-child{gap:9px;display:flex}.boxes-top>div:last-child span{color:#6d7e8f;background:#fff;border-radius:11px;padding:10px 13px;font:10px Arial,sans-serif;box-shadow:0 5px 16px #266e6c17}.boxes-top>div:last-child b{color:#278d88;font-size:16px}.animal-progress{background:#d9e9e6;border-radius:99px;height:10px;margin-bottom:19px;overflow:hidden}.animal-progress i{border-radius:inherit;background:linear-gradient(90deg,#f3b63a,#65c776);height:100%;transition:width .3s;display:block}.animal-box-grid{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.animal-box-grid button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#ef6668,#d64f62);border:0;border-radius:19px;min-height:128px;padding:12px;transition:transform .17s;position:relative;box-shadow:0 8px #a5364b}.animal-box-grid button:hover{transform:translateY(-3px)}.animal-box-grid button.open{color:#1d6271;background:#fff;outline:2px solid #73c9c0;box-shadow:0 7px #c7dedc}.animal-box-grid button.matched{color:#1f714b;background:linear-gradient(145deg,#e1f7e7,#c7efd2);outline-color:#5fc484}.box-number{background:#fff3;border-radius:8px;place-items:center;width:24px;height:24px;font:900 10px Arial,sans-serif;display:grid;position:absolute;top:8px;left:9px}.box-lid{font-size:36px;display:block}.animal-box-grid button.open .box-lid{display:none}.animal-box-grid strong{font-size:35px;display:block}.animal-box-grid button:not(.open) strong{font-size:20px}.animal-box-grid small{margin-top:5px;font:900 9px Arial,sans-serif;display:block}.boxes-tip{text-align:center;color:#748796;margin:23px 0 0;font:11px Arial,sans-serif}@media (width<=900px){.level-grid{grid-template-columns:1fr}.level-card{min-height:110px}.wheel-layout{grid-template-columns:1fr}.animal-box-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=560px){.specific-game{padding-top:24px}.specific-title{align-items:flex-start;padding:22px}.specific-title>span{flex-basis:57px;width:57px;height:57px;font-size:29px}.specific-title h1{font-size:25px}.wheel-layout{padding:18px}.word-wheel{--wheel-radius:132px;width:310px;height:310px}.word-wheel>button{width:29px;height:29px;font-size:10px}.wheel-center strong{font-size:56px}.wheel-question{padding:21px}.wheel-question h1{min-height:auto;font-size:22px}.wheel-question form>div{grid-template-columns:1fr}.boxes-top{flex-direction:column;align-items:flex-start}.animal-box-grid{grid-template-columns:repeat(2,1fr)}.animal-box-grid button{min-height:115px}.result-actions{flex-direction:column}.result-actions button{width:100%}}.learning-review{text-align:left;background:#fff;border-radius:22px;max-width:860px;margin:28px auto 0;padding:23px;box-shadow:0 9px 28px #27656b1a}.review-heading{align-items:center;gap:13px;margin-bottom:17px;display:flex}.review-heading>span{background:#fff1b8;border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.review-heading h2{margin:0 0 3px;font-size:20px}.review-heading p{font:12px Arial,sans-serif;margin:0!important}.review-list{gap:9px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.review-row{background:#f3f8f8;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px;display:grid}.review-letter{color:#fff;background:#3b9e98;border-radius:12px;place-items:center;width:39px;height:39px;font-weight:900;display:grid}.review-row small,.review-row p,.review-row strong{display:block}.review-row small{color:#6e8290;font:10px/1.35 Arial,sans-serif}.review-row p{color:#a45542!important;margin:4px 0!important;font:11px Arial,sans-serif!important}.review-row strong{color:#166c55;font-size:13px}.review-row>button{cursor:pointer;background:#dcedff;border:0;border-radius:12px;width:39px;height:39px}.crossword-heading{justify-content:space-between;align-items:end;gap:20px;margin:18px 0;display:flex}.crossword-heading small{color:#6b5abd;letter-spacing:1px;font:900 10px Arial,sans-serif}.crossword-heading h1{margin:4px 0 0;font-size:31px}.crossword-heading>strong{color:#5d4eae;background:#e5e0ff;border-radius:12px;padding:10px 13px;font-size:12px}.crossword-layout{background:linear-gradient(135deg,#e7e4ff,#dff7ef);border-radius:27px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:22px;padding:25px;display:grid;box-shadow:0 15px 40px #49538f1f}.crossword-board-wrap{background:#d7e5e2;border-radius:19px;padding:20px;overflow:auto}.crossword-board{justify-content:center;gap:3px;width:max-content;min-width:100%;display:grid}.crossword-empty{width:42px;height:42px}.crossword-cell{background:#fff;width:42px;height:42px;display:block;position:relative;box-shadow:0 2px #2b505326}.crossword-cell small{z-index:2;color:#59717a;font:700 8px Arial,sans-serif;position:absolute;top:1px;left:3px}.crossword-cell input{color:#173e52;text-align:center;text-transform:uppercase;background:0 0;border:2px solid #0000;outline:0;width:100%;height:100%;padding:7px 2px 1px;font-size:20px;font-weight:900}.crossword-cell input:focus{background:#f2efff;border-color:#735fc1}.crossword-cell.right{background:#dff6e8}.crossword-cell.wrong{background:#ffe2df}.crossword-cell.wrong input{color:#bd4149}.crossword-clues{gap:14px;display:grid}.crossword-clues section{background:#fff;border-radius:17px;padding:18px}.crossword-clues h2{color:#6454af;margin:0 0 11px;font-size:16px}.crossword-clues p{color:#5f7382;margin:8px 0;font:11px/1.45 Arial,sans-serif}.crossword-clues p b{color:#223f56}.crossword-check{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.crossword-check button{color:#fff;cursor:pointer;background:#6757b8;border:0;border-radius:12px;padding:13px 19px;font-size:12px;font-weight:900}.crossword-check p{color:#9b4d3a;margin:0;font:12px Arial,sans-serif}.verb-topbar{background:#fff;border-radius:15px;justify-content:space-between;align-items:center;margin:15px 0;padding:13px 17px;display:flex;box-shadow:0 7px 20px #29616a14}.verb-topbar strong,.verb-topbar b{font-size:18px}.verb-topbar span{color:#6d7d8b;font-size:13px}.verb-question{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 17px 45px #235b6d24}.verb-prompt{text-align:center;padding:35px 30px 25px;position:relative}.verb-prompt small{color:#398d89;letter-spacing:1px;font:900 10px Arial,sans-serif}.verb-prompt h1{margin:13px 0 0;font-size:clamp(36px,6vw,66px);line-height:1.06}.verb-prompt button{cursor:pointer;background:#e2f3f2;border:0;border-radius:11px;padding:9px 12px;position:absolute;top:21px;right:22px}.verb-visual{background:radial-gradient(circle at 50% 45%,#fff7c5 0 23%,#0000 23.5%),linear-gradient(145deg,#cde9fb,#98d5e7);border-radius:20px;place-items:center;min-height:220px;margin:0 30px 24px;font-size:112px;display:grid}.verb-options{grid-template-columns:repeat(3,1fr);gap:15px;padding:0 30px 30px;display:grid}.verb-options button{color:#fff;cursor:pointer;border:0;border-radius:15px;min-height:145px;padding:18px;font-size:clamp(20px,3vw,32px);font-weight:900;line-height:1.15;transition:transform .16s,opacity .16s;box-shadow:0 8px #1c305038}.verb-options button:hover{transform:translateY(-3px)}.verb-options .option-1{background:#5599df}.verb-options .option-2{background:#c73743}.verb-options .option-3{background:#ee8129}.verb-options button.right{outline:6px solid #4fca81;box-shadow:0 8px #207342}.verb-options button.wrong{opacity:.72;outline:6px solid #ffb0b0}.verb-options button.muted{opacity:.38}.verb-feedback{background:#e3f6e9;align-items:center;gap:15px;padding:17px 30px;display:flex}.verb-feedback.wrong{background:#fff0dc}.verb-feedback b{font-size:14px}.verb-feedback p{color:#667687;margin:4px 0 0;font:11px Arial,sans-serif}.verb-feedback>button{color:#fff;cursor:pointer;background:#338f89;border:0;border-radius:11px;margin-left:auto;padding:11px 15px;font-size:11px;font-weight:900}@media (width<=900px){.specific-library,.crossword-layout{grid-template-columns:1fr}.crossword-clues{grid-template-columns:1fr 1fr}}@media (width<=620px){.review-row{grid-template-columns:auto 1fr}.review-row>button{grid-column:2}.crossword-layout{padding:14px}.crossword-board-wrap{padding:10px}.crossword-clues{grid-template-columns:1fr}.crossword-check{flex-direction:column;align-items:stretch}.verb-prompt{padding:50px 18px 20px}.verb-prompt h1{font-size:38px}.verb-visual{min-height:170px;margin:0 18px 18px;font-size:82px}.verb-options{grid-template-columns:1fr;padding:0 18px 22px}.verb-options button{min-height:86px}.verb-feedback{flex-direction:column;align-items:flex-start;padding:17px 20px}.verb-feedback>button{width:100%;margin-left:0}.specific-library .library-card{min-height:auto}}.crossword-heading p{color:#6d7e8e;margin:6px 0 0;font:12px Arial,sans-serif}.spreadsheet-toolbar .teacher-chip{gap:9px}.teacher-chip>button{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:8px;margin-left:7px;padding:7px 10px;font-size:9px;font-weight:900}.exam-sheet{padding:0;overflow:hidden}.exam-sheet-head{background:linear-gradient(120deg,#effaf8,#f5f9ff);border-bottom:1px solid #dfe8e8;justify-content:space-between;align-items:center;gap:25px;padding:25px 27px;display:flex}.exam-sheet-head small{color:#328d87;letter-spacing:1.1px;font:900 9px Arial,sans-serif}.exam-sheet-head h2{margin:4px 0;font-size:22px}.exam-sheet-head p{color:#728294;margin:0;font:12px Arial,sans-serif}.exam-sheet-head>button{color:#2e7f7a;cursor:pointer;background:#fff;border:0;border-radius:10px;flex:none;padding:11px 14px;font-size:10px;font-weight:900;box-shadow:0 4px 14px #2875701a}.grouped-grade-sheets{background:#eef6f5;gap:18px;padding:20px;display:grid}.teacher-grade-group{background:#fff;border:1px solid #d7e7e5;border-radius:17px;overflow:hidden;box-shadow:0 6px 18px #26676612}.teacher-grade-group-head{background:linear-gradient(110deg,#e5f6f3,#f3f9ff);border-bottom:1px solid #dfeae9;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.teacher-grade-group:nth-child(2n) .teacher-grade-group-head{background:linear-gradient(110deg,#eef0ff,#fff7e1)}.teacher-grade-group-head>div{align-items:center;gap:12px;display:flex}.group-order-badge{color:#fff;background:#338f89;border-radius:12px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-size:15px;font-weight:900;display:grid;box-shadow:0 4px 10px #2379742e}.teacher-grade-group:nth-child(2n) .group-order-badge{background:#526fd2}.teacher-grade-group-head small{color:#368d87;letter-spacing:1px;font:900 8px Arial,sans-serif;display:block}.teacher-grade-group-head h3{margin:2px 0 1px;font-size:17px}.teacher-grade-group-head p{color:#71838e;margin:0;font:10px Arial,sans-serif}.teacher-grade-group-head>b{color:#337b76;background:#fff;border-radius:9px;padding:7px 10px;font:900 10px Arial,sans-serif;box-shadow:0 3px 10px #316d6a14}.teacher-grade-empty{text-align:center;color:#74858e;margin:0;padding:25px;font:11px Arial,sans-serif}.teacher-grade-empty.standalone{background:#fff;border:1px dashed #bad6d1;border-radius:14px}.exam-table-wrap{overflow:auto}.exam-table{min-width:770px}.exam-row{background:#fff;border-bottom:1px solid #e4ebeb;grid-template-columns:60px minmax(220px,1.5fr) minmax(175px,1fr) 135px 125px;align-items:center;min-height:68px;display:grid}.exam-row:nth-child(odd):not(.exam-labels){background:#f9fcfc}.exam-row:last-child{border-bottom:0}.exam-row>*{min-width:0;padding:10px 14px}.exam-labels{color:#45666d;letter-spacing:.7px;text-transform:uppercase;min-height:43px;font:900 9px Arial,sans-serif;background:#dcefed!important}.exam-number{text-align:center;color:#84949c;font-size:12px}.exam-student{align-items:center;gap:11px;display:flex}.exam-student i{color:#2775a9;background:#e3efff;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;font:900 10px Arial,sans-serif;display:grid}.exam-student b{font-size:13px}.exam-row label{align-items:center;gap:6px;display:flex}.exam-row input{color:#173e52;background:#fff;border:2px solid #dfe7e8;border-radius:9px;outline:0;width:100%;min-width:0;padding:10px 11px;font:13px Arial,sans-serif}.exam-row input:focus{border-color:#49aaa4;box-shadow:0 0 0 3px #def4f1}.grade-cell input{text-align:center;font-size:17px;font-weight:900}.grade-cell small{color:#7d8b95;font-size:10px}.exam-status{border-radius:8px;width:max-content;margin-left:14px;font:800 9px Arial,sans-serif;padding:7px 9px!important;display:inline-block!important}.exam-status.pending{color:#77848d;background:#edf0f2}.exam-status.approved{color:#19784f;background:#dff6e8}.exam-status.support{color:#a35f1b;background:#fff0d8}.mobile-cell-label{display:none}.exam-save-row{background:#f5f9f9;justify-content:flex-end;align-items:center;gap:18px;padding:20px 27px;display:flex}.exam-save-row .grade-save-status{margin-right:auto}.exam-save-row .primary-button{min-width:145px}.grade-save-status.error{color:#ac453c;font-weight:800}@media (width<=700px){.exam-sheet-head{flex-direction:column;align-items:flex-start}.grouped-grade-sheets{padding:12px}.teacher-grade-group-head{align-items:flex-start}.teacher-grade-group-head>b{white-space:nowrap}.exam-table{min-width:0}.exam-labels{display:none}.exam-row{grid-template-columns:45px 1fr;gap:0;padding:13px 8px}.exam-row>*{padding:7px 9px}.exam-student{grid-column:2}.exam-row label{grid-column:2;grid-template-columns:115px 1fr;display:grid}.mobile-cell-label{color:#6f8089;text-transform:uppercase;font:800 9px Arial,sans-serif;display:block}.grade-cell small{display:none}.exam-status{grid-column:2;margin-left:124px}.exam-save-row{flex-direction:column;align-items:stretch}.exam-save-row .primary-button{width:100%}}.grade-scale{background:#fff;border-radius:15px;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 16px;padding:13px 16px;display:flex;box-shadow:0 5px 17px #24676314}.grade-scale>b{margin-right:3px;font-size:11px}.grade-scale>span{background:#edf1f3;border-radius:8px;place-items:center;min-width:34px;height:30px;padding:0 7px;font-size:11px;font-weight:900;display:grid}.grade-scale>span.excellent{background:#dff6e8}.grade-scale>span.good{background:#e4edff}.grade-scale>span.developing{background:#fff0c9}.grade-scale>span.support{background:#ffe3e5}.grade-scale>small{color:#71828c;margin-left:auto;font:10px Arial,sans-serif}.letter-exam-table{min-width:900px}.letter-exam-table .exam-row{grid-template-columns:52px 210px 145px repeat(3,125px) 105px}.letter-grade-cell select{color:#173e52;text-align:center;cursor:pointer;background:#fff;border:2px solid #dfe7e8;border-radius:9px;outline:0;width:100%;padding:10px 8px;font-size:14px;font-weight:900}.letter-grade-cell select:focus{border-color:#49aaa4;box-shadow:0 0 0 3px #def4f1}.letter-grade-cell select.excellent{color:#157852;background:#e4f8ed}.letter-grade-cell select.good{color:#3157d2;background:#e8efff}.letter-grade-cell select.developing{color:#9b7010;background:#fff3d5}.letter-grade-cell select.support{color:#aa3f4b;background:#ffe8e9}.letter-report-summary{grid-template-columns:2fr 1.15fr 1fr .9fr}.letter-report-summary .overall-score strong{font-size:31px!important}.overall-score .grade-description{color:#6d7891;margin-top:1px;font:800 9px/1.2 Arial,sans-serif;display:block}.family-grade-legend{color:#62737e;background:#f4f8f8;border-radius:11px;justify-content:space-between;gap:18px;margin:-3px 0 17px;padding:11px 13px;font:10px Arial,sans-serif;display:flex}.family-grade-legend b{color:#317f79}.letter-subject-grid article>div>small{color:#8a96a2;margin-top:4px;font:9px Arial,sans-serif;display:block}.letter-grade-pill{background:#edf1f3;border-radius:12px;place-items:center;min-width:92px;min-height:53px;padding:7px 10px;line-height:1;display:grid;font-size:20px!important}.letter-grade-pill>small{text-align:center;margin-top:4px;font:800 8px/1.1 Arial,sans-serif;display:block}.letter-grade-pill.excellent{background:#dff6e8}.letter-grade-pill.good{background:#e4edff}.letter-grade-pill.developing{background:#fff0c9}.letter-grade-pill.support{background:#ffe3e5}.grade-overview-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.grade-overview-grid .grade-toolbar{height:100%;margin:0}.grade-equivalence-card{background:#fff;border:1px solid #d7ebe7;border-radius:18px;padding:16px;box-shadow:0 6px 18px #24676314}.grade-equivalence-card>div{align-items:center;gap:10px;margin-bottom:11px;display:flex}.grade-equivalence-card>div>span{background:#e8f5f3;border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.grade-equivalence-card small{color:#328d87;letter-spacing:1px;font:900 8px Arial,sans-serif}.grade-equivalence-card h2{margin:2px 0 0;font-size:15px}.grade-equivalence-card ul{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.grade-equivalence-card li{color:#60727d;background:#f6f9f9;border-radius:9px;align-items:center;gap:7px;padding:7px 8px;font:9px Arial,sans-serif;display:flex}.grade-equivalence-card li>b{color:#173e52;border-radius:7px;place-items:center;min-width:29px;height:26px;font-size:10px;display:grid}.grade-equivalence-card li>b.excellent{color:#157852;background:#dff6e8}.grade-equivalence-card li>b.good{color:#3157d2;background:#e4edff}.grade-equivalence-card li>b.developing{color:#9b7010;background:#fff0c9}.grade-equivalence-card li>span{line-height:1.3}@media (width<=900px){.grade-overview-grid{grid-template-columns:1fr}.letter-report-summary{grid-template-columns:1.6fr 1fr 1fr}.letter-report-summary .overall-score{grid-column:1/-1}}@media (width<=700px){.grade-scale>small{width:100%;margin:4px 0 0}.letter-exam-table{min-width:0}.letter-exam-table .exam-row{grid-template-columns:45px 1fr}.letter-exam-table .exam-status{margin-left:124px}.letter-report-summary{grid-template-columns:1fr 1fr}.letter-report-summary .student-identity{grid-column:1/-1}.family-grade-legend{flex-direction:column;align-items:flex-start}.letter-subject-grid article{grid-template-columns:auto 1fr auto}}.admin-page{background:radial-gradient(circle at 92% 7%,#fff0ad 0 11%,#0000 11.5%),linear-gradient(#dff6f3,#f7fbf1);min-height:100vh}.admin-access{grid-template-columns:1fr 430px;align-items:center;gap:70px;min-height:620px;padding:55px 0 90px;display:grid}.admin-access-copy>span{color:#2d8d87;background:#fff;border-radius:21px;place-items:center;width:68px;height:68px;margin-bottom:17px;font-size:31px;display:grid;box-shadow:0 8px 24px #2777711f}.admin-access-copy small,.admin-header small,.admin-panel-title small{color:#2d8d87;letter-spacing:1.2px;font:900 9px Arial,sans-serif}.admin-access-copy h1{letter-spacing:-2px;max-width:620px;margin:8px 0 15px;font-size:clamp(38px,5vw,61px);line-height:1.02}.admin-access-copy p{color:#687b88;max-width:570px;margin:0;font:15px/1.65 Arial,sans-serif}.admin-shell{padding:42px 0 80px}.admin-header{color:#fff;background:linear-gradient(120deg,#338f89,#287ab4);border-radius:24px;justify-content:space-between;align-items:end;gap:25px;margin-bottom:20px;padding:27px 30px;display:flex;box-shadow:0 14px 35px #297f7e2e}.admin-header small{color:#dffff7}.admin-header h1{margin:5px 0;font-size:31px}.admin-header p{color:#dbeff1;margin:0;font:12px Arial,sans-serif}.admin-header>button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff73;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:900}.admin-columns{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.admin-panel{margin:0;padding:22px}.admin-panel-title{border-bottom:1px solid #e5eeee;align-items:center;gap:12px;padding-bottom:17px;display:flex}.admin-panel-title>span{background:#e3f4f1;border-radius:15px;place-items:center;width:47px;height:47px;font-size:24px;display:grid}.admin-panel-title h2{margin:3px 0 0;font-size:18px}.admin-list{gap:10px;margin-top:16px;display:grid}.admin-list article{background:#f6fafa;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.admin-list article>i{color:#2876ad;background:#dcecff;border-radius:12px;place-items:center;width:39px;height:39px;font:900 10px Arial,sans-serif;display:grid}.admin-list label span,.admin-list label small{display:block}.admin-list label span{color:#6d808a;text-transform:uppercase;margin-bottom:5px;font:800 9px Arial,sans-serif}.admin-list label small{color:#8a99a1;margin-top:4px;font:9px Arial,sans-serif}.admin-list input{color:#173e52;background:#fff;border:2px solid #dfe9e9;border-radius:9px;outline:0;width:100%;min-width:0;padding:9px 10px;font-size:12px;font-weight:800}.admin-list input:focus{border-color:#47a9a2;box-shadow:0 0 0 3px #def4f1}.admin-list button{color:#fff;cursor:pointer;background:#348f89;border:0;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900}.admin-list button:disabled{opacity:.7}.admin-alert{color:#9f3b45;background:#ffe8e8;border-radius:11px;margin:0 0 15px;padding:12px 14px;font:800 11px Arial,sans-serif}.admin-security-note{text-align:center;color:#71838d;margin:18px 0 0;font:10px Arial,sans-serif}@media (width<=900px){.admin-access{grid-template-columns:1fr;gap:32px;padding-top:35px}.admin-access-copy{text-align:center}.admin-access-copy>span,.admin-access-copy p{margin-inline:auto}.admin-access .family-code-card{width:min(480px,100%);margin-inline:auto}.admin-columns{grid-template-columns:1fr}}@media (width<=560px){.admin-header{flex-direction:column;align-items:flex-start;padding:23px}.admin-list article{grid-template-columns:auto 1fr}.admin-list button{grid-column:2;width:100%}.admin-access-copy h1{font-size:40px}}.admin-notice{color:#1b7952;background:#e1f7ea;border-radius:11px;margin:0 0 15px;padding:12px 14px;font:800 11px Arial,sans-serif}.admin-create-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.admin-create-card{margin:0;padding:22px}.admin-create-card>span{background:#e3f4f1;border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.admin-create-card h2{margin:12px 0 16px;font-size:18px}.admin-create-card>label,.admin-group-list label{color:#637883;text-transform:uppercase;margin-top:10px;font:800 9px Arial,sans-serif;display:block}.admin-create-card input,.admin-create-card select,.admin-group-list input,.admin-record-fields select{color:#173e52;background:#fff;border:2px solid #dfe9e9;border-radius:9px;outline:0;width:100%;margin-top:5px;padding:10px 11px;font:12px Arial,sans-serif}.admin-create-card input:focus,.admin-create-card select:focus,.admin-group-list input:focus,.admin-record-fields select:focus{border-color:#47a9a2;box-shadow:0 0 0 3px #def4f1}.admin-create-card>button{color:#fff;cursor:pointer;background:#348f89;border:0;border-radius:10px;width:100%;margin-top:15px;padding:11px;font-size:10px;font-weight:900}.admin-create-card>button:disabled{opacity:.65}.admin-code-field{grid-template-columns:1fr auto;gap:6px;display:grid}.admin-code-field button{color:#2776ad;cursor:pointer;background:#e3efff;border:0;border-radius:9px;margin-top:5px;padding:0 12px;font-weight:900}.admin-groups-panel{margin:0 0 18px;padding:22px}.admin-group-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.admin-group-list article{background:linear-gradient(145deg,#f0faf8,#f4f8ff);border-radius:15px;padding:16px}.admin-group-list article>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.admin-group-list p{color:#68808a;flex-wrap:wrap;gap:7px;margin:12px 0;font:10px Arial,sans-serif;display:flex}.admin-group-list p span{background:#fff;border-radius:8px;padding:6px 8px}.admin-group-list article>button{color:#fff;cursor:pointer;background:#337f9f;border:0;border-radius:9px;width:100%;padding:9px;font-size:9px;font-weight:900}.admin-list.detailed article{align-items:start}.admin-record-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-record-fields label span{display:block}.admin-record-fields select{margin-top:0}.admin-record-fields>small{grid-column:1/-1;color:#758791!important}.admin-record-fields>small b{color:#2877a9;letter-spacing:.4px}.admin-password-panel{background:linear-gradient(120deg,#edf8f6,#f2f6ff);grid-template-columns:minmax(260px,.8fr) 1.2fr;align-items:center;gap:24px;margin:0 0 18px;padding:22px;display:grid}.admin-password-panel>div{align-items:center;gap:13px;display:flex}.admin-password-panel>div>span{background:#fff;border-radius:15px;flex:0 0 49px;place-items:center;width:49px;height:49px;font-size:24px;display:grid}.admin-password-panel small{color:#2d8d87;letter-spacing:1px;font:900 8px Arial,sans-serif}.admin-password-panel h2{margin:3px 0;font-size:17px}.admin-password-panel p{color:#71838d;margin:0;font:10px/1.4 Arial,sans-serif}.admin-password-panel form{grid-template-columns:repeat(3,1fr) auto;align-items:end;gap:8px;display:grid}.admin-password-panel label{color:#637883;text-transform:uppercase;font:800 8px Arial,sans-serif}.admin-password-panel input{color:#173e52;background:#fff;border:2px solid #dce8e8;border-radius:9px;outline:0;width:100%;margin-top:5px;padding:10px;font-size:11px}.admin-password-panel input:focus{border-color:#47a9a2;box-shadow:0 0 0 3px #def4f1}.admin-password-panel button{color:#fff;cursor:pointer;background:#2f7da8;border:0;border-radius:9px;padding:11px 13px;font-size:9px;font-weight:900}.admin-password-panel button:disabled{opacity:.65}.admin-password-success{background:#e1f7ea;border-radius:10px;color:#1b7952!important;padding:10px!important;font:800 10px/1.4 Arial,sans-serif!important}.admin-group-picker{background:#f8fbfb;border:1px solid #dce9e8;border-radius:11px;min-width:0;margin:10px 0 0;padding:10px}.admin-group-picker legend{color:#637883;text-transform:uppercase;padding:0 5px;font:900 9px Arial,sans-serif}.admin-group-picker label{cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;padding:7px 6px;margin:0!important;display:flex!important}.admin-group-picker label:hover{background:#eaf6f4}.admin-group-picker input{accent-color:#348f89;height:16px;width:16px!important;box-shadow:none!important;margin:0!important;padding:0!important}.admin-group-picker label>span{color:#49656f!important;text-transform:none!important;margin:0!important;font:800 10px/1.35 Arial,sans-serif!important}.admin-record-fields>.admin-group-picker{grid-column:1/-1;margin:0}.teacher-code-editor .admin-code-field,.student-code-editor .admin-code-field{grid-template-columns:minmax(0,1fr) auto}.teacher-code-editor .admin-code-field button,.student-code-editor .admin-code-field button{margin:0}.student-code-editor{grid-column:1/-1}.admin-capacity-note{color:#70828a;margin:7px 0 0;font:800 9px Arial,sans-serif;display:block}.admin-group-list p span.capacity-full{color:#a3413b;background:#ffe7e4;font-weight:900}.student-group-accordions{gap:10px;margin-top:16px;display:grid}.student-group-section{background:#f8fbfb;border:1px solid #dce9e8;border-radius:14px;overflow:hidden}.student-group-section summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 14px;list-style:none;display:grid}.student-group-section summary::-webkit-details-marker{display:none}.student-group-section summary:hover{background:#eef8f6}.student-group-arrow{color:#277f79;background:#e1f2ef;border-radius:8px;place-items:center;width:27px;height:27px;font-size:22px;font-weight:900;transition:transform .2s;display:grid}.student-group-section[open] .student-group-arrow{transform:rotate(90deg)}.student-group-section summary span:nth-child(2) b,.student-group-section summary span:nth-child(2) small{display:block}.student-group-section summary span:nth-child(2) b{color:#244b58;font-size:12px}.student-group-section summary span:nth-child(2) small{color:#7b8c94;margin-top:3px;font:9px Arial,sans-serif}.student-group-section summary em{color:#197552;background:#e1f5e9;border-radius:8px;padding:6px 9px;font:900 10px Arial,sans-serif}.student-group-section summary em.full{color:#a23e39;background:#ffe4e1}.student-group-section>.admin-list{border-top:1px solid #e1eceb;margin:0;padding:0 10px 10px}.student-group-section>.admin-list article{background:#fff;margin-top:9px}.empty-student-group{text-align:center;color:#819098;margin:10px 0 0;padding:14px;font:10px Arial,sans-serif}.admin-students-panel{min-width:0}@media (width<=980px){.admin-create-grid{grid-template-columns:1fr}.admin-group-list{grid-template-columns:1fr 1fr}.admin-password-panel{grid-template-columns:1fr}.admin-password-panel form{grid-template-columns:1fr 1fr 1fr auto}}@media (width<=700px){.admin-password-panel form{grid-template-columns:1fr}.admin-password-panel button{width:100%}}@media (width<=620px){.admin-group-list,.admin-group-list article>div,.admin-record-fields{grid-template-columns:1fr}.admin-list.detailed article{grid-template-columns:auto 1fr}.admin-list.detailed article>button{grid-column:2}.admin-record-fields>small{grid-column:auto}}.games-filter>*{cursor:pointer}.games-filter button.active{color:#fff;background:#389d98;border-color:#389d98}.games-filter button:focus-visible{outline-offset:2px;outline:3px solid #ffd55f}.empty-game-filter{text-align:center;background:#ffffffa6;border:2px dashed #cfe1df;border-radius:22px;padding:48px 22px}.empty-game-filter>span{font-size:38px}.empty-game-filter h2{margin:10px 0 5px;font-size:18px}.empty-game-filter p{color:#72848d;margin:0;font:12px Arial,sans-serif}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.attendance-panel{margin-top:22px;padding:0;scroll-margin-top:22px;overflow:hidden}.attendance-heading{background:linear-gradient(115deg,#e7f7f4,#edf5ff);border-bottom:1px solid #dcebea;justify-content:space-between;align-items:center;gap:24px;padding:24px 27px;display:flex}.attendance-heading>div:first-child>span{color:#328d87;letter-spacing:1.2px;font:900 9px Arial,sans-serif}.attendance-heading h2{margin:5px 0 4px;font-size:22px}.attendance-heading p{color:#71838e;margin:0;font:11px/1.5 Arial,sans-serif}.attendance-live{color:#6a7c87;background:#fff;border-radius:13px;flex:none;padding:11px 14px;font:10px/1.55 Arial,sans-serif;box-shadow:0 5px 15px #2c706c14}.attendance-live i{background:#4ec786;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #dcf5e7}.attendance-live b{color:#25566a;font-size:11px}.attendance-layout{background:#f2f8f7;grid-template-columns:290px minmax(0,1fr);gap:18px;padding:20px;display:grid}.attendance-calendar{background:#fff;border:1px solid #d9e9e7;border-radius:18px;align-self:start;padding:17px;box-shadow:0 6px 18px #2a696612}.calendar-toolbar{grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:13px;display:grid}.calendar-toolbar b{text-align:center;font-size:13px}.calendar-toolbar button{color:#277f79;cursor:pointer;background:#e5f4f2;border:0;border-radius:10px;width:34px;height:34px;font-size:22px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekdays{margin-bottom:4px}.calendar-weekdays span{color:#87959e;text-align:center;padding:5px 0;font:900 8px Arial,sans-serif}.calendar-grid>span,.calendar-grid>button{aspect-ratio:1;color:#49636e;background:0 0;border:0;border-radius:9px;min-width:0;font:800 10px Arial,sans-serif}.calendar-grid>button{cursor:pointer}.calendar-grid>button:hover{background:#edf6f5}.calendar-grid>button.today{color:#277f79;box-shadow:inset 0 0 0 2px #65b9b1}.calendar-grid>button.selected{color:#fff;box-shadow:none;background:#348f89}.calendar-date-actions{border-top:1px solid #e3eded;gap:9px;margin-top:14px;padding-top:13px;display:grid}.calendar-date-actions>button{color:#2e75a5;cursor:pointer;background:#e7f3ff;border:0;border-radius:9px;padding:9px;font:900 9px Arial,sans-serif}.calendar-date-actions label{color:#6e808a;text-transform:uppercase;grid-template-columns:auto 1fr;align-items:center;gap:8px;font:800 8px Arial,sans-serif;display:grid}.calendar-date-actions input{color:#31515e;border:1px solid #d9e5e5;border-radius:8px;width:100%;min-width:0;padding:8px;font-size:10px}.attendance-register{background:#fff;border:1px solid #d9e9e7;border-radius:18px;min-width:0;overflow:hidden}.attendance-date-bar{background:#f8fbfb;border-bottom:1px solid #e1ebeb;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.attendance-date-bar small,.attendance-date-bar b{display:block}.attendance-date-bar small{color:#398f89;letter-spacing:1px;font:900 8px Arial,sans-serif}.attendance-date-bar b{margin-top:3px;font-size:13px}.attendance-date-bar>button{color:#19784f;cursor:pointer;background:#dff6e8;border:0;border-radius:9px;padding:9px 11px;font:900 9px Arial,sans-serif}.attendance-date-bar>button:disabled{opacity:.5}.attendance-summary{grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 16px;display:grid}.attendance-summary article{background:#f4f7f7;border-radius:11px;align-items:center;gap:8px;padding:9px;display:flex}.attendance-summary article>span{border-radius:9px;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.attendance-summary b,.attendance-summary small{display:block}.attendance-summary b{font-size:14px}.attendance-summary small{color:#768791;font:8px Arial,sans-serif}.attendance-summary .present>span{color:#19764e;background:#dcf5e6}.attendance-summary .late>span{color:#9b6d0b;background:#fff0c9}.attendance-summary .absent>span{color:#ad3e48;background:#ffe2e4}.attendance-summary .excused>span{color:#3560b5;background:#e3edff}.attendance-table{border-top:1px solid #e2ebeb}.attendance-row{border-bottom:1px solid #e7eeee;grid-template-columns:minmax(190px,1.4fr) minmax(120px,.8fr) minmax(145px,.8fr);align-items:center;min-height:61px;display:grid}.attendance-row:last-child{border-bottom:0}.attendance-row>*{min-width:0;padding:10px 15px}.attendance-labels{color:#55717a;letter-spacing:.7px;background:#e3f1ef;min-height:39px;font:900 8px Arial,sans-serif}.attendance-student{align-items:center;gap:10px;display:flex}.attendance-student i{color:#2f6db1;background:#e4efff;border-radius:11px;flex:0 0 35px;place-items:center;width:35px;height:35px;font:900 9px Arial,sans-serif;display:grid}.attendance-student b{font-size:12px}.attendance-row>span:nth-child(2){color:#6f808a;font:10px Arial,sans-serif}.attendance-row select{color:#31515e;cursor:pointer;background:#fff;border:2px solid #dce7e7;border-radius:9px;outline:0;width:100%;padding:9px 10px;font-size:10px;font-weight:800}.attendance-row select:focus{border-color:#4aa9a3;box-shadow:0 0 0 3px #def4f1}.attendance-save{background:#f6faf9;justify-content:flex-end;align-items:center;gap:16px;padding:15px 18px;display:flex}.attendance-save p{color:#71838d;margin:0 auto 0 0;font:800 10px Arial,sans-serif}.attendance-save p.saved{color:#19784f}.attendance-save p.error{color:#ad3e48}.attendance-save button{color:#fff;cursor:pointer;background:#348f89;border:0;border-radius:10px;padding:11px 15px;font:900 10px Arial,sans-serif}.attendance-save button:disabled{opacity:.55}@media (width<=950px){.attendance-layout{grid-template-columns:1fr}.attendance-calendar{justify-self:center;width:min(390px,100%)}.attendance-summary{grid-template-columns:1fr 1fr}}@media (width<=620px){.attendance-heading,.attendance-date-bar,.attendance-save{flex-direction:column;align-items:flex-start}.attendance-live{width:100%}.attendance-layout{padding:12px}.attendance-calendar{width:100%}.attendance-summary{grid-template-columns:1fr 1fr}.attendance-labels{display:none}.attendance-row{grid-template-columns:1fr;gap:0;padding:10px}.attendance-row>*{padding:6px}.attendance-row>span:nth-child(2){display:none}.attendance-save button{width:100%}}.attendance-history-note{color:#80651d;background:#fff7d9;border-top:1px solid #e4eded;border-bottom:1px solid #e4eded;margin:0;padding:10px 16px;font:800 9px/1.45 Arial,sans-serif}.attendance-history{background:#fff;border:1px solid #d8e9e7;border-radius:19px;margin:0 20px 20px;overflow:hidden;box-shadow:0 7px 20px #2b6c6812}.attendance-history-head{background:linear-gradient(115deg,#e5f6f2,#eef4ff);justify-content:space-between;align-items:center;gap:20px;padding:21px 23px;display:flex}.attendance-history-head>div>span{color:#328d87;letter-spacing:1.1px;font:900 8px Arial,sans-serif}.attendance-history-head h2{margin:4px 0;font-size:19px}.attendance-history-head p{color:#70828d;margin:0;font:10px Arial,sans-serif}.attendance-history-head label{color:#637983;text-transform:uppercase;align-items:center;gap:9px;font:900 8px Arial,sans-serif;display:flex}.attendance-history-head select{color:#294f5e;background:#fff;border:2px solid #d8e6e5;border-radius:10px;outline:0;min-width:210px;padding:10px 12px;font-size:10px;font-weight:800}.attendance-history-head select:focus{border-color:#4aa9a3;box-shadow:0 0 0 3px #dff4f1}.attendance-history-stats{border-bottom:1px solid #e3ecec;grid-template-columns:repeat(5,1fr);gap:8px;padding:13px 16px;display:grid}.attendance-history-stats article{background:#f4f7f7;border-radius:11px;align-items:center;gap:8px;padding:10px;display:flex}.attendance-history-stats article>span{background:#e5eef4;border-radius:9px;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.attendance-history-stats b,.attendance-history-stats small{display:block}.attendance-history-stats b{font-size:15px}.attendance-history-stats small{color:#758791;font:8px Arial,sans-serif}.attendance-history-stats .present>span{color:#19764e;background:#dcf5e6}.attendance-history-stats .late>span{color:#9b6d0b;background:#fff0c9}.attendance-history-stats .absent>span{color:#ad3e48;background:#ffe2e4}.attendance-history-stats .excused>span{color:#3560b5;background:#e3edff}.attendance-history-table{max-height:520px;overflow:auto}.attendance-history-row{border-bottom:1px solid #e6eeee;grid-template-columns:minmax(145px,.85fr) minmax(210px,1.4fr) minmax(130px,.7fr) 120px;align-items:center;min-height:60px;display:grid}.attendance-history-row:last-child{border-bottom:0}.attendance-history-row>*{min-width:0;padding:10px 15px}.attendance-history-labels{z-index:1;color:#547079;letter-spacing:.7px;background:#e2f0ee;min-height:38px;font:900 8px Arial,sans-serif;position:sticky;top:0}.attendance-history-row>span:first-child b{color:#355867;text-transform:capitalize;font-size:10px}.attendance-status-pill{border-radius:9px;padding:7px 9px;font:900 9px Arial,sans-serif;display:inline-block}.attendance-status-pill.present{color:#19764e;background:#dcf5e6}.attendance-status-pill.late{color:#9b6d0b;background:#fff0c9}.attendance-status-pill.absent{color:#ad3e48;background:#ffe2e4}.attendance-status-pill.excused{color:#3560b5;background:#e3edff}.attendance-history-row button{color:#2f6fb2;cursor:pointer;background:#e4f0ff;border:0;border-radius:9px;padding:8px 10px;font:900 8px Arial,sans-serif}.attendance-history-row button:hover{background:#d6e8ff}.student-data-message.error{color:#ad3e48}@media (width<=850px){.attendance-history-stats{grid-template-columns:repeat(2,1fr)}.attendance-history-stats article:first-child{grid-column:1/-1}.attendance-history-row{grid-template-columns:130px minmax(190px,1fr) 120px 105px}}@media (width<=620px){.attendance-history{margin:0 12px 12px}.attendance-history-head{flex-direction:column;align-items:flex-start}.attendance-history-head label,.attendance-history-head select{width:100%}.attendance-history-table{max-height:600px}.attendance-history-labels{display:none}.attendance-history-row{grid-template-columns:1fr auto;gap:2px;padding:11px}.attendance-history-row>*{padding:5px}.attendance-history-row>span:nth-child(2){grid-area:1/1/auto/-1}.attendance-history-row>span:first-child{grid-area:2/1}.attendance-history-row>span:nth-child(3){grid-area:2/2}.attendance-history-row>span:nth-child(4){grid-area:3/1/auto/-1}.attendance-history-row button{width:100%}}.secret-input{width:100%;min-width:0;position:relative}.secret-input>input{width:100%;padding-right:45px!important}.secret-input>.secret-visibility{z-index:2;cursor:pointer;place-items:center;width:34px;height:30px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%);color:#375f6b!important;box-shadow:none!important;background:#edf4f5!important;border:0!important;border-radius:8px!important;margin:0!important;padding:0!important}.secret-input>.secret-visibility:hover{background:#dfeceb!important}.secret-input>.secret-visibility:focus-visible{outline-offset:2px;outline:3px solid #ffd65b}.secret-input>.secret-visibility span{font-size:15px;line-height:1}.code-entry>.secret-input{min-width:0}
