/*! 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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.grow{flex-grow:1}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--navy:#072d79;--blue:#0c48b8;--sky:#eaf3ff;--red:#e21d35;--red-dark:#bb1027;--ink:#13213d;--muted:#6f7b91;--line:#e2e8f2;--cream:#f7f9fd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.welcome-page{background:linear-gradient(145deg,#fffffff5,#f1f6fff5),repeating-linear-gradient(135deg,#0000 0 42px,#0c48b80a 42px 44px);justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex;position:relative;overflow:hidden}.welcome-orb{filter:blur(1px);opacity:.9;border-radius:999px;position:absolute}.welcome-orb-blue{background:#0c48b817;width:430px;height:430px;top:-130px;left:-170px}.welcome-orb-red{background:#e21d3514;width:390px;height:390px;bottom:-170px;right:-130px}.welcome-card{text-align:center;z-index:1;background:#ffffffeb;border:1px solid #072d7917;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:610px;padding:38px 48px 32px;display:flex;position:relative;box-shadow:0 30px 80px #072d791f}.auth-card{max-width:560px}.auth-form{text-align:left;gap:9px;width:100%;max-width:380px;margin-top:26px;display:grid}.auth-form label{color:var(--navy);margin-top:4px;font-size:12px;font-weight:800}.auth-form input{color:var(--ink);font:inherit;background:#f8faff;border:1px solid #d7e0ef;border-radius:14px;outline:0;width:100%;padding:15px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-form input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #0c48b81a}.password-field{width:100%;position:relative}.password-field input{padding-right:52px}.password-toggle{color:var(--navy);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:18px;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-toggle:hover{background:#eaf1fc}.password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:1px;box-shadow:0 0 0 3px #0c48b82e}.auth-form .primary-button{border:0;max-width:none;margin-top:12px}.auth-form .primary-button:disabled{cursor:wait;opacity:.7;transform:none}.auth-link{color:var(--blue);background:0 0;border:0;margin-top:18px;font-size:13px;font-weight:800}.auth-link:hover{color:var(--red)}.auth-message{border-radius:12px;width:100%;max-width:380px;margin:14px 0 0;padding:11px 13px;font-size:12px;line-height:1.45}.auth-error{color:#95172a;background:#fff0f2;border:1px solid #f4c2ca}.auth-success{color:#176b48;background:#eef9f3;border:1px solid #bfe4ce}.auth-loading{color:var(--navy);flex-direction:column;align-items:center;gap:14px;font-size:13px;font-weight:800;display:flex}.auth-loading span{border:3px solid #d9e4f6;border-top-color:var(--red);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.brand-mark img{object-fit:contain;height:auto}.eyebrow{color:var(--red);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.welcome-copy h1{color:var(--navy);letter-spacing:-.05em;max-width:520px;margin:12px auto 18px;font-size:clamp(34px,6vw,54px);line-height:1.02}.welcome-copy p{color:var(--muted);max-width:470px;margin:0 auto;font-size:17px;line-height:1.65}.welcome-benefits{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:28px 0;padding:18px 0;display:grid}.welcome-benefits span{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.welcome-benefits b{color:var(--navy);font-size:17px}.primary-button{background:linear-gradient(135deg, var(--red), var(--red-dark));color:#fff;border-radius:16px;justify-content:space-between;align-items:center;width:100%;max-width:360px;padding:17px 20px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 28px #e21d353b}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #e21d354d}.security-note{color:#8b95a6;margin:14px 0 0;font-size:12px}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:28px 20px 22px;display:flex;position:sticky;top:0}.sidebar-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.sidebar-brand img{filter:drop-shadow(0 8px 14px #0000002e);object-fit:contain;height:auto}.sidebar-brand span{color:#bad5ff;letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800}.sidebar-nav{flex-direction:column;gap:8px;margin-top:30px;padding-right:4px;display:flex;overflow-y:auto}.nav-item{color:#bdcff1;border-radius:13px;align-items:center;gap:13px;padding:13px 15px;font-size:14px;font-weight:700;display:flex}.nav-item span{width:20px;font-size:20px}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1c}.sidebar-profile{border-top:1px solid #ffffff24;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:grid}.avatar{background:var(--red);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.sidebar-profile b,.sidebar-profile small{display:block}.sidebar-profile button{color:#fff;background:0 0;border:0;padding:6px;font-size:18px}.sidebar-profile b{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:13px;overflow:hidden}.sidebar-profile small{color:#9fb8e5;margin-top:3px;font-size:10px}.dashboard{width:100%;max-width:1120px;margin:0 auto;padding:38px 48px 64px}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-header h1{color:var(--navy);letter-spacing:-.04em;margin:7px 0 5px;font-size:clamp(30px,4vw,42px)}.dashboard-header p{color:var(--muted);margin:0}.sync-notice{color:#76571a;background:#fff7e5;border:1px solid #f1d592;border-radius:12px;margin:18px 0 -10px;padding:10px 13px;font-size:12px}.notification-button{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:50%;width:44px;height:44px;position:relative}.notification-button i{background:var(--red);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;right:4px}.daily-card{background:radial-gradient(circle at 90% 20%, #ffffff26, transparent 25%), linear-gradient(135deg, var(--navy), var(--blue));color:#fff;border-radius:26px;justify-content:space-between;align-items:center;margin-top:28px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #072d792e}.daily-card:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:200px;height:200px;position:absolute;top:-90px;right:-70px}.daily-copy{align-items:center;gap:20px;display:flex}.target-icon{color:var(--red);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:34px;display:flex}.daily-copy small,.daily-copy strong{display:block}.daily-copy small{color:#bbd3fb;text-transform:uppercase;font-size:12px;font-weight:700}.daily-copy strong{margin-top:4px;font-size:30px}.daily-copy p{color:#c6d9fa;margin:7px 0 0;font-size:13px}.daily-progress{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.progress-ring{background:conic-gradient(var(--red) var(--progress), #ffffff29 0);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.progress-ring:before{background:var(--navy);content:"";border-radius:50%;position:absolute;inset:6px}.progress-ring span{font-size:22px;font-weight:800;position:relative}.progress-ring small{color:#b9cef0;font-size:9px}.daily-progress button{background:var(--red);color:#fff;border:0;border-radius:14px;padding:14px 18px;font-size:13px;font-weight:800}.daily-progress button span{margin-left:12px}.streak-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 34px;display:grid}.streak-row article{border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:12px;padding:14px 16px;display:flex}.streak-row article>span{background:var(--cream);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.streak-row small,.streak-row b{display:block}.streak-row small{color:var(--muted);font-size:10px}.streak-row b{color:var(--navy);margin-top:3px;font-size:13px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.section-heading h2{color:var(--navy);letter-spacing:-.03em;margin:5px 0 0;font-size:23px}.section-heading a{color:var(--blue);font-size:12px;font-weight:800}.current-lesson{border:1px solid var(--line);background:#fff;border-radius:21px;grid-template-columns:76px 1fr 50px;align-items:center;gap:20px;padding:19px 22px;display:grid}.lesson-number{background:var(--sky);color:var(--blue);border-radius:18px;justify-content:center;align-items:center;height:66px;font-size:25px;font-weight:900;display:flex}.lesson-copy span{color:var(--red);text-transform:uppercase;font-size:10px;font-weight:800}.lesson-copy h3{color:var(--navy);margin:5px 0;font-size:18px}.lesson-copy em{color:var(--red);font-style:normal}.lesson-copy p{color:var(--muted);margin:0;font-size:12px}.mini-progress{background:#e8edf5;border-radius:99px;height:5px;margin-top:12px;overflow:hidden}.lesson-features{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.lesson-features span{color:var(--blue);text-transform:none;background:#f1f5fb;border:1px solid #dfe7f2;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:800}.mini-progress i{background:var(--red);width:5%;height:100%;display:block}.current-lesson button{background:var(--red);color:#fff;border:0;border-radius:50%;width:46px;height:46px}.modules-section,.vocabulary-section,.memory-section,.calendar-section,.homophones-section,.levels-section,.monthly-plan-section{margin-top:34px}.plan-progress-label{color:var(--blue);background:#eaf2ff;border:1px solid #d5e3f7;border-radius:99px;padding:8px 11px;font-size:10px;font-weight:800}.monthly-plan-intro{color:var(--muted);margin:-5px 0 16px;font-size:12px}.monthly-plan-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.teacher-preview-banner{background:#eef9f3;border:1px solid #bfe4ce;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;display:grid}.teacher-preview-banner>span{background:#d8f1e2;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.teacher-preview-banner b{color:#176b48;font-size:13px;display:block}.teacher-preview-banner p{color:#4f7b68;margin:3px 0 0;font-size:11px}.teacher-preview-banner a{color:#fff;background:#23845d;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:900}.plan-day{border:1px solid var(--line);text-align:left;background:#fff;border-radius:15px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;width:100%;min-height:70px;padding:10px;display:grid}.plan-day:disabled{cursor:not-allowed;opacity:.72}.plan-day:not(:disabled):hover{border-color:#9cb9e8;transform:translateY(-1px);box-shadow:0 7px 18px #072d791a}.plan-day.teacher-unlocked{background:#f8fbff;border-color:#c9daf4}.plan-day.teacher-unlocked>span{color:var(--blue);background:#dce9fb}.plan-day.teacher-unlocked b,.plan-day.teacher-unlocked>i{color:var(--navy)}.plan-day>span{color:#8490a3;background:#eef2f7;border-radius:10px;justify-content:center;align-items:center;height:32px;font-size:11px;font-weight:900;display:flex}.plan-day small,.plan-day b{display:block}.plan-day small{color:var(--muted);text-transform:uppercase;font-size:7px;font-weight:900}.plan-day b{color:#718096;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:9px;line-height:1.25;display:-webkit-box;overflow:hidden}.plan-day>i{color:#9ca6b5;font-size:8px;font-style:normal;font-weight:900}.plan-day.completed{background:#f0f8f5;border-color:#c7e5d7}.plan-day.completed>span{color:#fff;background:#239968}.plan-day.completed b{color:#31745b}.plan-day.current{background:radial-gradient(circle at 100% 0, #fff3, transparent 32%), linear-gradient(135deg, var(--navy), var(--blue));border-color:var(--blue);transform:translateY(-2px);box-shadow:0 12px 25px #072d7933}.plan-day.current>span{background:var(--red);color:#fff}.plan-day.current small{color:#b9d1f6}.plan-day.current b,.plan-day.current>i{color:#fff}.optional-badge{color:var(--blue);background:#edf3fd;border:1px solid #d5e1f4;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:800}.vocabulary-intro{color:var(--muted);margin:-5px 0 16px;font-size:12px}.vocabulary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.vocabulary-card{text-align:left;border:1px solid #0000;border-radius:20px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:118px;padding:16px;transition:transform .2s,box-shadow .2s;display:grid}.vocabulary-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px #072d791a}.vocab-blue{color:var(--navy);background:#e8f0ff}.vocab-red{color:#a01427;background:#fff0f2}.vocab-sky{color:#075c88;background:#e9f8ff}.vocab-gold{color:#8a6413;background:#fff7df}.vocabulary-icon{background:#ffffffbf;border-radius:14px;justify-content:center;align-items:center;height:44px;font-size:24px;display:flex}.vocabulary-card small,.vocabulary-card b,.vocabulary-card em{display:block}.vocabulary-card small{opacity:.62;text-transform:uppercase;font-size:8px;font-weight:900}.vocabulary-card b{margin:4px 0 2px;font-size:15px}.vocabulary-card em{opacity:.7;font-size:9px;font-style:normal}.vocabulary-card>i{background:#ffffffc7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-style:normal;display:flex}.homophones-intro,.levels-intro{color:var(--muted);margin:-5px 0 16px;font-size:12px;line-height:1.55}.homophones-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.homophone-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;overflow:hidden;box-shadow:0 8px 24px #072d790d}.homophone-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:11px;display:flex}.homophone-card>header>span{color:var(--red);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.homophone-card>header>button{background:var(--sky);color:var(--blue);border:0;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900}.homophone-words{grid-template-columns:1fr 1fr;gap:10px;display:grid}.homophone-words>div{background:var(--cream);border:1px solid #e8edf5;border-radius:14px;min-width:0;padding:12px}.homophone-word{color:var(--navy);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:18px;font-weight:900;display:flex}.homophone-word span{font-size:12px}.homophone-words b{color:var(--red);margin-top:5px;font-size:9px;display:block}.homophone-words p{color:var(--muted);min-height:43px;margin:9px 0;font-size:10px;line-height:1.45}.repeat-example{color:var(--blue);background:#fff;border:1px solid #dbe5f3;border-radius:9px;width:100%;padding:8px;font-size:8px;font-weight:900}.levels-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.level-card{border:1px solid var(--line);background:#fff;border-radius:21px;min-height:210px;padding:22px;position:relative;overflow:hidden}.level-card.active{background:radial-gradient(circle at 100% 0, #ffffff2e, transparent 28%), linear-gradient(135deg, var(--navy), var(--blue));border-color:var(--blue);color:#fff}.level-card.next{background:#fff7f8;border-color:#f3cbd1}.level-card.future{background:#f2f5f9}.level-number{color:currentColor;opacity:.08;font-size:54px;font-weight:900;position:absolute;top:8px;right:16px}.level-card small{color:var(--red);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.level-card.active small{color:#bfd5fb}.level-card h3{color:var(--navy);margin:22px 0 8px;font-size:24px}.level-card.active h3{color:#fff}.level-card p{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.55}.level-card.active p{color:#d5e3fa}.level-card>b{color:var(--blue);font-size:9px;position:absolute;bottom:20px}.level-card.active>b{color:#fff}.memory-card{background:radial-gradient(circle at 86% 16%,#ffffff42,#0000 24%),linear-gradient(135deg,#eaf3ff,#fff1f3);border:1px solid #d9e5f8;border-radius:24px;grid-template-columns:82px 1fr auto;align-items:center;gap:22px;padding:24px 26px;display:grid;position:relative;overflow:hidden}.memory-visual{background:#fff;border:1px solid #0c48b81a;border-radius:22px;justify-content:center;align-items:center;height:76px;font-size:40px;display:flex;box-shadow:0 12px 28px #072d791a}.memory-copy h2{color:var(--navy);letter-spacing:-.03em;margin:6px 0;font-size:22px}.memory-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.memory-tags{gap:8px;margin-top:12px;display:flex}.memory-tags span{color:var(--blue);background:#ffffffbf;border:1px solid #0c48b81a;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800}.memory-card>button{background:var(--navy);color:#fff;white-space:nowrap;border:0;border-radius:14px;padding:14px 17px;font-size:12px;font-weight:800}.memory-card>button span{margin-left:10px}.calendar-month{color:var(--blue);text-transform:capitalize;font-size:12px}.calendar-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:22px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-weekdays{margin-bottom:9px}.calendar-weekdays span{color:var(--muted);text-align:center;text-transform:uppercase;font-size:9px;font-weight:800}.calendar-day,.calendar-empty{aspect-ratio:1.35;border-radius:12px;min-height:38px}.calendar-day{color:#7a8496;background:#f4f6fa;border:1px solid #0000;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:relative}.calendar-day.completed{background:linear-gradient(135deg, var(--blue), var(--navy));color:#fff;box-shadow:0 7px 15px #0c48b82e}.calendar-day.completed i{background:#24a66c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:7px;display:flex;position:absolute;bottom:-4px;right:-3px}.calendar-day.today{color:#9a6810;background:#fff4d8;border-color:#f1bd3f}.calendar-day.missed{color:#c57883;background:#fff0f2}.calendar-day.future{color:#aab2c0;background:#f5f7fa}.calendar-legend{border-top:1px solid var(--line);flex-wrap:wrap;gap:18px;margin-top:18px;padding-top:15px;display:flex}.calendar-legend span{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.calendar-legend i{border-radius:4px;width:10px;height:10px}.legend-completed{background:var(--blue)}.legend-today{background:#f1bd3f}.legend-missed{background:#f4cbd1}.module-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.module-card{border-radius:20px;grid-template-columns:auto 1fr auto;align-items:flex-end;gap:13px;min-height:150px;padding:18px;display:grid;position:relative;overflow:hidden}.module-card.blue{color:var(--navy);background:#e6efff}.module-card.red{color:#9e1224;background:#ffe9ed}.module-card.sky{color:#075c88;background:#e6f7ff}.module-index{opacity:.12;font-size:38px;font-weight:900;position:absolute;top:10px;right:16px}.module-card small{text-transform:uppercase;font-size:9px;font-weight:800}.module-card h3{margin:6px 0 4px;font-size:17px}.module-card p{opacity:.72;margin:0;font-size:11px}.module-arrow{background:#ffffffbf;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.mobile-nav{display:none}.lesson-overlay{z-index:50;background:#041538b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lesson-panel{background:#fff;border-radius:28px;width:100%;max-width:760px;max-height:calc(100vh - 48px);padding:28px;overflow:auto;box-shadow:0 30px 90px #00000047}.lesson-header{justify-content:space-between;align-items:flex-start;display:flex}.lesson-header span{color:var(--red);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.lesson-header h2{color:var(--navy);letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(22px,4vw,30px)}.lesson-header em{color:var(--red);font-style:normal}.lesson-header>button{background:var(--cream);color:var(--navy);border:0;border-radius:50%;width:40px;height:40px;font-size:25px}.lesson-stepper{grid-template-columns:repeat(7,1fr);gap:8px;margin:23px 0;display:grid}.lesson-stepper i{background:#e3e8f0;border-radius:99px;height:6px}.lesson-stepper i.done{background:linear-gradient(90deg, var(--red), #ff5b70)}.lesson-stage{background:radial-gradient(circle at 100% 0, #0c48b812, transparent 28%), var(--cream);border:1px solid var(--line);border-radius:22px;justify-content:center;align-items:center;min-height:360px;padding:32px;display:flex}.lesson-stage>div{text-align:center;width:100%;max-width:610px}.stage-kicker{color:var(--red);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.lesson-stage h3,.completion-stage h3{color:var(--navy);max-width:560px;margin:9px auto 24px;font-size:clamp(22px,4vw,30px);line-height:1.18}.sentence-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.sentence-pair>div{border:1px solid var(--line);background:#fff;border-radius:17px;padding:17px}.sentence-pair>div.question{border-color:#f5b7c0;box-shadow:0 10px 25px #e21d3514}.sentence-pair small{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.sentence-pair p{color:var(--navy);margin:0;font-size:19px}.sentence-pair b{color:var(--red)}.tip{color:var(--muted);margin:20px 0 0;font-size:12px}.phrase-list,.answer-list{gap:10px;display:grid}.phrase-list button,.answer-list button{border:1px solid var(--line);color:var(--navy);text-align:left;background:#fff;border-radius:14px;padding:15px 17px;font-size:15px;font-weight:700;transition:border .2s,transform .2s,background .2s}.phrase-list button:hover,.answer-list button:hover{border-color:#9dbceb;transform:translateY(-1px)}.phrase-list button span{margin-right:12px}.answer-list button.selected{border-color:var(--blue);background:#eef4ff}.listening-button{background:linear-gradient(135deg, var(--blue), var(--navy));color:#fff;border:0;border-radius:99px;justify-content:center;align-items:center;gap:9px;margin-bottom:22px;padding:13px 19px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #072d792e}.listening-button span{font-size:18px}.dictation-field{text-align:left;max-width:520px;margin:0 auto;display:block}.dictation-field>span{color:var(--muted);text-transform:uppercase;margin:0 0 7px 4px;font-size:10px;font-weight:800;display:block}.dictation-field input{color:var(--navy);background:#fff;border:2px solid #dce4ef;border-radius:15px;outline:none;width:100%;padding:16px 18px;font-size:17px;transition:border-color .2s,box-shadow .2s}.dictation-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0c48b817}.dictation-field input::placeholder{color:#a6afbd}.sentence-builder{background:#fff;border:2px dashed #c8d5e8;border-radius:16px;flex-wrap:wrap;place-content:center;gap:8px;min-height:88px;margin:0 auto 18px;padding:14px;display:flex}.sentence-builder>span{color:#9aa5b5;align-self:center;font-size:12px}.sentence-builder button,.word-bank button{border-radius:10px;padding:10px 13px;font-size:13px;font-weight:800}.sentence-builder button{color:var(--navy);background:#e9f1ff;border:1px solid #9fbee9}.word-bank{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;margin:0 auto;display:flex}.word-bank button{border:1px solid var(--line);color:var(--blue);background:#fff;transition:transform .15s,border-color .15s;box-shadow:0 4px 10px #072d790f}.word-bank button:hover{border-color:var(--blue);transform:translateY(-2px)}.audio-orb{background:linear-gradient(135deg, var(--blue), var(--navy));color:#fff;border:7px solid #fff;border-radius:50%;width:94px;height:94px;font-size:24px;box-shadow:0 15px 35px #072d7940}.repeat-phrase{color:var(--navy);margin:24px 0 8px;font-size:22px;font-weight:800}.pronunciation{color:var(--muted);font-size:12px}.pronunciation b{color:var(--red)}.answer-feedback{color:#a04b55;margin:13px 0 0;font-size:12px}.answer-feedback.correct{color:#197148}.lesson-footer{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.secondary-lesson-button,.next-lesson-button{border-radius:13px;padding:14px 20px;font-size:13px;font-weight:800}.secondary-lesson-button{border:1px solid var(--line);color:var(--muted);background:#fff}.next-lesson-button{background:var(--red);color:#fff;border:0;min-width:165px}.next-lesson-button span{margin-left:18px}.next-lesson-button:disabled{cursor:not-allowed;opacity:.4}.completion-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:30px;display:flex}.completion-badge{color:#fff;background:linear-gradient(135deg,#21a66c,#13804f);border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:24px;font-size:34px;display:flex;box-shadow:0 15px 30px #13804f38}.completion-stage p{color:var(--muted);margin:-10px 0 24px}.completion-stage p b{color:var(--red)}.completion-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:470px;margin-bottom:28px;display:grid}.completion-stats span{background:var(--cream);border:1px solid var(--line);color:var(--muted);border-radius:13px;flex-direction:column;gap:4px;padding:13px;font-size:10px;display:flex}.completion-stats b{color:var(--navy);font-size:18px}.memory-progress{background:#e5eaf2;border-radius:99px;height:7px;margin:22px 0;overflow:hidden}.memory-progress i{background:linear-gradient(90deg, var(--red), #ff6679);height:100%;transition:width .35s;display:block}.flashcard{background:radial-gradient(circle at 90% 10%, #0c48b817, transparent 28%), var(--cream);border:1px solid var(--line);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:34px;display:flex;position:relative}.flashcard>small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.flashcard h3{color:var(--navy);letter-spacing:-.04em;margin:25px 0;font-size:clamp(34px,7vw,56px)}.flashcard-audio{border:1px solid var(--line);background:#fff;border-radius:50%;width:46px;height:46px;position:absolute;top:20px;right:22px}.reveal-button{background:var(--navy);color:#fff;border:0;border-radius:13px;padding:13px 19px;font-size:12px;font-weight:800}.flashcard-answer{animation:.3s both answer-in}.flashcard-answer b{color:var(--red);font-size:22px;display:block}.flashcard-answer p{color:var(--navy);margin:12px 0;font-size:15px}.flashcard-answer button{color:var(--blue);background:#fff;border:1px solid #b8cae7;border-radius:99px;padding:10px 14px;font-size:11px;font-weight:800}.memory-rating{text-align:center;margin-top:18px}.memory-rating>span{color:var(--muted);margin-bottom:10px;font-size:11px;display:block}.memory-rating>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.memory-rating button{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:13px;padding:13px 8px;font-size:12px;font-weight:800}.memory-rating button.remembered{color:#197148;background:#e9f8f1;border-color:#98d7b8}.vocabulary-panel-intro{color:var(--muted);margin:16px 0 18px;font-size:12px;line-height:1.5}.vocabulary-list{gap:10px;display:grid}.vocabulary-word{background:var(--cream);border:1px solid var(--line);border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:13px 15px;display:grid}.vocabulary-word>button:first-child{background:#fff;border:1px solid #d7e1f0;border-radius:50%;width:42px;height:42px}.vocabulary-word h3{color:var(--navy);margin:0;font-size:17px}.vocabulary-word b{color:var(--red);margin:2px 0 5px;font-size:11px;display:block}.vocabulary-word p{color:var(--muted);margin:0;font-size:11px}.example-audio{color:var(--blue);background:#fff;border:1px solid #b9cce8;border-radius:99px;padding:9px 11px;font-size:10px;font-weight:800}.celebration-overlay{z-index:80;background:#041538d4;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.celebration-card{text-align:center;z-index:2;background:#fff;border-radius:30px;width:100%;max-width:520px;padding:42px 36px 34px;animation:.5s cubic-bezier(.2,.85,.2,1.2) both celebration-in;position:relative;box-shadow:0 30px 100px #0000005c}.celebration-emoji{margin-bottom:18px;font-size:68px;animation:1s ease-in-out infinite alternate emoji-bounce;display:block}.celebration-card h2{color:var(--navy);letter-spacing:-.04em;margin:8px 0 10px;font-size:34px}.celebration-card p{color:var(--muted);max-width:420px;margin:0 auto 22px;line-height:1.55}.celebration-card>div{background:var(--cream);border:1px solid var(--line);border-radius:16px;justify-content:space-between;margin-bottom:22px;padding:14px 17px;display:flex}.celebration-card>div b{color:var(--red)}.celebration-card>div span{color:#197148;font-size:12px;font-weight:800}.celebration-card>button{background:linear-gradient(135deg, var(--red), var(--red-dark));color:#fff;border:0;border-radius:14px;width:100%;padding:15px 22px;font-weight:800}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{background:var(--red);width:8px;height:14px;animation:2.8s linear infinite confetti-fall;position:absolute;top:-30px;left:5%;transform:rotate(15deg)}.confetti i:nth-child(3n){background:#ffd447}.confetti i:nth-child(3n+1){background:#2b75df}.confetti i:nth-child(2n){border-radius:50%}.confetti i:nth-child(2){animation-delay:.5s;left:12%}.confetti i:nth-child(3){animation-delay:1.1s;left:18%}.confetti i:nth-child(4){animation-delay:.2s;left:25%}.confetti i:nth-child(5){animation-delay:1.7s;left:31%}.confetti i:nth-child(6){animation-delay:.8s;left:38%}.confetti i:nth-child(7){animation-delay:1.4s;left:44%}.confetti i:nth-child(8){animation-delay:.3s;left:51%}.confetti i:nth-child(9){animation-delay:1.9s;left:57%}.confetti i:nth-child(10){animation-delay:.6s;left:64%}.confetti i:nth-child(11){animation-delay:1.25s;left:70%}.confetti i:nth-child(12){animation-delay:.1s;left:76%}.confetti i:nth-child(13){animation-delay:1.6s;left:82%}.confetti i:nth-child(14){animation-delay:.75s;left:88%}.confetti i:nth-child(15){animation-delay:1.35s;left:94%}.confetti i:nth-child(16){animation-delay:2s;left:22%}.confetti i:nth-child(17){animation-delay:2.2s;left:48%}.confetti i:nth-child(18){animation-delay:2.4s;left:73%}@keyframes answer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes celebration-in{0%{opacity:0;transform:scale(.78)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes emoji-bounce{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-8px)rotate(3deg)}}.learning-boost-section,.insights-grid{margin-top:34px}.learning-boost-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.phrase-day-card,.weekly-challenge-card{border-radius:22px;min-height:178px;padding:22px}.phrase-day-card{background:radial-gradient(circle at 90% 0,#ffffff73,#0000 28%),linear-gradient(135deg,#e8f1ff,#f4f8ff);border:1px solid #cdddf6;grid-template-columns:58px 1fr;align-items:center;gap:16px;display:grid}.boost-icon{background:#fff;border-radius:17px;justify-content:center;align-items:center;height:58px;font-size:28px;display:flex;box-shadow:0 10px 24px #072d791a}.phrase-day-card small,.weekly-challenge-card small{color:var(--red);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.phrase-day-card h3,.weekly-challenge-card h3{color:var(--navy);margin:6px 0 4px;font-size:18px;line-height:1.25}.phrase-day-card p,.weekly-challenge-card p{color:var(--muted);margin:0;font-size:11px}.phrase-day-card>button{color:var(--blue);background:#fff;border:1px solid #bfd1ed;border-radius:11px;grid-column:1/-1;width:100%;padding:11px;font-size:10px;font-weight:900}.weekly-challenge-card{background:radial-gradient(circle at 100% 0, #ffffff26, transparent 32%), linear-gradient(135deg, #b5122a, var(--red));color:#fff;box-shadow:0 14px 30px #e21d3529}.challenge-copy{align-items:center;gap:15px;display:flex}.challenge-medal{background:#ffffff29;border:1px solid #fff3;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;display:flex}.weekly-challenge-card small,.weekly-challenge-card h3,.weekly-challenge-card p{color:#fff}.weekly-challenge-card small,.weekly-challenge-card p{opacity:.8}.weekly-challenge-card>button{color:var(--red);background:#fff;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:12px 14px;font-size:10px;font-weight:900;display:flex}.insights-grid{grid-template-columns:1.08fr .92fr;gap:14px;display:grid}.error-notebook-card,.progress-report-card{border:1px solid var(--line);background:#fff;border-radius:23px;padding:22px}.error-notebook-card>header,.progress-report-card>header{justify-content:space-between;align-items:flex-start;display:flex}.error-notebook-card h2,.progress-report-card h2{color:var(--navy);letter-spacing:-.03em;margin:5px 0 0;font-size:22px}.error-count{color:var(--red);background:#fff0f2;border:1px solid #f3cbd1;border-radius:99px;padding:7px 9px;font-size:9px;font-weight:900}.insight-intro{color:var(--muted);margin:12px 0 13px;font-size:11px;line-height:1.5}.demo-data-label{color:#80611c;text-transform:uppercase;background:#fff7df;border-radius:7px;margin-bottom:10px;padding:5px 7px;font-size:8px;font-weight:900;display:inline-block}.error-list{gap:8px;display:grid}.error-row{background:#fbfcfe;border:1px solid #e6ebf3;border-radius:15px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.error-audio{background:var(--sky);border:0;border-radius:10px;width:36px;height:36px}.error-row small,.error-row b,.error-row p{display:block}.error-row small{color:var(--red);text-transform:uppercase;font-size:7px;font-weight:900}.error-row b{color:var(--navy);margin-top:3px;font-size:10px}.error-row p{color:var(--muted);margin:5px 0 0;font-size:9px}.error-row p span{color:#23845d;font-weight:900}.learned-button{color:#23845d;white-space:nowrap;background:#ecf8f1;border:1px solid #bfe4ce;border-radius:9px;padding:8px;font-size:8px;font-weight:900}.empty-errors{background:#eef9f3;border:1px solid #cce9d8;border-radius:15px;align-items:center;gap:12px;padding:16px;display:flex}.empty-errors>span{font-size:24px}.empty-errors b{color:#176b48;font-size:12px}.empty-errors p{color:#4f7b68;margin:3px 0 0;font-size:10px}.report-badge{color:#23845d;font-size:8px;font-weight:900}.report-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0;display:grid}.report-stats>div{background:var(--cream);border:1px solid #e8edf5;border-radius:12px;padding:11px}.report-stats small,.report-stats b{display:block}.report-stats small{color:var(--muted);font-size:8px}.report-stats b{color:var(--navy);margin-top:4px;font-size:17px}.week-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;height:105px;display:grid}.week-chart>div{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-track{background:#eef1f6;border-radius:8px;align-items:flex-end;width:100%;height:74px;display:flex;overflow:hidden}.bar-track i{background:#b8c5d9;width:100%;display:block}.bar-track i.complete{background:linear-gradient(180deg, var(--blue), var(--navy))}.week-chart small{color:var(--muted);text-transform:capitalize;margin-top:5px;font-size:8px}.report-message{background:#edf3fd;border-radius:12px;align-items:center;gap:9px;margin-top:14px;padding:10px;display:flex}.report-message p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.report-message b{color:var(--blue)}.challenge-progress{align-items:center;gap:14px;margin:22px 0;display:flex}.challenge-progress>span{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:800}.challenge-progress>div{background:#e6ebf2;border-radius:99px;width:100%;height:7px;overflow:hidden}.challenge-progress i{background:linear-gradient(90deg, var(--red), #ff6175);height:100%;transition:width .3s;display:block}.challenge-stage{background:var(--cream);border:1px solid var(--line);text-align:center;border-radius:20px;padding:28px}.challenge-trophy{font-size:42px}.challenge-stage h3{color:var(--navy);margin:12px auto 20px;font-size:23px}.challenge-result{padding-top:50px}.teacher-contact{z-index:35;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.teacher-contact-card{background:#fff;border:1px solid #072d791f;border-radius:22px;width:calc(100vw - 36px);max-width:310px;padding:20px;position:relative;box-shadow:0 22px 55px #072d7938}.teacher-contact-close{color:var(--navy);background:#eef3fb;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.teacher-contact-logo{background:linear-gradient(145deg,#edf4ff,#fff1f3);border-radius:16px;justify-content:center;align-items:center;height:78px;margin-bottom:14px;display:flex;overflow:hidden}.teacher-contact-logo img{object-fit:contain;height:auto}.teacher-contact-card>span{color:var(--red);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.teacher-contact-card h2{color:var(--navy);letter-spacing:-.03em;margin:6px 0 8px;font-size:20px}.teacher-contact-card p{color:var(--muted);margin:0 0 15px;font-size:12px;line-height:1.55}.teacher-contact-card>a{color:#fff;background:#25d366;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:13px 16px;font-size:12px;font-weight:900;display:flex;box-shadow:0 10px 22px #25d36638}.teacher-contact-card>a b{font-size:17px}.teacher-contact-trigger{background:linear-gradient(135deg, var(--navy), var(--blue));color:#fff;border:3px solid #fff;border-radius:999px;align-items:center;gap:10px;padding:6px 15px 6px 6px;display:flex;box-shadow:0 14px 34px #072d7945}.teacher-contact-avatar{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.teacher-contact-avatar img{object-fit:contain;width:48px;height:auto}.teacher-contact-label{text-align:left;display:block}.teacher-contact-label small,.teacher-contact-label b{display:block}.teacher-contact-label small{color:#bfd3f6;text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:800}.teacher-contact-label b{font-size:11px}.real-life-section,.pronunciation-section,.passport-section,.teacher-area-section,.certificate-section{margin-top:34px}.real-life-intro{color:var(--muted);max-width:760px;margin:-5px 0 16px;font-size:12px;line-height:1.55}.real-life-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.real-life-card{text-align:left;border:1px solid #0000;border-radius:19px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:106px;padding:14px;transition:box-shadow .2s,transform .2s;display:grid}.real-life-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px #072d791c}.real-life-card.life-blue{color:var(--navy);background:#e8f1ff}.real-life-card.life-red{color:#9f1729;background:#fff0f2}.real-life-card.life-gold{color:#7e5a0d;background:#fff7df}.real-life-card.life-sky{color:#075c88;background:#e9f8ff}.real-life-card.stamped{border-color:#83c9a7;box-shadow:inset 0 0 0 1px #23845d14}.real-life-icon{background:#ffffffd1;border-radius:13px;justify-content:center;align-items:center;height:42px;font-size:22px;display:flex}.real-life-card small,.real-life-card b,.real-life-card em{display:block}.real-life-card small{opacity:.65;text-transform:uppercase;font-size:7px;font-weight:900}.real-life-card b{margin:4px 0 2px;font-size:14px}.real-life-card em{opacity:.75;font-size:9px;font-style:normal}.real-life-card>i{background:#ffffffc7;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-style:normal;display:flex}.pronunciation-lab{background:radial-gradient(circle at 0 100%, #e21d3529, transparent 28%), linear-gradient(135deg, var(--navy), #0b429e);color:#fff;border-radius:25px;grid-template-columns:.8fr 1.2fr;align-items:stretch;gap:28px;padding:28px;display:grid;overflow:hidden;box-shadow:0 18px 38px #072d792b}.pronunciation-lab-copy{align-self:center}.pronunciation-lab-copy .eyebrow{color:#ff94a3}.pronunciation-lab-copy h2{color:#fff;letter-spacing:-.04em;margin:7px 0 10px;font-size:27px}.pronunciation-lab-copy p{color:#c7d8f4;margin:0;font-size:12px;line-height:1.6}.pronunciation-selector{gap:7px;margin-top:20px;display:flex}.pronunciation-selector button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;width:30px;height:30px;font-size:10px;font-weight:900}.pronunciation-selector button.active{background:var(--red);border-color:var(--red)}.pronunciation-console{color:var(--ink);background:#fff;border-radius:20px;padding:23px}.pronunciation-console>small{color:var(--red);letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:900}.pronunciation-console h3{color:var(--navy);margin:8px 0 18px;font-size:22px;line-height:1.3}.pronunciation-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.pronunciation-actions button{border-radius:12px;padding:12px;font-size:10px;font-weight:900}.listen-model-button{background:var(--sky);color:var(--blue);border:1px solid #bad0ef}.record-button{color:var(--red);background:#fff0f2;border:1px solid #f1bac3}.record-button.recording{background:var(--red);color:#fff;animation:1.2s ease-in-out infinite record-pulse}.voice-comparison{background:var(--cream);border:1px solid var(--line);border-radius:13px;gap:7px;margin-top:12px;padding:11px;display:grid}.voice-comparison span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:900}.voice-comparison audio{width:100%;height:34px}.voice-comparison b,.recording-hint{color:var(--muted);margin:0;font-size:8px;font-weight:700;line-height:1.4}.recording-hint{margin-top:12px}.passport-progress{color:#23845d;background:#eef9f3;border:1px solid #bfe4ce;border-radius:99px;padding:8px 11px;font-size:9px;font-weight:900}.passport-card{background:#edf3fd;border:1px solid #d3dff0;border-radius:24px;grid-template-columns:220px 1fr;gap:0;display:grid;overflow:hidden}.passport-cover{background:radial-gradient(circle at 50% 40%, #ffffff1f, transparent 30%), linear-gradient(145deg, var(--navy), #041d50);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:305px;padding:24px;display:flex}.passport-cover>span{color:#a9c6f4;letter-spacing:.25em;font-size:9px;font-weight:900}.passport-cover>b{letter-spacing:.09em;margin-top:4px;font-size:25px}.passport-cover>i{color:#e7c35d;border:2px solid #e7c35d;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin:28px 0;font-size:35px;font-style:normal;display:flex}.passport-cover>small{color:#a9c6f4;font-size:9px}.passport-pages{background:repeating-linear-gradient(0deg,#0000 0 31px,#0c48b809 31px 32px),#fffefa;padding:22px}.passport-pages>header{border-bottom:1px solid #dfe6ef;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.passport-pages header small,.passport-pages header b{display:block}.passport-pages header small{color:var(--muted);text-transform:uppercase;font-size:7px;font-weight:900}.passport-pages header b{color:var(--navy);margin-top:2px;font-size:16px}.passport-pages header>span{color:var(--red);font-size:9px;font-weight:900}.stamp-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.passport-stamp{color:#9099a8;background:#ffffffb3;border:2px dashed #c7d0dc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-height:96px;padding:8px;display:flex;transform:rotate(-2deg)}.passport-stamp:nth-child(2n){transform:rotate(2deg)}.passport-stamp.earned{border-color:var(--blue);color:var(--navy);background:#e8f1ffbf}.passport-stamp>span{filter:grayscale();opacity:.45;font-size:20px}.passport-stamp.earned>span{filter:none;opacity:1}.passport-stamp b{margin:4px 0 2px;font-size:9px}.passport-stamp small{color:currentColor;opacity:.7;text-transform:uppercase;font-size:6px;font-weight:900}.teacher-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.teacher-summary-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.teacher-summary-grid article>span{background:var(--sky);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.teacher-summary-grid small,.teacher-summary-grid b{display:block}.teacher-summary-grid small{color:var(--muted);font-size:8px}.teacher-summary-grid b{color:var(--navy);margin-top:3px;font-size:17px}.teacher-students-card{border:1px solid var(--line);background:#fff;border-radius:21px;overflow:hidden}.teacher-students-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.teacher-students-card header b{color:var(--navy);font-size:14px}.teacher-students-card header p{color:var(--muted);margin:4px 0 0;font-size:9px}.teacher-students-card header button{background:var(--navy);color:#fff;border:0;border-radius:10px;padding:9px 11px;font-size:9px;font-weight:900}.student-table{padding:0 20px 12px}.student-table-head,.student-table-row{grid-template-columns:1.2fr .85fr .85fr .6fr 1.1fr;align-items:center;gap:12px;display:grid}.student-table-head{color:var(--muted);text-transform:uppercase;padding:11px 9px 7px;font-size:7px;font-weight:900}.student-table-row{color:var(--muted);border-top:1px solid #edf0f4;padding:10px 9px;font-size:9px}.student-table-row>span:first-child{color:var(--navy);align-items:center;gap:8px;display:flex}.student-table-row>span:first-child i{background:var(--sky);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-style:normal;display:flex}.student-ok,.student-alert{text-align:center;border-radius:99px;padding:6px 7px;font-size:7px;font-weight:900}.student-ok{color:#23845d;background:#eaf8f0}.student-alert{color:var(--red);background:#fff0f2}.certificate-card{background:radial-gradient(circle at 100% 0, #fff3, transparent 28%), linear-gradient(135deg, #a40f25, var(--red));color:#fff;border-radius:24px;grid-template-columns:76px 1fr auto;align-items:center;gap:22px;padding:25px;display:grid;box-shadow:0 17px 34px #e21d3526}.certificate-seal{color:#784f00;background:#f3cf68;border:7px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:27px;display:flex}.certificate-card .eyebrow{color:#ffd1d8}.certificate-card h2{color:#fff;letter-spacing:-.03em;margin:6px 0;font-size:23px}.certificate-card p{color:#ffffffd1;margin:0;font-size:11px;line-height:1.5}.certificate-card>button{color:var(--red);background:#fff;border:0;border-radius:13px;padding:13px 15px;font-size:10px;font-weight:900}.certificate-card>button span{margin-left:10px}.certificate-card>button:disabled{cursor:not-allowed;opacity:.58}.certificate-progress-track{background:#ffffff38;border-radius:99px;max-width:380px;height:5px;margin-top:13px;overflow:hidden}.certificate-progress-track i{background:#ffd76d;height:100%;display:block}.certificate-card>div>small{color:#ffd1d8;margin-top:6px;font-size:8px;display:block}.real-life-progress{align-items:center;gap:14px;margin:22px 0;display:flex}.real-life-progress>span{color:var(--muted);white-space:nowrap;font-size:9px;font-weight:900}.real-life-progress>div{grid-template-columns:repeat(2,1fr);gap:7px;width:100%;display:grid}.real-life-progress i{background:#e3e8f0;border-radius:99px;height:6px}.real-life-progress i.done{background:var(--red)}.real-life-dialogue{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:22px}.dialogue-person{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:15px;display:grid}.dialogue-person>span{background:var(--sky);border-radius:14px;justify-content:center;align-items:center;height:48px;font-size:25px;display:flex}.dialogue-person small{color:var(--red);text-transform:uppercase;font-size:7px;font-weight:900}.dialogue-person h3{color:var(--navy);margin:4px 0;font-size:17px}.dialogue-person p{color:var(--muted);margin:0;font-size:10px}.dialogue-person>button{background:var(--navy);color:#fff;border:0;border-radius:10px;padding:10px;font-size:9px;font-weight:900}.dialogue-answer{text-align:center;margin-top:21px}.dialogue-answer .answer-list{margin-top:12px}.passport-award{color:#76520a;background:#fff9e8;border:2px dashed #c89a22;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;width:100%;max-width:390px;margin-bottom:24px;padding:13px;display:grid;transform:rotate(-1deg)}.passport-award>span{font-size:28px}.passport-award small,.passport-award b{display:block}.passport-award small{letter-spacing:.08em;font-size:7px}.passport-award b{margin-top:2px;font-size:15px}.passport-award i{color:#fff;background:#23845d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-style:normal;display:flex}.certificate-overlay{z-index:90;background:#041538d4;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow:auto}.certificate-modal{width:100%;max-width:900px;position:relative}.certificate-close{color:var(--navy);z-index:2;background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:23px;position:absolute;top:-12px;right:-12px}.certificate-sheet{background:#fffdf8;padding:18px;box-shadow:0 30px 90px #00000059}.certificate-border{text-align:center;border:4px double #b3923a;flex-direction:column;align-items:center;min-height:560px;padding:30px 50px;display:flex}.certificate-border img{object-fit:contain;height:auto}.certificate-border>span{color:var(--red);letter-spacing:.24em;margin-top:4px;font-size:10px;font-weight:900}.certificate-border h2{color:var(--navy);margin:22px 0 17px;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:500}.certificate-border>p{color:var(--muted);max-width:650px;margin:7px auto;font-size:13px;line-height:1.6}.certificate-border h3{color:var(--red);border-bottom:1px solid #b3923a;min-width:420px;margin:10px 0 12px;padding:0 22px 8px;font-family:Georgia,Times New Roman,serif;font-size:30px}.certificate-details{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:610px;margin:24px 0;display:grid}.certificate-details span{background:#f8f4e9;border:1px solid #e4dac0;border-radius:10px;padding:10px}.certificate-details small,.certificate-details b{display:block}.certificate-details small{color:var(--muted);text-transform:uppercase;font-size:7px}.certificate-details b{color:var(--navy);margin-top:3px;font-size:13px}.certificate-signature{grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;width:100%;margin-top:auto;display:grid}.certificate-signature>span{border-top:1px solid #aeb5c0;padding-top:8px}.certificate-signature b,.certificate-signature small{display:block}.certificate-signature b{color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:14px}.certificate-signature small{color:var(--muted);margin-top:3px;font-size:7px}.certificate-signature>i{background:var(--navy);color:#f0d783;border:5px solid #d7be72;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-style:normal;display:flex}.certificate-actions{background:#fff;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.certificate-actions p{color:var(--muted);margin:0;font-size:9px}.certificate-actions button{background:var(--red);color:#fff;border:0;border-radius:10px;padding:11px 13px;font-size:10px;font-weight:900}@keyframes record-pulse{0%,to{box-shadow:0 0 #e21d3547}50%{box-shadow:0 0 0 7px #e21d3500}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:1;transform:translateY(110vh)rotate(720deg)}}@media (width<=820px){.app-shell{display:block}.sidebar{display:none}.dashboard{padding:25px 18px 100px}.teacher-contact{bottom:84px;right:14px}.teacher-contact-label{display:none}.teacher-contact-trigger{padding:5px}.daily-card{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.daily-progress{justify-content:space-between;width:100%}.streak-row,.learning-boost-grid,.insights-grid{grid-template-columns:1fr}.real-life-grid{grid-template-columns:repeat(2,1fr)}.pronunciation-lab{grid-template-columns:1fr}.passport-card{grid-template-columns:170px 1fr}.stamp-grid,.teacher-summary-grid{grid-template-columns:repeat(2,1fr)}.student-table{overflow-x:auto}.student-table-head,.student-table-row{min-width:670px}.certificate-card{grid-template-columns:68px 1fr}.certificate-card>button{grid-column:1/-1;width:100%}.module-grid{grid-template-columns:1fr}.vocabulary-grid,.homophones-grid{grid-template-columns:repeat(2,1fr)}.levels-grid{grid-template-columns:1fr}.monthly-plan-grid{grid-template-columns:repeat(3,1fr)}.memory-card{grid-template-columns:64px 1fr}.memory-visual{height:62px}.memory-card>button{grid-column:1/-1;width:100%}.mobile-nav{border-top:1px solid var(--line);z-index:20;background:#fffffff5;grid-template-columns:repeat(5,1fr);padding:10px 6px 14px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.mobile-nav span{font-size:20px}.mobile-nav a.active{color:var(--red)}.lesson-overlay{align-items:flex-end;padding:0}.lesson-panel{border-radius:26px 26px 0 0;max-height:94vh;padding:22px 18px}.calendar-card{padding:16px 12px}.calendar-weekdays,.calendar-grid{gap:5px}.calendar-day,.calendar-empty{border-radius:9px;min-height:34px}}@media (width<=560px){.welcome-card{border-radius:24px;padding:30px 22px 25px}.welcome-benefits{grid-template-columns:1fr;gap:14px}.daily-copy{align-items:flex-start}.target-icon{flex:none;width:50px;height:50px}.current-lesson{grid-template-columns:58px 1fr}.lesson-number{height:58px}.current-lesson button{border-radius:12px;grid-column:1/-1;width:100%}.phrase-day-card{grid-template-columns:48px 1fr;padding:18px}.real-life-grid,.passport-card{grid-template-columns:1fr}.passport-cover{min-height:220px}.passport-cover>i{width:62px;height:62px;margin:18px 0}.pronunciation-lab{padding:20px}.pronunciation-actions{grid-template-columns:1fr}.teacher-summary-grid{grid-template-columns:1fr 1fr}.teacher-students-card>header{flex-direction:column;align-items:flex-start;gap:11px}.certificate-card{text-align:center;grid-template-columns:1fr}.certificate-seal{margin:0 auto}.certificate-progress-track{margin-left:auto;margin-right:auto}.dialogue-person{grid-template-columns:42px 1fr}.dialogue-person>button{grid-column:1/-1}.certificate-overlay{align-items:flex-start;padding:12px}.certificate-border{min-height:650px;padding:25px 16px}.certificate-border h2{font-size:29px}.certificate-border h3{width:100%;min-width:0;font-size:23px}.certificate-details{grid-template-columns:1fr}.certificate-signature{gap:10px}.certificate-actions{flex-direction:column;align-items:stretch;gap:9px}.boost-icon,.challenge-medal{width:48px;height:48px}.weekly-challenge-card,.error-notebook-card,.progress-report-card{padding:18px}.error-notebook-card>header,.progress-report-card>header{gap:10px}.error-row{grid-template-columns:34px 1fr}.learned-button{grid-column:1/-1;width:100%}.challenge-stage{padding:22px 14px}.lesson-stage{min-height:390px;padding:24px 16px}.lesson-stepper{gap:5px}.dictation-field input{padding:14px;font-size:15px}.sentence-builder{min-height:104px}.sentence-pair{grid-template-columns:1fr}.sentence-pair>span{transform:rotate(90deg)}.lesson-footer{grid-template-columns:1fr 1.5fr;display:grid}.vocabulary-grid,.homophones-grid{grid-template-columns:1fr}.monthly-plan-grid{grid-template-columns:1fr 1fr}.plan-day{grid-template-columns:30px 1fr}.plan-day>i,.optional-badge{display:none}.teacher-preview-banner{grid-template-columns:auto 1fr}.teacher-preview-banner a{text-align:center;grid-column:1/-1}.vocabulary-word{grid-template-columns:42px 1fr;align-items:start}.example-audio{grid-column:1/-1;width:100%}.memory-rating>div{grid-template-columns:1fr}.calendar-legend{gap:10px}.celebration-card{padding:34px 22px 25px}.celebration-card>div{flex-direction:column;align-items:center;gap:5px}.secondary-lesson-button,.next-lesson-button{min-width:0;padding:14px 10px}}@media print{body *{visibility:hidden!important}.certificate-sheet,.certificate-sheet *{visibility:visible!important}.certificate-sheet{box-shadow:none;width:100%;padding:0;position:absolute;inset:0}.certificate-border{min-height:98vh}}
