:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--content-max:1200px;--reading-max:760px;--header-height:80px;--text-body:17px;--text-body-lg:19px;--text-small:14px;--text-page-title:40px;--text-section-title:28px;--text-data-number:48px;--text-hero:48px;--text-child-word:104px;--text-child-prompt:24px;--text-child-button:24px;--text-child-slot:56px;--text-child-letter:24px;--touch-parent:44px;--touch-child:64px;--touch-letter:56px;--motion-press:.12s;--motion-task:.25s;--motion-panel:.32s;--motion-correct:.42s;--ease-out:cubic-bezier(.22, .61, .36, 1);--radius-s:8px;--radius-m:14px;--radius-l:22px;--radius-pill:999px}@media (width<=1279px){:root{--text-body:16px;--text-body-lg:18px;--text-small:13px;--text-hero:40px;--text-page-title:36px;--text-section-title:26px;--text-data-number:42px;--text-child-word:84px;--text-child-prompt:22px;--text-child-button:22px;--text-child-slot:48px;--text-child-letter:22px}}@media (width<=1023px){:root{--header-height:68px;--text-hero:34px;--text-page-title:32px;--text-section-title:24px;--text-data-number:38px;--text-child-word:72px;--text-child-prompt:20px;--text-child-button:20px;--text-child-slot:42px;--text-child-letter:20px;--touch-child:60px;--touch-letter:52px}}@media (width<=767px){:root{--text-body:16px;--text-body-lg:17px;--text-small:13px;--text-hero:28px;--text-page-title:28px;--text-section-title:22px;--text-data-number:36px;--text-child-word:56px;--text-child-prompt:18px;--text-child-button:18px;--text-child-slot:36px;--text-child-letter:18px;--touch-child:56px;--touch-letter:48px}}@media (prefers-reduced-motion:reduce){:root{--motion-press:0s;--motion-task:0s;--motion-panel:0s;--motion-correct:0s}}:root,[data-ui-theme=a]{--paper-0:#fbfaf6;--paper-1:#f3f0e7;--paper-2:#ece7d9;--ink-900:#17342c;--ink-600:#587068;--ink-300:#93a49d;--brand-700:#1e5a45;--brand-600:#276b53;--brand-100:#dde9e1;--amber-500:#d18b32;--amber-100:#f5e7d0;--success-600:#397653;--success-100:#dfece2;--danger-600:#ae4b3d;--danger-100:#f3e0db;--line-200:#d9ddd7;--surface-card:#fffdf8;--shadow-soft:0 1px 2px #17342c0d, 0 8px 24px #17342c0f;--shadow-lift:0 2px 6px #17342c14, 0 16px 40px #17342c1a;--font-display:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--font-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-word:"Literata", "Noto Serif SC", Georgia, "Times New Roman", serif;--heading-weight:600;--card-border:1px solid var(--line-200)}[data-ui-theme=b]{--paper-0:#f7faf9;--paper-1:#eef4f2;--paper-2:#e2ece9;--ink-900:#14313a;--ink-600:#527076;--ink-300:#8fa5a9;--brand-700:#155e6e;--brand-600:#1d7182;--brand-100:#d8e9ec;--amber-500:#d1912f;--amber-100:#f6e9cf;--success-600:#2f7d5b;--success-100:#ddeee4;--danger-600:#b04a41;--danger-100:#f5e0dd;--line-200:#d5e0de;--surface-card:#fff;--shadow-soft:0 1px 2px #14313a0d, 0 10px 28px #14313a12;--shadow-lift:0 2px 8px #14313a17, 0 18px 44px #14313a1f;--font-display:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-word:"Literata", Georgia, "Times New Roman", serif;--heading-weight:700;--card-border:1px solid var(--line-200)}[data-ui-theme=c]{--paper-0:#faf6ef;--paper-1:#f2ebdd;--paper-2:#e9dfcc;--ink-900:#2e2620;--ink-600:#6b5f52;--ink-300:#a2937f;--brand-700:#41563c;--brand-600:#4f6a49;--brand-100:#e4e8d8;--amber-500:#c07f2e;--amber-100:#f4e5c9;--success-600:#4c7250;--success-100:#e2ebdf;--danger-600:#a8473a;--danger-100:#f2ddd8;--line-200:#ddd3c0;--surface-card:#fffcf5;--shadow-soft:0 1px 2px #2e26200d, 0 8px 22px #2e26200f;--shadow-lift:0 2px 6px #2e262014, 0 16px 38px #2e26201c;--font-display:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--font-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-word:"Literata", "Noto Serif SC", Georgia, "Times New Roman", serif;--heading-weight:600;--card-border:1px solid var(--line-200)}[data-student-theme=leaf]{--student-600:#2e7d54;--student-100:#dcebe0}[data-student-theme=sky]{--student-600:#2f6d8f;--student-100:#dbe8ef}[data-student-theme=sun]{--student-600:#c07f2e;--student-100:#f4e5c9}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper-0);min-width:320px;min-height:100vh;color:var(--ink-900);font-family:var(--font-body);font-size:var(--text-body);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}h1,h2,h3{font-family:var(--font-display);font-weight:var(--heading-weight);letter-spacing:-.01em;margin:0;line-height:1.25}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:var(--brand-700)}img,svg{display:block}:focus-visible{outline:3px solid var(--brand-100);outline-offset:2px;border-radius:var(--radius-s)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}.ui-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-parent);padding:0 var(--space-6);border-radius:var(--radius-pill);transition:background var(--motion-press) var(--ease-out), border-color var(--motion-press) var(--ease-out), transform var(--motion-press) var(--ease-out);white-space:nowrap;border:1px solid #0000;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.ui-btn:active:not(:disabled){transform:translateY(1px)}.ui-btn--primary{background:var(--brand-700);color:var(--paper-0)}.ui-btn--primary:hover:not(:disabled){background:var(--brand-600)}.ui-btn--primary:disabled{opacity:.55}.ui-btn--secondary{border-color:var(--line-200);color:var(--ink-900);background:var(--surface-card)}.ui-btn--secondary:hover:not(:disabled){border-color:var(--ink-300)}.ui-btn--ghost{color:var(--ink-600)}.ui-btn--ghost:hover:not(:disabled){color:var(--ink-900);background:var(--paper-1)}.ui-btn--danger{background:var(--danger-600);color:#fff}.ui-btn--danger:hover:not(:disabled){filter:brightness(1.06)}.ui-btn--text{min-height:auto;padding:var(--space-1) 0;color:var(--ink-600);text-underline-offset:4px;border-radius:0;font-weight:500;text-decoration:underline}.ui-btn--text:hover:not(:disabled){color:var(--ink-900)}.ui-btn--wide{width:100%}.ui-btn--child{min-height:var(--touch-child);padding:0 var(--space-12);font-size:var(--text-child-button);border-radius:var(--radius-pill)}.ui-eyebrow{letter-spacing:.16em;color:var(--brand-700);text-transform:uppercase;font-size:15px;font-weight:700}.ui-quiet{color:var(--ink-600);font-size:var(--text-small)}.ui-field{gap:var(--space-2);font-size:15px;font-weight:600;display:grid}.ui-field input,.ui-field select,.ui-field textarea{min-height:var(--touch-parent);padding:0 var(--space-4);border:1px solid var(--line-200);border-radius:var(--radius-m);background:var(--surface-card);width:100%;font-size:16px;font-weight:400}.ui-field input:focus,.ui-field select:focus,.ui-field textarea:focus{border-color:var(--brand-700);outline:3px solid var(--brand-100)}.ui-field small{color:var(--ink-600);font-weight:400}.ui-form-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--danger-100);color:var(--danger-600);margin:0;font-size:15px}.ui-form-error .ui-request-id{margin-top:var(--space-1);opacity:.75;font-size:12px;display:block}.ui-form-note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--success-100);color:var(--success-600);font-size:15px}.ui-card{background:var(--surface-card);border:var(--card-border);border-radius:var(--radius-l);box-shadow:var(--shadow-soft)}.ui-state{justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-16) var(--space-6);color:var(--ink-600);display:grid}.ui-state h2{font-size:var(--text-section-title);color:var(--ink-900)}.ui-state .ui-request-id{color:var(--ink-300);font-size:12px}.ui-skeleton{border-radius:var(--radius-m);background:linear-gradient(90deg, var(--paper-1) 25%, var(--paper-2) 50%, var(--paper-1) 75%);background-size:200% 100%;animation:1.4s infinite ui-skeleton}@keyframes ui-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--paper-1);color:var(--ink-600);font-size:13px;font-weight:600;display:inline-flex}.ui-pill--good{background:var(--success-100);color:var(--success-600)}.ui-pill--warn{background:var(--amber-100);color:var(--amber-500)}.ui-pill--danger{background:var(--danger-100);color:var(--danger-600)}.ui-coming-soon{align-items:center;gap:var(--space-1);color:var(--ink-300);border:1px dashed var(--line-200);border-radius:var(--radius-pill);padding:2px var(--space-3);font-size:12px;font-weight:600;display:inline-flex}.ui-is-disabled{opacity:.55;pointer-events:none}.ui-dialog-backdrop{padding:var(--space-6);z-index:60;animation:ui-fade var(--motion-panel) var(--ease-out);background:#00000052;place-items:center;display:grid;position:fixed;inset:0}.ui-dialog{background:var(--surface-card);border-radius:var(--radius-l);width:min(480px,100%);box-shadow:var(--shadow-lift);padding:var(--space-8);gap:var(--space-4);display:grid}.ui-dialog h2{font-size:24px}.ui-dialog .ui-dialog-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}@keyframes ui-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ui-page-head{gap:var(--space-2);display:grid}.ui-page-head h1{font-size:var(--text-page-title)}.ui-page-head p{color:var(--ink-600);max-width:56ch}.ui-avatar{background:var(--student-100,var(--brand-100));width:52px;height:52px;color:var(--student-600,var(--brand-700));border:2px solid var(--student-600,var(--brand-700));border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.ui-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.ui-avatar--small{border-width:1.5px;width:32px;height:32px;font-size:14px}.ui-avatar--large{width:88px;height:88px;font-size:46px}.ui-stack{gap:var(--space-4);display:grid}.ui-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-spread{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ui-btn--small{min-height:34px;padding:0 var(--space-3);font-size:13px}.brand{align-items:center;gap:var(--space-3);text-align:left;color:inherit;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink-900);width:42px;height:42px;color:var(--paper-0);font-family:var(--font-display);border-radius:13px;flex:none;place-items:center;font-size:24px;display:grid}.brand-text b{font-family:var(--font-display);white-space:nowrap;font-size:19px;line-height:1.2;display:block}.brand-text small{color:var(--ink-600);letter-spacing:.04em;font-size:13px}.site-header{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line-200);background:color-mix(in srgb, var(--paper-0) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.site-header nav{gap:var(--space-8);flex:none;align-items:center;display:flex}.site-header nav a{color:var(--ink-600);white-space:nowrap;font-size:15px;font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--ink-900)}.site-footer{border-top:1px solid var(--line-200);padding:var(--space-12) clamp(20px, 5vw, 72px);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.app-header{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line-200);background:var(--paper-0);z-index:20;padding:0 clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.app-header nav{gap:var(--space-2);display:flex}.app-header nav a{color:var(--ink-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);min-height:var(--touch-parent);align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.app-header nav a:hover{color:var(--ink-900);background:var(--paper-1)}.app-header nav a.active{color:var(--brand-700);background:var(--brand-100)}.app-main{width:min(var(--content-max), 100% - 2 * clamp(16px, 4vw, 48px));padding:var(--space-8) 0 var(--space-24);gap:var(--space-8);align-content:start;margin:0 auto;display:grid}.layout-child{background:var(--paper-1);grid-template-rows:auto 1fr;min-height:100vh;display:grid}.child-header{padding:var(--space-2) clamp(16px, 4vw, 48px);gap:var(--space-2) var(--space-3);background:var(--paper-0);border-bottom:1px solid var(--line-200);grid-template-rows:auto;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.child-header-brand{color:inherit;grid-area:1/1;min-width:0;text-decoration:none}.child-header .brand{gap:var(--space-2)}.child-header .brand-mark{border-radius:10px;width:34px;height:34px;font-size:18px}.child-header .brand-text b{font-size:16px}.child-header .brand-text small{color:var(--ink-600);font-size:12px;line-height:1.3}.child-header-controls{justify-content:center;justify-self:center;align-items:center;gap:var(--space-1);flex-wrap:wrap;grid-area:1/2;display:inline-flex}.child-header-actions{justify-content:flex-end;justify-self:end;align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-area:1/3;display:inline-flex}.child-header-exit{min-height:34px;padding:0 var(--space-3);font-size:13px}@media (width<=1100px){.child-header{grid-template-rows:auto auto;grid-template-columns:minmax(0,auto) 1fr}.child-header-brand{grid-area:1/1}.child-header-actions{grid-area:1/2}.child-header-controls{grid-area:2/1/auto/-1}}@media (width<=480px){.child-header .brand-text small,.child-identity-grade{display:none}.child-header-actions{gap:var(--space-1)}}.child-identity{align-items:center;gap:var(--space-2);display:inline-flex}.child-identity b{font-size:16px}.child-identity small{color:var(--ink-600);font-size:13px}.child-identity .ui-theme-swatches{margin:0 var(--space-1)}.child-main{width:min(var(--reading-max), 100% - 2 * var(--space-6));padding:var(--space-3) 0 var(--space-4);align-content:start;margin:0 auto;display:grid}.child-header--hidden{display:none}.child-main--fullscreen{width:100%;padding:var(--space-4) var(--space-6);align-content:center;min-height:100vh}.sound-btn{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);border:1px solid var(--line-200);background:var(--surface-card);min-height:32px;color:var(--brand-700);transition:border-color var(--motion-press) var(--ease-out);padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.sound-btn:hover{border-color:var(--brand-700)}.sound-btn--large{min-height:var(--touch-child);padding:0 var(--space-8);font-size:20px}.sound-btn--failed{color:var(--ink-600);border-style:dashed}@media (width<=767px){.site-header nav{gap:var(--space-4)}.brand-text small{display:none}}.ui-theme-swatches{margin-left:var(--space-2);align-items:center;gap:6px;display:inline-flex}.ui-theme-swatch{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--paper-0), 0 0 0 1px var(--line-200);transition:transform var(--motion-press) var(--ease-out);border:2px solid #0000;border-radius:50%}.ui-theme-swatch:hover{transform:scale(1.15)}.ui-theme-swatch.active{box-shadow:inset 0 0 0 2px var(--paper-0), 0 0 0 2px var(--ink-900)}.ui-theme-swatch--a{background:#1e5a45}.ui-theme-swatch--b{background:#155e6e}.ui-theme-swatch--c{background:linear-gradient(135deg,#41563c 55%,#c07f2e 45%)}.hero{min-height:480px;width:min(var(--content-max), 100% - 2 * clamp(20px, 5vw, 72px));padding:var(--space-12) 0 var(--space-12);grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(32px,5vw,72px);margin:0 auto;display:grid}.hero-copy{gap:var(--space-5,20px);justify-items:start;display:grid}.hero-copy h1{font-size:var(--text-hero);letter-spacing:-.02em;line-height:1.22}.hero-copy h1 mark{color:var(--brand-700);background:0 0}.hero-lede{color:var(--ink-600);max-width:46ch;font-size:18px}.hero-demo-wrap{justify-self:center;width:min(100%,480px);position:relative}.hero-sticker{z-index:2;background:var(--surface-card);border:1.5px solid var(--ink-900);border-radius:var(--radius-s);padding:var(--space-1) var(--space-3);box-shadow:3px 3px 0 color-mix(in srgb, var(--ink-900) 18%, transparent);font-size:13px;font-weight:600;position:absolute;top:-14px;left:-20px;transform:rotate(-4deg)}.hero-demo{background:var(--surface-card);border:2px solid var(--ink-900);border-radius:var(--radius-l);box-shadow:10px 12px 0 color-mix(in srgb, var(--ink-900) 8%, transparent), 22px 26px 0 color-mix(in srgb, var(--ink-900) 4%, transparent);padding:var(--space-8) var(--space-8) var(--space-8);justify-items:center;gap:var(--space-5,20px);text-align:center;display:grid;position:relative;transform:rotate(-1.2deg)}.hero-demo-top{align-items:center;gap:var(--space-4);width:100%;display:flex}.hero-demo-label{color:var(--ink-600);letter-spacing:.08em;white-space:nowrap;font-size:13px;font-weight:600}.hero-demo-top b{font-family:var(--font-word);white-space:nowrap;font-size:17px}.hero-demo-bar{border-radius:var(--radius-pill);background:var(--paper-2);flex:1;height:8px;overflow:hidden}.hero-demo-bar i{background:var(--brand-700);border-radius:inherit;width:38%;height:100%;display:block}.hero-phonics-hint{color:var(--ink-600);letter-spacing:.06em;margin-bottom:calc(var(--space-2) * -1);font-size:14px}.hero-demo strong{font-family:var(--font-word);letter-spacing:.01em;font-size:clamp(44px,4.4vw,64px);font-weight:600;line-height:1.1}.hero-demo-options{gap:var(--space-3);width:100%;margin-top:var(--space-2);display:grid}.hero-option{border:1.5px solid var(--line-200);border-radius:var(--radius-m);background:var(--surface-card);padding:var(--space-3) var(--space-4);text-align:left;font-size:16px}.hero-option.is-correct{background:var(--success-100);border-color:var(--success-600);color:var(--success-600);font-weight:600}.hero-demo .phonics{white-space:nowrap;align-items:baseline;max-width:100%;display:inline-flex}.hero-demo .phonics i{color:var(--ink-300);padding:0 4px;font-style:normal;font-weight:400}.hero-demo .phonics .syl-1{color:var(--brand-700)}.hero-demo .phonics .syl-2{color:var(--amber-500);text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:6px;-webkit-text-decoration-color:color-mix(in srgb, var(--amber-500) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--amber-500) 35%, transparent)}.hero-demo .phonics .syl-3{color:var(--ink-600)}.evidence-strip{border-top:1px solid var(--line-200);border-bottom:1px solid var(--line-200);width:min(var(--content-max), 100% - 2 * clamp(20px, 5vw, 72px));grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.evidence-strip div{padding:var(--space-8) var(--space-6);gap:var(--space-1);border-left:1px solid var(--line-200);display:grid}.evidence-strip div:first-child{border-left:0}.evidence-strip b{font-family:var(--font-display);font-size:20px}.evidence-strip span{color:var(--ink-600);font-size:14px}.compare-heading h2,.home-closing h2{font-size:var(--text-page-title);margin-top:var(--space-3)}.compare-heading>p{color:var(--ink-600);max-width:44ch}.compare-block{padding:var(--space-24) max(clamp(20px, 5vw, 72px), calc((100vw - var(--content-max)) / 2));background:radial-gradient(760px 420px at 88% -12%, color-mix(in srgb, var(--paper-0) 16%, transparent), transparent 72%), var(--brand-700);color:var(--paper-0);gap:var(--space-16);grid-template-columns:minmax(280px,.7fr) minmax(560px,1.5fr);align-items:start;display:grid}.compare-block .ui-eyebrow{color:var(--amber-500)}.compare-heading h2{color:var(--paper-0)}.compare-heading p{color:color-mix(in srgb, var(--paper-0) 66%, transparent);margin-top:var(--space-6);max-width:40ch}.compare-table{display:grid}.compare-row{gap:var(--space-4);padding:var(--space-3) 0;grid-template-columns:.42fr 1fr 1.2fr;align-items:stretch;display:grid}.compare-row--head{padding-bottom:var(--space-3);margin-bottom:var(--space-2);color:color-mix(in srgb, var(--paper-0) 56%, transparent);letter-spacing:.12em;border-bottom:1px solid color-mix(in srgb, var(--paper-0) 16%, transparent);font-size:12px}.compare-row--head span:last-child{color:var(--amber-500);font-weight:700}.compare-row b{color:var(--paper-0);align-self:center;font-size:16px}.compare-row>span:not(:first-child){color:color-mix(in srgb, var(--paper-0) 55%, transparent);padding:var(--space-3) var(--space-4);align-self:center;font-size:14px}.compare-row strong{align-items:center;gap:var(--space-2);color:var(--ink-900);background:var(--paper-0);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4);box-shadow:0 2px 0 color-mix(in srgb, var(--ink-900) 22%, transparent);font-size:14px;font-weight:600;display:flex}.compare-row strong:before{content:"✓";color:var(--amber-500);font-weight:700}.home-closing{width:min(var(--content-max), 100% - 2 * clamp(20px, 5vw, 72px));padding:var(--space-24) 0;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;align-items:end;margin:0 auto;display:grid}.home-closing-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.method-page{width:min(var(--reading-max), 100% - 2 * clamp(20px, 5vw, 72px));padding:var(--space-16) 0 var(--space-24);gap:var(--space-12);margin:0 auto;display:grid}.method-steps{gap:var(--space-4);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.method-steps li{gap:var(--space-6);background:var(--surface-card);border:var(--card-border);border-radius:var(--radius-l);padding:var(--space-6);align-items:flex-start;display:flex}.method-steps i{background:var(--brand-100);width:40px;height:40px;color:var(--brand-700);border-radius:50%;flex:none;place-items:center;font-size:18px;font-style:normal;font-weight:700;display:grid}.method-steps b{font-size:18px;display:block}.method-steps span{color:var(--ink-600);font-size:15px}.method-callout{gap:var(--space-3);background:var(--paper-1);border-radius:var(--radius-l);padding:var(--space-8);justify-items:start;display:grid}.method-callout b{font-size:20px;font-family:var(--font-display)}.method-callout span{color:var(--ink-600)}@media (width<=1023px){.hero{grid-template-columns:1fr;min-height:auto}.evidence-strip{grid-template-columns:repeat(2,1fr)}.evidence-strip div:nth-child(3){border-left:0}.compare-block,.home-closing{grid-template-columns:1fr}}@media (width<=767px){.evidence-strip{grid-template-columns:1fr}.evidence-strip div{border-left:0;border-top:1px solid var(--line-200)}.evidence-strip div:first-child{border-top:0}.hero-demo{padding:var(--space-6) var(--space-4);transform:none}.hero-sticker{left:-6px}.compare-block{padding-top:var(--space-12);padding-bottom:var(--space-12)}.compare-table{border-top:0}.compare-row{gap:var(--space-2);padding:var(--space-5,20px) 0;grid-template-columns:1fr}.compare-row--head{display:none}.compare-row b{font-size:17px}.compare-row>span:not(:first-child){padding:0 var(--space-2)}.compare-row>span:not(:first-child):before{content:"传统："}.compare-row strong{margin-top:var(--space-1)}.home-closing{padding:var(--space-16) 0}.home-closing-actions{width:100%;display:grid}}.hero-title{justify-items:stretch;width:fit-content;max-width:100%;display:grid}.hero-title .hero-underline{width:101%;height:20px;margin-top:var(--space-1);fill:#e0a24e;justify-self:center}.mobile-photo-page{background:radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--brand-100) 70%, transparent), transparent 34%), var(--paper-0);min-height:100vh;padding:clamp(18px,4vw,40px)}.mobile-photo-page>header{width:min(620px,100%);margin:0 auto var(--space-6)}.mobile-photo-card{border:1px solid var(--line-200);background:var(--surface-card);width:min(620px,100%);box-shadow:var(--shadow-card);gap:var(--space-6);border-radius:clamp(24px,6vw,40px);margin:0 auto;padding:clamp(24px,6vw,48px);display:grid}.mobile-photo-heading{gap:var(--space-3);display:grid}.mobile-photo-heading h1,.mobile-photo-state h1{font-size:clamp(32px,9vw,50px);line-height:1.08}.mobile-photo-heading p,.mobile-photo-state p{color:var(--ink-600);font-size:17px}.mobile-capture-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mobile-capture-actions .ui-btn{min-height:58px}.mobile-photo-count{padding:var(--space-4);border-radius:var(--radius-m);background:var(--paper-1);gap:2px;display:grid}.mobile-photo-count span{color:var(--ink-600);font-size:var(--text-small)}.mobile-photo-files{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.mobile-photo-files li{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line-200);border-radius:var(--radius-m);grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;display:grid}.mobile-photo-files li>span{background:var(--brand-100);width:30px;height:30px;color:var(--brand-700);border-radius:50%;place-items:center;font-weight:800;display:grid}.mobile-photo-files li>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-photo-files li>button{min-width:38px;min-height:38px;color:var(--ink-600);background:0 0;border:0;font-size:26px}.mobile-photo-submit{width:100%;min-height:62px;font-size:18px}.mobile-photo-state{align-content:center;justify-items:start;gap:var(--space-4);min-height:420px;display:grid}.mobile-photo-state>span{color:var(--brand-700);letter-spacing:.08em;font-weight:800}.mobile-photo-state.is-done>span{background:var(--success-100);width:72px;height:72px;color:var(--success-600);border-radius:50%;place-items:center;font-size:34px;display:grid}.mobile-photo-state.is-error>span{color:var(--danger-600)}.mobile-photo-privacy{width:min(620px,100%);margin:var(--space-5) auto 0;text-align:center;color:var(--ink-600);font-size:13px}@media (width<=520px){.mobile-capture-actions{grid-template-columns:1fr}.mobile-photo-page{padding:14px}}.style-lab{background:var(--paper-1);min-height:100vh}.style-lab-bar{z-index:30;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--paper-0);border-bottom:1px solid var(--line-200);flex-wrap:wrap;display:flex;position:sticky;top:0}.style-lab-switch{gap:var(--space-2);display:flex}.style-lab-switch button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--line-200);min-height:40px;font-size:14px;font-weight:600}.style-lab-switch button.active{background:var(--ink-900);color:var(--paper-0);border-color:var(--ink-900)}.style-lab-grid{width:min(var(--content-max), 100% - 2 * var(--space-6));padding:var(--space-8) 0 var(--space-24);gap:var(--space-6);grid-template-columns:repeat(2,1fr);margin:0 auto;display:grid}.style-lab-card{padding:var(--space-8);gap:var(--space-4);align-content:start;justify-items:start;display:grid}.style-lab-word{font-family:var(--font-word);font-size:56px;font-weight:600}.style-lab-data{gap:var(--space-8);display:flex}.style-lab-data b{font-size:var(--text-data-number);font-family:var(--font-display);line-height:1.1;display:block}.style-lab-data span{color:var(--ink-600);font-size:14px}.style-lab-child{background:var(--paper-1);border:2px solid var(--student-600);border-radius:var(--radius-l);padding:var(--space-12);justify-items:center;gap:var(--space-5,20px);text-align:center;grid-column:1/-1;display:grid}.style-lab-child-prompt{color:var(--ink-600);font-size:var(--text-child-prompt)}.style-lab-child-word{font-family:var(--font-word);font-size:var(--text-child-word);font-weight:600}@media (width<=1023px){.style-lab-grid{grid-template-columns:1fr}}.child-login{background:var(--paper-1);min-height:100vh}.child-login-panel{width:min(560px, 100% - 2 * var(--space-6));padding:var(--space-16) 0;gap:var(--space-6);text-align:center;justify-items:center;margin:0 auto;display:grid}.child-login-panel h1{font-size:var(--text-page-title)}.child-login-form{gap:var(--space-5,20px);justify-items:center;width:100%;display:grid}.code-boxes{gap:var(--space-3);display:flex}.code-boxes input{text-align:center;width:72px;height:88px;font-size:calc(var(--text-child-word) * .42);font-weight:700;font-family:var(--font-word);border:2px solid var(--line-200);border-radius:var(--radius-m);background:var(--surface-card)}.code-boxes input:focus{border-color:var(--brand-700);outline:3px solid var(--brand-100)}@media (width<=1279px){.code-boxes input{width:64px;height:78px}}@media (width<=1023px){.code-boxes input{width:58px;height:72px}}@media (width<=767px){.code-boxes input{width:56px;height:68px}}.child-page-state{background:var(--paper-1);min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.today-focus{gap:var(--space-6);text-align:center;padding:var(--space-8) 0;justify-items:center;display:grid}.today-focus h1{font-size:var(--text-page-title)}.task-counts{gap:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.task-counts>div{gap:var(--space-1);justify-items:center;display:grid}.task-counts b{font-size:var(--text-data-number);font-weight:700;line-height:1}.task-counts span{color:var(--ink-600);font-size:var(--text-body)}.learn-stage{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.learn-stage--fullscreen{justify-content:center;align-items:center;min-height:100vh;transform:translateY(-50px)}.learn-body{gap:var(--space-2);flex-direction:column;display:flex}.learn-stage--fullscreen .learn-top{width:min(92vw,960px);padding:0 var(--space-2);flex:none;margin-bottom:50px;margin-left:auto;margin-right:auto}.learn-stage--fullscreen .learn-body{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;width:min(92vw,960px);display:flex;transform:none}.learn-stage--fullscreen .learn-body>*{width:100%}.learn-stage--fullscreen .feedback{margin-top:80px}.learn-top{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:nowrap;display:flex}.learn-top>b{white-space:nowrap}.learn-progress{border-radius:var(--radius-pill);background:var(--paper-2);flex:1;min-width:120px;height:8px;overflow:hidden}.learn-progress i{border-radius:inherit;background:var(--student-600,var(--brand-700));height:100%;transition:width var(--motion-task) var(--ease-out);display:block}.learn-top>b{font-family:var(--font-word);color:var(--ink-600);flex:none;font-size:14px}.learn-control{border-radius:var(--radius-pill);border:1.5px solid var(--line-200);background:var(--surface-card);min-height:30px;color:var(--student-600,var(--brand-700));cursor:pointer;transition:background var(--motion-press) var(--ease-out), border-color var(--motion-press) var(--ease-out), transform var(--motion-press) var(--ease-out);align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.learn-control:hover{border-color:var(--student-600,var(--brand-700));background:var(--student-100,var(--brand-100))}.learn-control:active{transform:translateY(1px)}.learn-control.is-muted,.learn-control.is-disabled{color:var(--ink-600);border-style:dashed}@media (width<=480px){.learn-control{padding:0 8px;font-size:12px}.learn-control svg{width:14px;height:14px}}.learn-step{gap:var(--space-1);text-align:center;animation:learn-step-in var(--motion-task) var(--ease-out);justify-items:center;display:grid}@keyframes learn-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.study-step{gap:var(--space-1);flex-direction:column;min-height:0;display:flex}.study-step .learn-step-head{flex:none;justify-items:center;gap:0;display:grid}.study-step .learn-step-word{justify-content:flex-start;align-items:center;gap:var(--space-1);flex-direction:column;flex:none;min-height:0;display:flex}.study-step .learn-step-foot{gap:var(--space-1);flex:none;justify-items:center;width:100%;display:grid}.phase-tag{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--student-100,var(--brand-100));color:var(--student-600,var(--brand-700));align-items:center;font-size:12px;font-weight:700;display:inline-flex}.learn-hint{color:var(--ink-600);font-size:var(--text-child-prompt);margin:0;line-height:1.3}.word-big{font-family:var(--font-word);font-size:min(var(--text-child-word), 15vh);overflow-wrap:break-word;margin:0;line-height:1.05}.word-row,.feedback-word-row{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.word-row .sound-btn,.feedback-word-row .sound-btn{min-height:30px;padding:0 12px;font-size:13px}.learn-step .ui-btn--child{min-height:48px;padding:0 var(--space-6);font-size:var(--text-child-button)}.study-choice{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.study-choice .ui-btn{min-width:120px}.study-choice .ui-btn[data-picked]{border-color:var(--brand-700);background:var(--brand-100)}.study-saving-hint{color:var(--ink-500);font-size:var(--text-child-body-sm,14px);text-align:center;min-height:1.5em;margin:0}.meaning-inline{color:var(--student-600,var(--brand-700));font-size:var(--text-child-prompt);margin:0;font-weight:700}.answer-grid{gap:var(--space-2);width:100%;max-width:560px;display:grid}.answer-option{min-height:42px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-l);border:2px solid var(--line-200);background:var(--surface-card);color:var(--ink-900);font-size:var(--text-child-button);transition:border-color var(--motion-press) var(--ease-out), background var(--motion-press) var(--ease-out), transform var(--motion-press) var(--ease-out);font-weight:600}.answer-option:hover:not(:disabled){border-color:var(--brand-700)}.answer-option:active:not(:disabled){transform:translateY(1px)}.answer-option:disabled{opacity:.55}.answer-option[data-picked]{border-color:var(--brand-700);background:var(--brand-100);opacity:1}.meaning-skip{justify-self:center;margin-top:0}.meaning-skip-hint{color:var(--ink-500);font-size:var(--text-child-body-sm,14px);text-align:center;min-height:1.5em;margin:0}.spell-hint-word{font-family:var(--font-word);color:var(--student-600,var(--brand-700));font-weight:700;font-size:var(--text-child-prompt)}.spell-prompt-line{max-width:min(680px,100%);margin:0}.spell-audio-row{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.spell-audio-row .phonetic-line{margin:0}.spell-audio-row .sound-btn{min-height:30px;padding:0 12px;font-size:13px}.spell-slots{gap:var(--space-3);margin:var(--space-1) 0;flex-wrap:wrap;justify-content:center;display:flex}.spell-slots i{box-sizing:border-box;border-bottom:3px solid var(--line-200);min-width:60px;height:auto;min-height:1.2em;font-family:var(--font-word);font-style:normal;font-size:var(--text-child-slot);color:var(--ink-900);place-items:center;padding:6px 4px;line-height:1;display:grid}.letter-bank{gap:var(--space-3);margin:var(--space-2) 0;flex-wrap:wrap;justify-content:center;display:flex}.letter-bank button{border-radius:var(--radius-m);border:2px solid var(--line-200);background:var(--surface-card);min-width:52px;min-height:52px;color:var(--ink-900);font-family:var(--font-word);font-size:var(--text-child-letter);transition:border-color var(--motion-press) var(--ease-out), transform var(--motion-press) var(--ease-out);font-weight:700}.letter-bank button:hover:not(:disabled){border-color:var(--brand-700)}.letter-bank button:active:not(:disabled){transform:translateY(1px)}.letter-bank button:disabled{opacity:.35}.spell-actions{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex}.spell-give-up{color:var(--ink-600);margin-top:var(--space-1)}.spell-give-up:disabled{opacity:.55}.spell-give-up-hint{margin:var(--space-1) 0 0;color:var(--ink-500);font-size:var(--text-child-body-sm,14px);text-align:center;min-height:1.5em}.save-retry{margin-top:var(--space-4);gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius-m);background:var(--amber-100);justify-items:center;display:grid}.save-retry p{margin:0}.feedback{gap:var(--space-1);flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex}.feedback h1{font-size:var(--text-section-title);margin:0}.feedback-mark{background:var(--success-100);width:48px;height:48px;color:var(--success-600);animation:feedback-pop var(--motion-correct) var(--ease-out);border-radius:50%;place-items:center;display:grid}.feedback-mark svg{width:26px;height:26px}@keyframes feedback-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.feedback-word{font-family:var(--font-word);font-size:var(--text-child-prompt);color:var(--ink-600);margin:0}.feedback-answer{font-family:var(--font-word);font-size:min(calc(var(--text-child-word) * 1.7), 38vh);overflow-wrap:break-word;margin:0;line-height:1.05}.correction{gap:var(--space-1);font-size:var(--text-child-prompt);color:var(--ink-600);display:grid}.correction .wrong-answer{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--danger-500,#ef4444) 12%, transparent);color:var(--danger-600,#dc2626);padding:2px 10px;font-weight:700;text-decoration:line-through;display:inline-block}.correction .correct-answer{font-size:min(var(--text-child-word), 24vh);color:var(--success-600,#16a34a);font-weight:700;line-height:1.05}.correction .correct-answer--meaning{font-size:var(--text-child-prompt);font-weight:600}.result-focus{gap:var(--space-6);text-align:center;padding:var(--space-8) 0;justify-items:center;display:grid}.result-focus h1{font-size:var(--text-page-title)}.result-seal{border:3px solid var(--success-600);width:96px;height:96px;color:var(--success-600);font-family:var(--font-display);font-size:var(--text-section-title);border-radius:50%;place-items:center;font-weight:700;display:grid}.weak-note{gap:var(--space-3);color:var(--ink-600);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.weak-note b{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--amber-100);color:var(--ink-900);font-family:var(--font-word)}.result-challenge-note{gap:var(--space-2);width:min(680px,100%);padding:var(--space-4) var(--space-5);border:1px solid color-mix(in srgb, var(--brand-600) 24%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--brand-100) 72%, transparent);color:var(--ink-600);display:grid}.result-challenge-note b{color:var(--ink-900);font-size:var(--text-body-lg)}.result-actions{gap:var(--space-4);grid-template-columns:1fr 1.18fr;width:min(760px,100%);display:grid}.result-actions .ui-btn{width:100%}.result-actions-secondary{gap:var(--space-3);width:min(760px,100%);margin-top:var(--space-2);justify-items:center;display:grid}.result-actions-secondary .ui-btn{min-width:220px}.phonics-word-main{white-space:nowrap}.phonics-word-wrapper{justify-items:center;gap:var(--space-1);display:grid}.phonics-word-split{opacity:.9;font-size:.55em;line-height:1.2}.phonics-word{flex-wrap:wrap;justify-content:center;align-items:baseline;display:inline-flex}.phonics-phrase{column-gap:.34em}.phonics-phrase-part{white-space:nowrap;display:inline-flex}.phonics-syl{align-items:baseline;display:inline-flex}.phonics-syl i{color:var(--ink-300);padding:0 4px;font-style:normal;font-weight:400}.phonics-syl--0{color:var(--brand-700)}.phonics-syl--1{color:var(--ink-900)}.phonics-syl--2{color:var(--ink-600)}.phonetic-line{font-family:var(--font-word);font-size:calc(var(--text-child-prompt) * .75);color:var(--ink-600);letter-spacing:.04em;margin:0}@media (width<=1279px){.spell-slots i{min-width:56px}.letter-bank button{min-width:48px;min-height:48px}}@media (width<=1023px){.spell-slots i{min-width:50px}.letter-bank button{min-width:44px;min-height:44px}}@media (width<=767px){.result-actions{grid-template-columns:1fr}.learn-step{gap:var(--space-1)}.learn-step .ui-btn--child{min-height:44px;padding:0 var(--space-5)}.study-choice .ui-btn{min-width:110px}.answer-option{min-height:40px}.spell-slots i{min-width:46px}.letter-bank button{min-width:42px;min-height:42px}.word-big{font-size:min(var(--text-child-word), 14vh)}.feedback-answer,.correction .correct-answer{font-size:min(calc(var(--text-child-word) * 1.7), 28vh)}}@media (height<=700px){.word-big{font-size:calc(var(--text-child-word) * .72)}.learn-hint{font-size:calc(var(--text-child-prompt) * .88)}}@media (height<=600px){.word-big{font-size:calc(var(--text-child-word) * .62)}.learn-hint{font-size:calc(var(--text-child-prompt) * .82)}.letter-bank button{min-width:36px;min-height:36px}.feedback-answer,.correction .correct-answer{font-size:calc(var(--text-child-word) * 1.25)}}.break-lock-backdrop{padding:var(--space-6);z-index:70;animation:ui-fade var(--motion-panel) var(--ease-out);background:#0000006b;place-items:center;display:grid;position:fixed;inset:0}.break-lock-panel{background:var(--surface-card);border-radius:var(--radius-l);width:min(480px,100%);box-shadow:var(--shadow-lift);padding:var(--space-8);gap:var(--space-4);text-align:center;justify-items:center;display:grid}.break-lock-panel h2{font-size:var(--text-section-title);margin:0}.break-lock-panel p{color:var(--ink-600);margin:0}.break-lock-icon{font-size:48px;line-height:1}.break-lock-timer{font-family:var(--font-word);font-size:var(--text-data-number);color:var(--brand-700)}.break-lock-auto{font-size:var(--text-body);color:var(--ink-600);margin-top:var(--space-1);display:block}.step-indicator{min-height:32px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--brand-100);color:var(--brand-700);letter-spacing:.06em;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.editor-back{justify-self:start}.bottom-actions{justify-content:flex-end;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line-200);flex-wrap:wrap;display:flex}.explain-box{gap:var(--space-1);padding:var(--space-4) var(--space-6);border-radius:var(--radius-m);background:var(--paper-1);border-left:3px solid var(--brand-700);display:grid}.explain-box span{color:var(--ink-600);font-size:var(--text-small)}.identity-bar{align-items:center;gap:var(--space-3);min-width:0;display:flex}.identity-bar b{font-size:18px;display:block}.identity-bar .ui-quiet{display:block}.word-spelling{font-family:var(--font-word);letter-spacing:.01em}.parent-login{background:var(--paper-0);min-height:100vh}.auth-layout{width:min(1080px,100% - 2*clamp(16px,4vw,48px));padding:var(--space-16) 0 var(--space-24);gap:var(--space-16);grid-template-columns:1.1fr 1fr;align-items:center;margin:0 auto;display:grid}.trust-copy{gap:var(--space-4);align-content:start;display:grid}.trust-copy h1{font-size:var(--text-page-title)}.trust-copy ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.trust-copy li{color:var(--ink-600);padding-left:var(--space-6);position:relative}.trust-copy li:before{content:"";background:var(--brand-100);border:2px solid var(--brand-700);border-radius:3px;width:10px;height:10px;position:absolute;top:10px;left:0}.auth-panel{padding:var(--space-8);gap:var(--space-6);align-content:start;display:grid}.auth-panel h2{font-size:var(--text-section-title)}.auth-panel-submit{flex:1}.dash-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.dash-card{padding:var(--space-6);gap:var(--space-5,20px);border-top:3px solid var(--student-600,var(--brand-700));align-content:start;display:grid}.dash-card-head{align-items:center;gap:var(--space-3);display:flex}.dash-card-head>div{flex:1;min-width:0}.dash-card-head h2{font-size:22px}.dash-card-head p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dash-card-head .ui-pill{white-space:nowrap;flex:none;margin-left:auto}.dash-card-error{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-m);background:var(--danger-100);justify-items:start;display:grid}.dash-card-pending{gap:var(--space-1);padding:var(--space-4) var(--space-6);border-radius:var(--radius-m);background:var(--paper-1);display:grid}.dash-card-pending b{font-size:20px}.dash-card-facts{gap:var(--space-4);display:grid}.dash-card-accuracy{align-items:center;gap:var(--space-3);display:flex}.dash-card-accuracy strong{font-size:var(--text-data-number);font-family:var(--font-display);line-height:1}.dash-card-accuracy span{color:var(--ink-600);font-size:var(--text-small)}.dash-card-vocab{gap:var(--space-6);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--paper-1);flex-wrap:wrap;display:flex}.dash-card-vocab span{color:var(--ink-600);font-size:var(--text-small);align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.dash-card-vocab span:not(:last-child):after{content:"·";margin-left:var(--space-5);color:var(--ink-300)}.dash-card-vocab b{color:var(--brand-700);font-variant-numeric:tabular-nums;font-size:18px;line-height:1}.dash-card-mini{gap:var(--space-6);flex-wrap:wrap;display:flex}.dash-card-mini span{color:var(--ink-600);font-size:var(--text-small);align-items:center;gap:var(--space-1);white-space:nowrap;display:inline-flex}.dash-card-mini b{color:var(--ink-900);font-variant-numeric:tabular-nums;font-size:17px;line-height:1}.dash-daily-limit{padding-top:var(--space-3);border-top:1px solid var(--line-200);color:var(--ink-600);font-size:var(--text-small);margin:0}.dash-daily-limit b{color:var(--ink-900)}.dash-empty{padding:var(--space-12);gap:var(--space-4);justify-items:start;display:grid}.dash-empty h2{font-size:var(--text-section-title)}.dash-empty>p{max-width:680px}.dash-empty-steps{width:100%;margin:var(--space-2) 0;gap:var(--space-3);counter-reset:onboarding-step;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.dash-empty-steps li{counter-increment:onboarding-step;min-height:112px;padding:var(--space-4);border-radius:var(--radius-m);background:var(--paper-1);align-content:start;gap:var(--space-1);display:grid}.dash-empty-steps li:before{content:"0" counter(onboarding-step);color:var(--brand-700);letter-spacing:.08em;font-size:12px;font-weight:800}.dash-empty-steps b{font-size:17px}.dash-empty-steps span{color:var(--ink-600);font-size:var(--text-small)}@media (width<=760px){.dash-empty{padding:var(--space-8)}.dash-empty-steps{grid-template-columns:1fr}.dash-empty-steps li{min-height:auto}}.editor-layout{gap:var(--space-8);grid-template-columns:minmax(300px,380px) 1fr;align-items:start;display:grid}.editor-preview{padding:var(--space-6) var(--space-8);gap:var(--space-3);text-align:center;border-top:3px solid var(--student-600,var(--brand-700));justify-items:center;display:grid}.editor-preview>b{font-size:22px}.editor-picker{gap:var(--space-3);justify-items:center;width:100%;display:grid}.editor-picker>b{margin-top:var(--space-2);font-size:15px}.avatar-options,.theme-options{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.avatar-upload-trigger{justify-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-m);color:var(--ink-600);display:grid}.avatar-upload-trigger .ui-avatar{transition:transform var(--motion-press) var(--ease-out), box-shadow var(--motion-press) var(--ease-out)}.avatar-upload-trigger:hover .ui-avatar,.avatar-upload-trigger:focus-visible .ui-avatar{box-shadow:0 0 0 5px var(--student-100,var(--brand-100));transform:translateY(-2px)}.avatar-upload-trigger span:not(.ui-avatar){color:var(--brand-700);font-size:14px;font-weight:700}.avatar-upload-trigger small{color:var(--ink-600)}.avatar-option,.theme-option{border:2px solid var(--line-200);background:var(--surface-card);width:40px;height:40px;transition:border-color var(--motion-press) var(--ease-out), transform var(--motion-press) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid}.avatar-option i{background:var(--paper-1);width:44px;height:44px;color:var(--ink-900);border-radius:50%;place-items:center;font-style:normal;font-weight:700;display:grid}.theme-swatch{background:var(--student-100,var(--brand-100));border:2.5px solid var(--student-600,var(--brand-700));border-radius:50%;flex:none;width:24px;height:24px}.avatar-option:hover,.theme-option:hover{border-color:var(--ink-300)}.avatar-option.is-selected,.theme-option.is-selected{border-color:var(--ink-900);transform:scale(1.06)}.editor-form{padding:var(--space-8)}.stepper{align-items:center;gap:var(--space-4);display:flex}.stepper button{width:var(--touch-parent);height:var(--touch-parent);border:1px solid var(--line-200);background:var(--surface-card);transition:border-color var(--motion-press) var(--ease-out);border-radius:50%;font-size:20px;font-weight:700}.stepper button:hover:not(:disabled){border-color:var(--brand-700);color:var(--brand-700)}.stepper button:disabled{opacity:.4}.stepper strong,.stepper input{text-align:center;min-width:56px;max-width:84px;font-size:28px;font-family:var(--font-display);color:inherit;background:0 0;border:none}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input[type=number]{-moz-appearance:textfield}.device-layout{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.device-panel{padding:var(--space-8)}.device-panel h2{font-size:var(--text-section-title)}.bind-code-panel{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-m);background:var(--paper-1);border:1px dashed var(--line-200);justify-items:start;display:grid}.bind-code-value{font-family:var(--font-word);letter-spacing:.3em;font-size:56px;line-height:1}.bind-code-notes{padding-left:var(--space-6);gap:var(--space-1);margin:0;display:grid}.access-required-panel{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--amber-500);border-radius:var(--radius-m);background:var(--amber-100);display:grid}.access-required-panel h3{margin:0;font-size:20px}.access-required-panel p{color:var(--ink-600);margin:0}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--line-200);cursor:pointer;display:flex}.switch-row small{color:var(--ink-600);font-weight:400;display:block}.switch-row input{appearance:none;border-radius:var(--radius-pill);background:var(--line-200);cursor:pointer;width:56px;height:32px;transition:background var(--motion-press) var(--ease-out);flex:none;position:relative}.switch-row input:after{content:"";background:var(--surface-card);width:26px;height:26px;box-shadow:var(--shadow-soft);transition:left var(--motion-press) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch-row input:checked{background:var(--success-600)}.switch-row input:checked:after{left:27px}.switch-row input:focus-visible{outline:3px solid var(--brand-100);outline-offset:2px}.device-coming{gap:var(--space-2);padding:var(--space-8);border-radius:var(--radius-m);border:1px dashed var(--line-200);color:var(--ink-300);text-align:center;display:grid}.device-coming span{font-size:32px}.device-list{gap:var(--space-4);display:grid}.device-item{gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--line-200);border-radius:var(--radius-m);background:var(--paper-1);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;display:grid}.device-item__action{align-self:center}.device-item__icon{background:var(--brand-100);width:48px;height:48px;color:var(--brand-700);border-radius:14px;place-items:center;font-size:22px;display:grid}.device-item__main{min-width:0}.device-item h3{margin:0;font-size:20px}.device-meta{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.device-meta div{gap:2px;display:grid}.device-meta dt{color:var(--ink-600);font-size:13px}.device-meta dd{margin:0;font-weight:650}.device-revoke{min-height:var(--touch-parent);padding:0 var(--space-5,20px);border:1.5px solid var(--danger-600);border-radius:var(--radius-m);background:var(--surface-card);color:var(--danger-600);white-space:nowrap;transition:background var(--motion-press) var(--ease-out), transform var(--motion-press) var(--ease-out);font-size:15px;font-weight:600}.device-revoke:active{transform:translateY(1px)}.device-revoke:hover{background:var(--danger-100)}.wordlists-note{padding:var(--space-8);gap:var(--space-4);display:grid}.wordlists-note h2{font-size:var(--text-section-title)}.wordlists-steps{gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.wordlists-steps li{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-m);background:var(--paper-1);display:grid}.wordlists-steps b{color:var(--brand-700);letter-spacing:.08em;font-size:13px}.wordlists-steps span{color:var(--ink-600);font-size:var(--text-small)}.source-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.source-icon{border-radius:var(--radius-m);background:var(--paper-1);width:48px;height:48px;color:var(--ink-600);margin-bottom:var(--space-2);transition:background var(--motion-press) var(--ease-out), color var(--motion-press) var(--ease-out);place-items:center;display:grid}.source-card.is-selected .source-icon{background:var(--brand-100);color:var(--brand-700)}.source-card{gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-l);border:var(--card-border);background:var(--surface-card);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;display:grid}.source-card b{align-items:center;gap:var(--space-2);font-size:18px;display:inline-flex}.source-card span{color:var(--ink-600);font-size:var(--text-small)}.source-card.is-selected{border:2px solid var(--brand-700);background:color-mix(in srgb, var(--brand-100) 35%, var(--surface-card))}.drop-area-icon{color:var(--ink-300)}.drop-area:hover .drop-area-icon,.drop-area.is-dragging .drop-area-icon{color:var(--brand-700)}.drop-area{gap:var(--space-2);padding:var(--space-16) var(--space-6);border-radius:var(--radius-l);border:2px dashed var(--line-200);background:var(--surface-card);text-align:center;cursor:pointer;transition:border-color var(--motion-press) var(--ease-out), background var(--motion-press) var(--ease-out);justify-items:center;display:grid}.drop-area:hover,.drop-area.is-dragging{border-color:var(--brand-700);background:var(--brand-100)}.drop-area b{font-size:20px}.drop-area span{color:var(--ink-600);font-size:var(--text-small)}.drop-area-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-submit{min-width:200px}.photo-import-shell{gap:var(--space-4);display:grid}.photo-start-card{min-height:160px;padding:var(--space-8) var(--space-10);align-items:center;gap:var(--space-6);border-top:3px solid var(--brand-700);display:flex}.photo-start-body{justify-content:space-between;align-items:center;gap:var(--space-8);flex:1;display:flex}.photo-start-text{gap:var(--space-2);display:grid}.photo-start-text h2,.photo-local-card h2,.photo-qr-card h2{font-size:var(--text-section-title)}.photo-start-text p,.photo-local-card p,.photo-qr-card p{color:var(--ink-600)}.photo-start-body .ui-btn{flex:none}.photo-start-mark{background:var(--brand-100);width:76px;height:76px;color:var(--brand-700);font-family:var(--font-display);border-radius:24px;place-items:center;font-size:32px;display:grid}.photo-import-grid{gap:var(--space-6);grid-template-columns:1.05fr .95fr;align-items:start;display:grid}.photo-local-card,.photo-qr-card{padding:var(--space-8);gap:var(--space-4);align-content:start;display:grid}.photo-local-card{border-top:3px solid var(--brand-700)}.photo-qr-card{text-align:center;justify-items:center}.photo-qr-card .ui-eyebrow{justify-self:start}.photo-pick-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.photo-selection{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line-200);display:grid}.photo-selection ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.photo-selection li{gap:var(--space-2);min-width:0;padding:var(--space-2);border-radius:var(--radius-s);background:var(--paper-1);grid-template-columns:30px 1fr 32px;align-items:center;display:grid}.photo-selection li>span{background:var(--brand-100);width:26px;height:26px;color:var(--brand-700);border-radius:50%;place-items:center;font-weight:800;display:grid}.photo-selection li>button{color:var(--ink-600);cursor:pointer;background:0 0;border:0;font-size:24px}.qr-frame{aspect-ratio:1;border:1px solid var(--line-200);width:min(280px,100%);box-shadow:var(--shadow-soft);background:#fffdf7;border-radius:28px;place-items:center;padding:10px;display:grid}.qr-frame img{border-radius:18px;width:100%;height:100%;display:block}.qr-frame span{color:var(--ink-600)}.photo-live-state{justify-content:center;align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--paper-1);color:var(--ink-600);display:flex}.photo-live-state i{background:var(--ink-300);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--ink-300) 16%, transparent);border-radius:50%}.photo-live-state i.is-active{background:var(--success-600);box-shadow:0 0 0 5px color-mix(in srgb, var(--success-600) 16%, transparent)}.issue-card{padding:var(--space-6);gap:var(--space-4);display:grid}.issue-card-fields{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.issue-card-fields small{color:var(--ink-600);font-size:12px;font-weight:400;display:block}.issue-card-fields b{font-size:18px}.issue-edit-grid{gap:var(--space-4);grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr);display:grid}.issue-card-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.review-section{gap:var(--space-4);display:grid}.review-section-title{align-items:baseline;gap:var(--space-2);font-size:20px;display:flex}.review-section-title em{font-style:normal;font-family:var(--font-word);color:var(--brand-700)}.parsing-state{padding:var(--space-12) var(--space-8);gap:var(--space-4);text-align:center;justify-items:center;display:grid}.parsing-state h2{font-size:var(--text-section-title)}.parsing-state p{color:var(--ink-600);max-width:520px}.parsing-spinner{border:4px solid var(--brand-100);border-top-color:var(--brand-700);border-radius:50%;width:44px;height:44px;animation:1s linear infinite parsing-spin}@keyframes parsing-spin{to{transform:rotate(360deg)}}.row-no{font-family:var(--font-word);color:var(--ink-300);font-variant-numeric:tabular-nums;font-size:13px}.accepted-table{padding:var(--space-2) var(--space-6)}.accepted-row{gap:var(--space-4);min-height:52px;padding:var(--space-2) 0;border-bottom:1px solid var(--line-200);grid-template-columns:48px minmax(120px,.8fr) minmax(200px,1.6fr) auto;align-items:center;display:grid}.accepted-row:last-child{border-bottom:0}.accepted-row--head{letter-spacing:.08em;min-height:36px;color:var(--ink-600);font-size:12px}.accepted-row .word-spelling{font-family:var(--font-word);font-size:17px;font-weight:600}.accepted-meaning{color:var(--ink-600);font-size:var(--text-small)}.accepted-row-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.accepted-row input{min-height:40px;padding:0 var(--space-3);border:1px solid var(--brand-700);border-radius:var(--radius-s);background:var(--surface-card);width:100%;font-size:15px}.accepted-row.is-editing{background:var(--paper-1);border-radius:var(--radius-s);padding-left:var(--space-2);padding-right:var(--space-2)}.accepted-remove{color:var(--danger-600)}.accepted-row-error{color:var(--danger-600);font-size:12px}@media (width<=767px){.accepted-table{padding:var(--space-2) var(--space-4)}.accepted-row{grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr)}.accepted-row--head{display:none}.accepted-row .accepted-meaning{grid-column:2}.accepted-row-actions{grid-column:2;justify-content:flex-start}}.assign-card-list{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.assign-child{align-content:start;justify-items:center;gap:var(--space-3);min-width:240px;padding:var(--space-10,40px) var(--space-6) var(--space-8);border-radius:var(--radius-l);border:2px solid color-mix(in srgb, var(--card-600,var(--brand-700)) 30%, var(--line-200));background:color-mix(in srgb, var(--card-100,var(--brand-100)) 30%, var(--surface-card));cursor:pointer;text-align:center;transition:border-color var(--motion-press) var(--ease-out), background var(--motion-press) var(--ease-out), transform var(--motion-press) var(--ease-out);flex:0 280px;display:grid;position:relative}.assign-child:hover{border-color:var(--card-600,var(--brand-700));transform:translateY(-2px)}.assign-child input{opacity:0;width:1px;height:1px;position:absolute}.assign-child-check{top:var(--space-3);right:var(--space-3);border:2px solid var(--line-200);color:#0000;background:var(--surface-card);width:26px;height:26px;transition:all var(--motion-press) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute}.assign-child.is-selected{border-color:var(--card-600,var(--brand-700));background:var(--card-100,var(--brand-100));box-shadow:0 4px 0 color-mix(in srgb, var(--card-600,var(--brand-700)) 25%, transparent)}.assign-child.is-selected .assign-child-check{background:var(--card-600,var(--brand-700));border-color:var(--card-600,var(--brand-700));color:var(--paper-0)}.assign-child .ui-avatar--large{width:68px;height:68px;margin-bottom:var(--space-2);font-size:34px}.assign-child-name{gap:2px;display:grid}.assign-child-name b{font-size:18px}.assign-child-name small{color:var(--ink-600)}.assign-empty{padding:var(--space-8);gap:var(--space-3);justify-items:start;display:grid}.assign-success{padding:var(--space-12);gap:var(--space-4);border-left:4px solid var(--success-600);justify-items:start;display:grid}.assign-success h1{font-size:var(--text-page-title)}.child-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.child-tab{min-height:var(--touch-parent);padding:0 var(--space-5,20px);border-radius:var(--radius-pill);border:1px solid var(--line-200);background:var(--surface-card);color:var(--ink-600);transition:border-color var(--motion-press) var(--ease-out);font-weight:600}.child-tab:hover{border-color:var(--ink-300);color:var(--ink-900)}.child-tab.is-active{border-color:var(--student-600,var(--brand-700));background:var(--student-100,var(--brand-100));color:var(--student-600,var(--brand-700))}.report-loading,.report-error{padding:var(--space-8);gap:var(--space-4);justify-items:start;display:grid}.report-conclusion{padding:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-8);border-top:3px solid var(--student-600,var(--brand-700));flex-wrap:wrap;display:flex}.report-conclusion h2{font-size:var(--text-section-title);margin:var(--space-2) 0}.report-accuracy{text-align:right}.report-accuracy strong{font-size:var(--text-data-number);font-family:var(--font-display);line-height:1;display:block}.report-accuracy span{color:var(--ink-600);font-size:var(--text-small)}.report-facts{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.report-facts article{gap:var(--space-1);padding:var(--space-4) var(--space-6);border-radius:var(--radius-m);background:var(--surface-card);border:var(--card-border);display:grid}.report-facts span{color:var(--ink-600);font-size:var(--text-small)}.report-facts b{font-size:32px;font-family:var(--font-display)}.report-facts small{color:var(--ink-300);font-size:12px}.weak-section{padding:var(--space-8);gap:var(--space-6);display:grid}.weak-list{margin:0;padding:0;list-style:none;display:grid}.weak-row{align-items:center;gap:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--line-200);grid-template-columns:minmax(180px,1.2fr) auto minmax(160px,1fr) auto;display:grid}.weak-row:last-child{border-bottom:0}.weak-word b{font-size:20px;display:block}.weak-word small{color:var(--ink-600)}.weak-level{gap:var(--space-1);display:grid}.weak-level small{color:var(--ink-600);font-size:12px}.level-bar{border-radius:var(--radius-pill);background:var(--paper-2);height:8px;display:block;overflow:hidden}.level-bar i{border-radius:inherit;background:var(--amber-500);height:100%;display:block}.subs-list{display:grid}.subs-row{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line-200);grid-template-columns:minmax(200px,1.4fr) auto auto auto;display:grid}.subs-row:last-child{border-bottom:0}.subs-row.is-active{background:linear-gradient(90deg, color-mix(in srgb, var(--success-100) 48%, transparent), transparent 58%)}.subs-access-copy{gap:3px;min-width:168px;display:grid}.subs-access-copy strong{color:var(--ink-900);font-size:17px}.subs-access-copy small{color:var(--ink-600);white-space:nowrap}.subs-active-mark{min-width:112px;color:var(--success-600);text-align:center;font-weight:700}.admin-preview{background:var(--paper-0);min-height:100vh}.admin-banner{padding:var(--space-3) var(--space-6);border-radius:var(--radius-m);background:var(--amber-100);color:var(--amber-500);text-align:center;margin:0;font-weight:600}.admin-toolbar{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.admin-toolbar-field{flex:1;min-width:260px}.admin-family{display:grid}.admin-family-head{align-items:baseline;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--paper-1);border-bottom:1px solid var(--line-200);display:flex}.grant-row{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line-200);grid-template-columns:minmax(200px,1.4fr) auto auto auto;display:grid}.grant-row:last-child{border-bottom:0}@media (width<=899px){.auth-layout{gap:var(--space-8);padding-top:var(--space-8);grid-template-columns:1fr}.editor-layout,.device-layout,.source-grid,.wordlists-steps,.photo-import-grid{grid-template-columns:1fr}.photo-start-card{padding:var(--space-6)}.photo-start-body{align-items:stretch;gap:var(--space-5);flex-direction:column}.photo-start-body .ui-btn{width:100%}.issue-edit-grid{grid-template-columns:1fr}.report-facts{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.weak-row{gap:var(--space-2) var(--space-4);grid-template-columns:1fr auto}.weak-level{grid-column:1/-1}.subs-row,.grant-row{gap:var(--space-3);grid-template-columns:1fr;justify-items:start}.report-accuracy{text-align:left}}.grade-row{gap:var(--space-3);align-items:center;display:flex}.grade-row select{flex:1;min-width:0}.semester-toggle{border:1px solid var(--line-200);border-radius:var(--radius-pill);flex:none;display:inline-flex;overflow:hidden}.semester-toggle button{min-height:var(--touch-parent);padding:0 var(--space-5,20px);color:var(--ink-600);background:var(--surface-card);transition:background var(--motion-press) var(--ease-out);font-size:15px;font-weight:600}.semester-toggle button+button{border-left:1px solid var(--line-200)}.semester-toggle button.is-selected{background:var(--brand-700);color:var(--paper-0)}.dash-loading{gap:var(--space-3);padding:var(--space-16) var(--space-6);flex-direction:row;display:flex}.dash-loading-dot{background:var(--brand-700);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite dash-pulse}@keyframes dash-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (width<=767px){.device-item{grid-template-columns:48px minmax(0,1fr)}.device-item__action{grid-column:2;justify-self:start}}.assign-child-textbook{color:var(--ink-600);background:color-mix(in srgb, var(--surface-card) 72%, var(--card-100,var(--brand-100)));border:1px solid color-mix(in srgb, var(--card-600,var(--brand-700)) 18%, var(--line-200));border-radius:var(--radius-pill);padding:2px var(--space-3);font-size:12px}.assign-child-stats{width:100%;margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb, var(--card-600,var(--brand-700)) 16%, var(--line-200));grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;display:grid}.assign-child-stats>span:not(.assign-child-stats__divider){justify-items:center;gap:3px;display:grid}.assign-child-stats strong{font-family:var(--font-display);color:var(--card-600,var(--brand-700));font-variant-numeric:tabular-nums;font-size:25px;line-height:1}.assign-child-stats small{color:var(--ink-600);letter-spacing:.06em;font-size:12px}.assign-child-stats__divider{background:color-mix(in srgb, var(--card-600,var(--brand-700)) 18%, var(--line-200));width:1px;height:30px}[data-card-tone=sun]{--card-600:#c07f2e;--card-100:#f6e9cf}[data-card-tone=leaf]{--card-600:#4f7d52;--card-100:#e2eddc}[data-card-tone=sky]{--card-600:#3f6f8f;--card-100:#dfeaf1}[data-card-tone=berry]{--card-600:#96505f;--card-100:#f2e1e4}[data-card-tone=lilac]{--card-600:#6a5f8f;--card-100:#e8e5f1}.wordlist-list{gap:var(--space-6);margin-top:var(--space-8);display:grid}.wordlist-card{padding:var(--space-6);gap:var(--space-4);align-content:start;display:grid}.wordlist-card h2{font-size:var(--text-section-title)}.wordlist-meta{margin:0}.wordlist-rename{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:inline-flex}.wordlist-rename input{min-height:var(--touch-parent);min-width:min(320px,100%);padding:0 var(--space-3);border:1px solid var(--line-200);border-radius:var(--radius-m);font-size:15px}.wordlist-chips{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.wordlist-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border:1px solid var(--line-200);border-radius:var(--radius-pill);background:var(--paper-1);font-size:var(--text-small);display:inline-flex}.wordlist-chip em{color:var(--ink-600);font-size:12px;font-style:normal}.wordlist-chip[data-status=paused] em{color:var(--amber-500)}.wordlist-chip[data-status=completed] em{color:var(--success-600)}.wordlist-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.wordlist-detail{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line-200);display:grid}.wordlist-items{margin:0;padding:0;list-style:none;display:grid}.wordlist-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--line-200);grid-template-columns:40px minmax(120px,1fr) minmax(0,2fr) auto;display:grid}.wordlist-item:last-child{border-bottom:0}.wordlist-item__no{color:var(--ink-300);font-variant-numeric:tabular-nums;text-align:right}.wordlist-item__spelling{font-weight:700}.wordlist-item__meaning{color:var(--ink-600);overflow-wrap:anywhere}.wordlist-item__edit{align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-column:3/-1;display:inline-flex}.wordlist-item__edit input{min-width:min(240px,100%);min-height:34px;padding:0 var(--space-3);border:1px solid var(--line-200);border-radius:var(--radius-m);flex:1;font-size:14px}.wordlist-empty{gap:var(--space-4);text-align:center;justify-items:center}.assign-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.assign-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.assign-row__student{align-items:center;gap:var(--space-3);min-height:var(--touch-parent);font-weight:600;display:inline-flex}.assign-row__student input{width:20px;height:20px;accent-color:var(--brand-700)}.assign-row__status{min-width:140px}@media (width<=899px){.wordlist-item{grid-template-columns:32px minmax(0,1fr) auto}.wordlist-item__meaning{grid-column:2/-1}.wordlist-item__edit{grid-column:1/-1}}.wordlist-archive{color:var(--danger-600)}.wordlist-archive:hover{background:var(--danger-100)}