.word-catalog-list{min-width:0}html .app-shell button.icon-button.unit-word-list-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:8px;cursor:pointer;color:var(--cp-accent, #5f6ce5)}.unit-word-list-button:focus-visible{outline:2px solid var(--cp-accent, #5f6ce5);outline-offset:2px}.unit-word-count{display:flex;align-items:center;gap:6px}.scene-counts{align-items:center}.lexicon-list-hint,.lexicon-hint{color:var(--cp-text-muted, #71717a);font-size:12px;line-height:1.7}.lexicon-list-hint{margin:0 0 8px}.lexicon-list-definition{margin:5px 0 0;color:var(--cp-text-muted, #71717a);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.lexicon-word-link{border:0;padding:0;background:none;color:var(--cp-text, #27272a);font:700 18px Georgia,Times New Roman,serif;text-align:left;overflow-wrap:anywhere;cursor:pointer}.lexicon-word-link:hover{color:var(--cp-accent, #5f6ce5);text-decoration:underline;text-underline-offset:4px}.practice-word-link{font:inherit;font-weight:700}.practice-word-details{margin:12px 0;color:var(--cp-text-muted, #71717a);font-size:13px}.practice-word-details summary{cursor:pointer;padding:8px 0}.practice-word-details>div{display:flex;flex-wrap:wrap;gap:8px}.practice-word-details .practice-word-link{padding:8px 12px;min-height:40px;border:1px solid var(--cp-border, #e5e7eb);border-radius:8px}.home-journey-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.home-journey-heading h2{margin:0;font-size:18px}@media print{.practice-word-details{display:none}}.lexicon-word-link:focus-visible,.lexicon-editable:focus-visible{outline:2px solid var(--cp-accent, #5f6ce5);outline-offset:3px;border-radius:3px}.lexicon-list-meaning{display:flex;align-items:center;gap:7px;min-width:0}.lexicon-list-meaning .meaning-toggle{flex:0 0 auto;padding:3px 6px}.lexicon-list-meaning .lexicon-editable{font-size:13px;line-height:1.45}.lexicon-editable{white-space:pre-wrap;overflow-wrap:anywhere}.lexicon-editable.is-editable{cursor:text;border-radius:4px}.lexicon-editable.is-editable:hover{background:color-mix(in srgb,var(--cp-accent, #5f6ce5) 9%,transparent)}.lexicon-missing{color:var(--cp-text-muted, #71717a);font-weight:400;font-size:.9em}.lexicon-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px}.word-catalog-list .learned-table .lexicon-pos-cell{width:90px;overflow-wrap:anywhere}.word-catalog-list .learned-table .lexicon-attribute-cell{width:130px}.vocabulary-attribute{display:grid;gap:5px}.vocabulary-attribute small{font-size:11px;color:var(--cp-text-muted)}.vocabulary-level-status,.vocabulary-level-error{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:12px 0;font-size:13px}.vocabulary-level-status{color:var(--cp-text-muted)}.vocabulary-level-error{padding:12px;border:1px solid var(--cp-danger);border-radius:10px;color:var(--cp-danger)}.vocabulary-attribute-filter{display:flex;align-items:center;gap:8px;color:var(--cp-text-muted);font-size:13px}.vocabulary-attribute-filter select{min-height:40px;padding:6px 10px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);color:var(--cp-text);font:inherit}.word-catalog-list .learned-table .lexicon-source-cell{width:190px;overflow-wrap:anywhere}.word-catalog-list .learned-table .lexicon-actions-cell{width:80px}.lexicon-source-cell .topic-tag{white-space:normal}.lexicon-empty{padding:20px}.lexicon-service-error{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 16px;background:var(--cp-surface-soft, #fff7ed);color:var(--cp-text, #57534e);font-size:12px}.lexicon-service-error button{color:inherit;background:transparent;border:1px solid currentColor;border-radius:5px;padding:3px 7px;cursor:pointer}.lexicon-dialog{--lx-border: var(--cp-border, #e5e7eb);--lx-soft: var(--cp-surface-soft, #f5f5f7);--lx-muted: var(--cp-text-muted, #71717a);width:min(850px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--lx-border);border-radius:22px;color:var(--cp-text, #27272a);background:var(--cp-surface, #fff);box-shadow:0 24px 100px #0003;overscroll-behavior:contain}.lexicon-dialog::backdrop{background:#10162680;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lexicon-dialog button{cursor:pointer}.lexicon-dialog button:disabled{cursor:wait;opacity:.55}.lexicon-dialog-toolbar{position:sticky;top:0;z-index:2;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--lx-border);background:var(--cp-surface, #fff)}.lexicon-dialog-toolbar>span{font-size:12px;color:var(--lx-muted)}.lexicon-dialog :is(.secondary,.primary){display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;padding:9px 12px;font:inherit;font-size:13px}.lexicon-dialog .secondary{background:var(--lx-soft);color:inherit;border:1px solid var(--lx-border)}.lexicon-dialog .primary{background:var(--cp-accent, #5f6ce5);color:var(--cp-accent-fg, #fff);border:1px solid transparent}.lexicon-dialog .icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border:0;border-radius:8px;color:inherit;background:transparent;vertical-align:middle}.lexicon-dialog .icon-button:hover{background:var(--lx-soft)}.lexicon-card{padding:30px 38px 38px}.lexicon-card-header h1{margin:8px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,8vw,68px);line-height:1.08;letter-spacing:-.03em;overflow-wrap:anywhere}.lexicon-card-header .eyebrow{font-size:10px;letter-spacing:.19em;color:var(--lx-muted)}.lexicon-pronunciations{display:flex;flex-wrap:wrap;gap:10px 28px}.lexicon-pronunciation{display:flex;align-items:center;gap:8px;font-size:15px}.lexicon-pronunciation>span:first-child{color:var(--lx-muted);font-size:12px}.lexicon-summary{display:flex;align-items:baseline;gap:12px;font-size:21px;font-weight:650;margin-top:25px}.lexicon-summary-label{font-size:13px;margin:24px 0 0;color:var(--lx-muted)}.lexicon-pos{color:var(--cp-accent, #5f6ce5);font-size:14px;font-weight:500}.lexicon-definition{color:var(--lx-muted);font-size:14px;line-height:1.75}.lexicon-detail-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-radius:10px;background:var(--lx-soft);color:var(--lx-muted);font-size:12px;line-height:1.65}.lexicon-section{margin-top:30px}.lexicon-section>h2{margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--lx-border);font-size:16px;font-weight:650}.lexicon-section p{line-height:1.8;margin:8px 0}.lexicon-sense{padding:0 0 16px}.lexicon-sense h3{font-size:13px;color:var(--cp-accent, #5f6ce5);margin:12px 0 9px}.lexicon-sense-meaning{font-size:17px;font-weight:600}.lexicon-examples{margin:16px 0 0;padding:0;list-style:none;counter-reset:example;display:grid;gap:10px}.lexicon-examples li{position:relative;padding:14px 16px 14px 43px;background:var(--lx-soft);border-radius:12px;font-size:14px;counter-increment:example}.lexicon-examples li:before{content:counter(example,decimal-leading-zero);position:absolute;left:14px;top:18px;color:var(--lx-muted);font-size:10px}.lexicon-examples li>div{line-height:1.8}.lexicon-examples li>p{color:var(--lx-muted);font-size:13px;margin:4px 0 0}.lexicon-synonym{border-left:3px solid var(--lx-border);padding:2px 0 2px 14px;margin:14px 0}.lexicon-card footer{margin-top:28px;padding-top:15px;border-top:1px solid var(--lx-border)}.lexicon-editor{width:min(600px,calc(100vw - 32px))}.lexicon-editor-label{display:grid;gap:12px;margin:22px;font-size:14px;font-weight:600}.lexicon-editor textarea{box-sizing:border-box;width:100%;min-height:130px;resize:vertical;border:1px solid var(--lx-border);border-radius:10px;padding:12px;color:inherit;background:var(--lx-soft);font:inherit;line-height:1.65}.lexicon-editor>.lexicon-hint{margin:16px 22px}.lexicon-editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;padding:18px 22px}.lexicon-confirm{padding:10px 22px 0}.lexicon-confirm h2{font-size:21px}.lexicon-confirm>p{font-size:13px;line-height:1.8;color:var(--lx-muted)}.lexicon-confirm dl{margin:16px 0;padding:14px;border:1px solid var(--lx-border);border-radius:12px}.lexicon-confirm dt{font-size:12px;color:var(--lx-muted);margin-bottom:7px}.lexicon-confirm dd{margin:0 0 16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.lexicon-confirm dd:last-child{margin-bottom:0}.lexicon-confirm .lexicon-editor-actions{padding-right:0;padding-left:0}.lexicon-error,.lexicon-confirm>.lexicon-error{color:var(--cp-danger, #b44444);font-size:13px;line-height:1.7}.lexicon-jobs{padding:13px 16px;margin-bottom:16px;font-size:13px}.lexicon-jobs summary{cursor:pointer;font-weight:600}.lexicon-jobs p{color:var(--cp-text-muted, #71717a);line-height:1.8}.lexicon-jobs progress{width:100%;height:7px;accent-color:var(--cp-accent, #5f6ce5)}.lexicon-job-counts,.lexicon-job-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}html[data-appearance=apple] .lexicon-dialog{--cp-surface: var(--apple-surface, #fff);--cp-surface-soft: var(--apple-soft, #f5f5f7);--cp-text: var(--apple-ink, #1d1d1f);--cp-text-muted: var(--apple-muted, #6e6e73);--cp-border: var(--apple-border, #e5e5e7);--cp-accent: var(--apple-indigo, #007aff);border-radius:24px}@media(max-width:600px){.word-catalog-list .learned-table .lexicon-main-cell{grid-column:2;grid-row:1}.word-catalog-list .learned-table .lexicon-pos-cell{grid-row:2}.word-catalog-list .learned-table :is(.lexicon-pos-cell,.lexicon-attribute-cell,.lexicon-source-cell,.lexicon-actions-cell){grid-column:2;width:auto;padding-top:0;display:flex;align-items:baseline;gap:8px}.app-shell .word-catalog-list .learned-table td:is(.lexicon-pos-cell,.lexicon-source-cell){padding-top:0;padding-bottom:2px}.word-catalog-list .learned-table td[data-label]:before{content:attr(data-label);flex-shrink:0;color:var(--cp-text-muted, #71717a);font-size:11px}}@media(max-width:640px){.lexicon-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.lexicon-dialog-toolbar{padding:11px 12px}.lexicon-dialog-toolbar>span{font-size:10px}.lexicon-card{padding:24px 18px}.lexicon-summary{font-size:18px}.lexicon-pronunciations{gap:8px 16px}.word-catalog-list .learned-word-line{gap:6px}.word-catalog-list .learned-word-identity{gap:3px 6px}.word-catalog-list .lexicon-list-meaning{font-size:12px}.lexicon-editor-actions{padding:14px}.lexicon-confirm{padding:8px 16px 0}}.pet-scenes .course-heading,.content .pet-scenes .page-intro{background:none;padding:0;border-radius:0}.pet-scenes .course-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.pet-scenes .course-heading .page-intro{margin:0}.pet-scenes .course-heading h1{font-size:28px}.scene-scope{display:flex;gap:8px;flex-wrap:wrap}.scene-scope-note{color:var(--cp-text-muted);font-size:13px;margin:8px 0 12px}.scene-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.scene-toolbar select{width:auto;min-height:40px;padding:6px 28px 6px 12px;background:var(--cp-surface);color:var(--cp-text);border:1px solid var(--cp-border);border-radius:6px;font:inherit}.scene-toolbar span{color:var(--cp-text-muted);margin-left:auto}.pet-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pet-scene-card{min-width:0;padding:20px;border-radius:8px}.scene-card-heading{display:flex;justify-content:space-between;color:var(--cp-accent);margin-bottom:12px}.pet-scene-card h2{font-size:20px;margin:0;overflow-wrap:anywhere}.scene-english{min-height:36px;margin:6px 0 12px;font-size:13px;color:var(--cp-text-muted)}.scene-counts{display:flex;justify-content:space-between;gap:8px;font-size:13px}.pet-scene-card progress{display:block;width:100%;height:8px;margin:12px 0;accent-color:var(--cp-success)}.pet-scene-card small{color:var(--cp-text-muted)}.pet-scene-card .course-unit-actions{display:flex;gap:8px;margin-top:16px}.pet-scene-card .course-unit-actions button{flex:1;min-width:0}@media(max-width:900px){.pet-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pet-scene-grid{grid-template-columns:minmax(0,1fr)}.pet-scenes .course-heading{flex-wrap:wrap;gap:12px}}.account-screen{width:100%;min-height:100dvh;display:grid;place-items:center;padding:32px clamp(16px,8vw,120px);background:linear-gradient(#1236411f,#12364133),var(--startup-image, url(/images/landscape-earth-startup.webp)) center / cover no-repeat}.account-panel{width:min(420px,100%);display:flex;flex-direction:column;gap:18px;padding:30px;margin-right:auto;background:#fcf5dff0;border:1px solid rgba(108,138,119,.8);border-radius:8px;box-shadow:0 18px 50px #11313947;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account-panel h1{font-size:28px;margin:0;overflow-wrap:anywhere}.account-panel form{display:grid;gap:20px}.account-panel label{display:grid;gap:8px}.account-panel input:not([type=checkbox]){min-width:0;width:100%;padding:12px;border:1px solid var(--cp-border);border-radius:6px;background:var(--cp-surface);color:var(--cp-text);font-size:16px}.account-panel .sync-confirm{display:flex;align-items:flex-start}.account-panel [role=alert]{color:var(--cp-danger)}.account-mode{display:flex;gap:8px;border-bottom:1px solid var(--cp-border)}.account-mode button{border:0;background:transparent;padding:12px 16px;color:var(--cp-text-muted)}.account-mode button[aria-pressed=true]{color:var(--cp-accent);border-bottom:2px solid var(--cp-accent)}.startup-refresh-shell .topbar button:disabled{cursor:default;opacity:1}.startup-account-summary{display:flex;align-items:center;gap:8px;min-width:0}.startup-refresh-content{min-height:calc(100dvh - 54px);display:grid;place-items:center}.startup-dots{display:flex;align-items:center;gap:7px;color:var(--cp-text-muted);font-size:14px}.startup-dots span{width:8px;height:8px;border-radius:50%;background:var(--cp-accent);animation:startup-dot 1.1s ease-in-out infinite}.startup-dots span:nth-child(2){animation-delay:.15s}.startup-dots span:nth-child(3){animation-delay:.3s}.startup-dots b{margin-left:4px;font-weight:600}:root{color-scheme:light;--cp-bg: #c2e6ec;--cp-bg-elevated: #f6edcc;--cp-surface: #fcf5df;--cp-surface-soft: #e9efd5;--cp-border: #bec8a5;--cp-border-strong: #6c8a77;--cp-text: #203d39;--cp-text-muted: #4b6255;--cp-text-soft: #566c61;--cp-accent: #28634c;--cp-accent-hover: #194d3b;--cp-accent-soft: rgba(40, 99, 76, .1);--cp-accent-fg: #fff6da;--cp-success: #257044;--cp-danger: #b03d2e;--cp-warning: #98600d;--cp-link: #146a8b;--cp-shadow: 0 12px 28px rgba(30, 70, 62, .16);--cp-overlay: rgba(213, 235, 220, .9);--cp-panel: rgba(252, 245, 223, .92);--cp-panel-strong: rgba(252, 245, 223, .98);--cp-sheen: rgba(255, 249, 215, .6);--cp-highlight: rgba(235, 161, 48, .18);--cp-gold: #efb74b;--cp-gold-light: #f9d77d;--cp-gold-edge: #98601e;--cp-gold-ink: #493515;--cp-sky: #79cce5;--cp-forest: #245b47;--cp-forest-ink: #fff3d0}html[data-theme=dark]{color-scheme:dark;--cp-bg: #173c3a;--cp-bg-elevated: #304a40;--cp-surface: #253e37;--cp-surface-soft: #304d42;--cp-border: #4b6655;--cp-border-strong: #839d78;--cp-text: #f5ecd1;--cp-text-muted: #c1cfb8;--cp-text-soft: #adbea7;--cp-accent: #eec46a;--cp-accent-hover: #ffdb8d;--cp-accent-soft: rgba(238, 196, 106, .12);--cp-accent-fg: #243b31;--cp-success: #a3d390;--cp-danger: #ffa38e;--cp-warning: #f2ce78;--cp-link: #91d9e8;--cp-shadow: 0 12px 28px rgba(9, 25, 22, .35);--cp-overlay: rgba(28, 54, 46, .94);--cp-panel: rgba(37, 62, 55, .92);--cp-panel-strong: rgba(37, 62, 55, .98);--cp-sheen: rgba(238, 196, 106, .08);--cp-highlight: rgba(238, 196, 106, .16);--cp-sky: #286273;--cp-forest: #193e31}html{--cp-cover: url(/images/landscape-earth-compact.webp);--cp-cover-position: 78% center;--cp-theme-hue: 174;--cp-button-hue: 38}html:has(.app-shell[data-dragon=wizard]){--cp-cover: url(/images/landscape-wizard-compact.webp);--cp-cover-position: 60% center;--cp-theme-hue: 181;--cp-button-hue: 70}html:has(.app-shell[data-dragon=shadow]){--cp-cover: url(/images/landscape-shadow-compact.webp);--cp-cover-position: 58% center;--cp-theme-hue: 145;--cp-button-hue: 42}html:has(.app-shell[data-dragon=silver]){--cp-cover: url(/images/landscape-silver-compact.webp);--cp-cover-position: 50% center;--cp-theme-hue: 216;--cp-button-hue: 209}html:has(.app-shell[data-dragon=sun]){--cp-cover: url(/images/landscape-sun-compact.webp);--cp-cover-position: 72% center;--cp-theme-hue: 20;--cp-button-hue: 48}html:has(.app-shell[data-dragon=star]){--cp-cover: url(/images/landscape-star-compact.webp);--cp-cover-position: 62% center;--cp-theme-hue: 265;--cp-button-hue: 195}html:has(.app-shell[data-dragon=balance]){--cp-cover: url(/images/landscape-balance-compact.webp);--cp-cover-position: 60% center;--cp-theme-hue: 215;--cp-button-hue: 42}html:has(.app-shell[data-dragon=forest]){--cp-cover: url(/images/landscape-forest-compact.webp);--cp-cover-position: 72% center;--cp-theme-hue: 145;--cp-button-hue: 85}html:root{--cp-bg: hsl(var(--cp-theme-hue) 32% 84%);--cp-bg-elevated: hsl(var(--cp-theme-hue) 30% 94%);--cp-surface: hsl(var(--cp-theme-hue) 35% 97%);--cp-surface-soft: hsl(var(--cp-theme-hue) 28% 90%);--cp-border: hsl(var(--cp-theme-hue) 20% 72%);--cp-border-strong: hsl(var(--cp-theme-hue) 23% 43%);--cp-text: hsl(var(--cp-theme-hue) 35% 18%);--cp-text-muted: hsl(var(--cp-theme-hue) 20% 32%);--cp-text-soft: hsl(var(--cp-theme-hue) 16% 36%);--cp-accent: hsl(var(--cp-theme-hue) 55% 27%);--cp-accent-hover: hsl(var(--cp-theme-hue) 55% 20%);--cp-accent-soft: hsl(var(--cp-theme-hue) 45% 35% / .12);--cp-accent-fg: hsl(var(--cp-theme-hue) 35% 97%);--cp-link: hsl(var(--cp-theme-hue) 65% 27%);--cp-gold: hsl(var(--cp-button-hue) 70% 60%);--cp-gold-light: hsl(var(--cp-button-hue) 80% 70%);--cp-gold-edge: hsl(var(--cp-button-hue) 50% 32%);--cp-gold-ink: hsl(var(--cp-button-hue) 55% 16%);--cp-forest: hsl(var(--cp-theme-hue) 40% 20%);--cp-forest-ink: hsl(var(--cp-theme-hue) 40% 96%);--cp-sky: hsl(var(--cp-theme-hue) 45% 70%);--cp-panel: color-mix(in srgb, var(--cp-surface) 92%, transparent);--cp-panel-strong: color-mix(in srgb, var(--cp-surface) 97%, transparent);--cp-overlay: color-mix(in srgb, var(--cp-bg) 90%, transparent);--cp-highlight: hsl(var(--cp-button-hue) 65% 60% / .18);--cp-sheen: hsl(var(--cp-button-hue) 80% 96% / .35)}html[data-theme=dark]{--cp-bg: hsl(var(--cp-theme-hue) 25% 14%);--cp-bg-elevated: hsl(var(--cp-theme-hue) 24% 22%);--cp-surface: hsl(var(--cp-theme-hue) 24% 18%);--cp-surface-soft: hsl(var(--cp-theme-hue) 22% 25%);--cp-border: hsl(var(--cp-theme-hue) 18% 35%);--cp-border-strong: hsl(var(--cp-theme-hue) 25% 58%);--cp-text: hsl(var(--cp-theme-hue) 25% 94%);--cp-text-muted: hsl(var(--cp-theme-hue) 24% 80%);--cp-text-soft: hsl(var(--cp-theme-hue) 20% 74%);--cp-accent: hsl(var(--cp-button-hue) 70% 70%);--cp-accent-hover: hsl(var(--cp-button-hue) 70% 80%);--cp-accent-soft: hsl(var(--cp-button-hue) 60% 65% / .15);--cp-accent-fg: hsl(var(--cp-theme-hue) 25% 14%);--cp-link: hsl(var(--cp-theme-hue) 65% 78%);--cp-sheen: hsl(var(--cp-button-hue) 60% 70% / .08)}html[data-background=sky],html[data-background=pink]{color-scheme:light;--cp-cover: none;--cp-theme-hue: 204;--cp-button-hue: 204;--cp-bg: hsl(var(--cp-theme-hue) 65% 94%);--cp-bg-elevated: hsl(var(--cp-theme-hue) 60% 97%);--cp-surface: hsl(var(--cp-theme-hue) 45% 99%);--cp-surface-soft: hsl(var(--cp-theme-hue) 55% 94%);--cp-border: hsl(var(--cp-theme-hue) 28% 78%);--cp-border-strong: hsl(var(--cp-theme-hue) 28% 48%);--cp-text: hsl(var(--cp-theme-hue) 30% 20%);--cp-text-muted: hsl(var(--cp-theme-hue) 22% 34%);--cp-text-soft: hsl(var(--cp-theme-hue) 18% 38%);--cp-accent: hsl(var(--cp-theme-hue) 55% 34%);--cp-accent-hover: hsl(var(--cp-theme-hue) 55% 26%);--cp-accent-soft: hsl(var(--cp-theme-hue) 45% 45% / .1);--cp-accent-fg: hsl(var(--cp-theme-hue) 45% 99%);--cp-link: var(--cp-accent);--cp-gold: hsl(var(--cp-theme-hue) 65% 84%);--cp-gold-light: hsl(var(--cp-theme-hue) 65% 92%);--cp-gold-edge: var(--cp-border-strong);--cp-gold-ink: var(--cp-text);--cp-forest: hsl(var(--cp-theme-hue) 52% 92%);--cp-forest-ink: var(--cp-text);--cp-sky: hsl(var(--cp-theme-hue) 60% 88%);--cp-success: #257044;--cp-danger: #b03d2e;--cp-warning: #98600d;--cp-panel: var(--cp-surface);--cp-panel-strong: var(--cp-surface);--cp-shadow: 0 2px 8px hsl(var(--cp-theme-hue) 20% 30% / .08)}html[data-background=pink]{--cp-theme-hue: 340;--cp-button-hue: 340}html[data-background=sky] body:before,html[data-background=pink] body:before{display:none}html[data-background=sky] .topbar .points>svg,html[data-background=pink] .topbar .points>svg,html[data-background=sky] .topbar .account-identity .sync-control.offline,html[data-background=pink] .topbar .account-identity .sync-control.offline,html[data-background=sky] .topbar .account-identity .sync-control.unauthorized,html[data-background=pink] .topbar .account-identity .sync-control.unauthorized{color:var(--cp-accent)}.system-settings{max-width:760px;padding:20px 0}.system-settings h1{font-size:24px}.background-setting{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 0;border-block:1px solid var(--cp-border)}.background-setting label{font-weight:600}.background-setting select{min-height:44px;width:min(260px,100%);padding:10px 12px;border:1px solid var(--cp-border-strong);border-radius:6px;background:var(--cp-surface);color:var(--cp-text);font:inherit}.background-setting select:focus-visible{outline:3px solid var(--cp-link);outline-offset:3px}.system-settings [role=alert]{color:var(--cp-danger)}*{box-sizing:border-box}html{min-width:320px;background:var(--cp-bg)}body{margin:0;isolation:isolate;background:var(--cp-bg);color:var(--cp-text);font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--cp-bg) 22%,transparent),color-mix(in srgb,var(--cp-bg) 12%,transparent)),var(--cp-cover);background-position:center,var(--cp-cover-position);background-size:100% 100%,cover;background-repeat:no-repeat}.content .page-intro,.content>.camp-heading,.content .intro-row,.course-heading,.reading-heading,.weekly-quiz-heading{background:var(--cp-panel);padding:16px;border-radius:6px}.content .intro-row .page-intro{background:transparent;padding:0}.content .result-count,.content .vocabulary-pagination{background:var(--cp-panel-strong);padding:10px 12px;border-radius:4px}.content .panel{background:var(--cp-panel-strong)}.content .companion-strip{background:var(--cp-panel)}@media print{body:before{display:none}.app-shell .content{width:auto;max-width:none}}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--cp-link);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:block}.sidebar{position:fixed;top:0;left:0;width:min(280px,85vw);height:100dvh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 12px;border-right:1px solid var(--cp-border);background:var(--cp-bg-elevated);box-shadow:var(--cp-shadow);z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:0 6px 18px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--cp-accent);color:var(--cp-accent-fg)}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{margin-top:2px;color:var(--cp-text-muted);font-size:12px}nav{display:grid;gap:2px}nav button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--cp-text-muted);font-size:14px;text-align:left}nav button:hover,nav button.active{background:var(--cp-accent-soft);color:var(--cp-accent)}nav button.active{font-weight:700}.sidebar-foot{margin-top:auto;padding:12px 10px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface)}.sidebar-foot span,.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot span,.sidebar-foot small{color:var(--cp-text-muted);font-size:11px}.sidebar-foot strong{margin:5px 0;font-size:13px}main{min-width:0}.topbar{min-height:54px;position:sticky;top:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:6px 28px;border-bottom:3px solid var(--cp-gold);background:var(--cp-forest);color:var(--cp-forest-ink);box-shadow:var(--cp-shadow);z-index:10}.topbar .points,.topbar .points span,.topbar .account-identity .sync-control{color:var(--cp-forest-ink)}.topbar .account-identity .sync-control.offline,.topbar .account-identity .sync-control.unauthorized{color:var(--cp-gold-light)}.topbar .points>svg{color:var(--cp-gold-light)}.topbar .account-menu summary:hover,.topbar .account-menu[open] summary{background:color-mix(in srgb,var(--cp-forest-ink) 12%,transparent)}.topbar .account-dropdown{color:var(--cp-text)}.topbar .icon-button{background:transparent;border-color:color-mix(in srgb,var(--cp-forest-ink) 40%,transparent);color:var(--cp-forest-ink)}.topbar-title{font-size:14px;font-weight:700}.points{display:flex;align-items:center;gap:6px;color:var(--cp-accent)}.points span{color:var(--cp-text-muted);font-size:12px}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;max-width:100%}.account-toolbar{display:flex;align-items:center;gap:4px;min-width:0}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 8px;border-radius:4px;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover,.account-menu[open] summary{background:var(--cp-surface-soft)}.account-menu summary>svg{flex-shrink:0}.account-dropdown{position:absolute;right:0;top:calc(100% + 6px);width:min(260px,calc(100vw - 32px));padding:8px 0;border:1px solid var(--cp-border);border-radius:4px;background:var(--cp-surface);box-shadow:var(--cp-shadow)}.account-dropdown-name{display:block;padding:10px 16px;overflow-wrap:anywhere;border-bottom:1px solid var(--cp-border)}.account-dropdown button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 16px;border:0;background:transparent;text-align:left}.account-dropdown button:hover{background:var(--cp-accent-soft);color:var(--cp-accent)}.account-identity{display:grid;gap:2px;min-width:0;max-width:140px}.account-name{display:flex;align-items:center;gap:5px;font-size:13px}.account-name svg{flex-shrink:0}.account-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity .sync-control{padding:0;font-size:11px}.account-toolbar>.icon-button{width:36px;height:40px;flex:0 0 36px}.sync-status{display:flex;align-items:center;gap:5px;color:var(--cp-text-muted);font-size:11px}.sync-status.cloud{color:var(--cp-success)}.sync-status.local{color:var(--cp-warning)}.sync-control{display:inline-flex;align-items:center;gap:5px;padding:6px;border:0;background:transparent;color:var(--cp-text-muted);font-size:12px}.sync-control.synced{color:var(--cp-success)}.sync-control.conflict,.sync-control.offline{color:var(--cp-danger)}.sync-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:var(--cp-overlay)}.sync-dialog{width:min(520px,100%);max-height:90dvh;overflow-y:auto;padding:20px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);box-shadow:var(--cp-shadow)}.sync-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sync-heading h2{margin:0;font-size:22px}.sync-dialog>p{margin:12px 0}.sync-dialog>button,.sync-conflict button{margin:6px 6px 6px 0}.sync-dialog label{display:block;margin-top:16px}.sync-dialog input[type=password]{width:100%;min-width:0;margin-top:8px;padding:10px;border:1px solid var(--cp-border);border-radius:6px;background:var(--cp-bg-elevated)}.sync-dialog .sync-confirm{display:flex;align-items:flex-start;gap:8px;font-size:13px}.sync-warning{color:var(--cp-text-muted);font-size:12px;line-height:1.6}.sync-conflict,.sync-dialog [role=alert]{color:var(--cp-danger)}.course-unit-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.course-unit-tools .icon-button{width:44px;height:44px;flex:0 0 44px}.content{width:min(1440px,100%);margin:0 auto;padding:24px 28px 36px}.mobile-menu{display:grid}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:var(--cp-overlay);z-index:35}.panel{border:1px solid var(--cp-border-strong);border-radius:8px;background:linear-gradient(135deg,var(--cp-sheen),transparent 65%),var(--cp-surface);box-shadow:0 3px 0 var(--cp-border),0 7px 18px color-mix(in srgb,var(--cp-forest) 9%,transparent)}.eyebrow{color:var(--cp-accent);font-size:11px;font-weight:800;letter-spacing:0}.page-intro{max-width:700px;margin-bottom:28px}.page-intro h1{margin:6px 0 8px;font-family:Trebuchet MS,Microsoft YaHei,sans-serif;font-size:32px;font-weight:800;letter-spacing:0;line-height:1.25}.page-intro p{margin:0;color:var(--cp-text-muted);line-height:1.65}.primary,.secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:10px;font-weight:700}.primary{border:1px solid var(--cp-gold-edge);background:linear-gradient(var(--cp-gold-light),var(--cp-gold));color:var(--cp-gold-ink);box-shadow:inset 0 1px 0 var(--cp-sheen),0 3px 0 var(--cp-gold-edge)}.primary:active{box-shadow:none;transform:translateY(2px)}.primary:hover{background:var(--cp-gold-light)}.secondary{border:1px solid var(--cp-border-strong);background:var(--cp-surface-soft);color:var(--cp-text)}.secondary:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.full{width:100%}.icon-button{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;padding:0;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface)}.text-button{display:inline-flex;align-items:center;gap:5px;padding:8px 0;border:0;background:transparent;color:var(--cp-link)}.camp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.camp-heading h1{margin:4px 0 0;font:800 28px/1.3 Trebuchet MS,Microsoft YaHei,sans-serif}.camp-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px dashed var(--cp-border-strong);border-radius:8px;font-size:12px;color:var(--cp-text-muted);background:var(--cp-surface);transform:rotate(2deg)}.companion-strip{display:grid;grid-template-columns:230px minmax(0,1fr) auto;align-items:center;gap:24px;margin:12px 0 22px;padding:12px 0;border-block:1px solid var(--cp-border-strong);background:linear-gradient(90deg,transparent,var(--cp-surface) 42%),url(/images/adventure-landscape-compact.webp) left bottom / 650px auto no-repeat,var(--cp-bg)}.companion-strip>img{display:block;width:230px;height:136px;object-fit:contain;animation:companion-arrive .65s ease-out both}.companion-copy{min-width:0}.companion-copy h2{margin:5px 0 8px;font-size:22px;line-height:1.4}.companion-copy p{margin:0;font-size:13px;color:var(--cp-text-muted)}.companion-strip>button{margin-right:16px}.adventure-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.adventure-shortcuts button{--shortcut-color: var(--cp-accent);display:flex;align-items:center;gap:14px;min-height:86px;min-width:0;padding:16px;border:1px solid var(--cp-border-strong);border-bottom:3px solid var(--shortcut-color);border-radius:8px;background:color-mix(in srgb,var(--shortcut-color) 6%,var(--cp-surface));text-align:left}.adventure-shortcuts button:nth-child(2){--shortcut-color: var(--cp-success)}.adventure-shortcuts button:nth-child(3){--shortcut-color: var(--cp-link)}.adventure-shortcuts button>svg{color:var(--shortcut-color);flex-shrink:0}.adventure-shortcuts button>svg:last-child{margin-left:auto}.adventure-shortcuts button:hover{border-color:var(--shortcut-color);background:color-mix(in srgb,var(--shortcut-color) 12%,var(--cp-surface))}.adventure-shortcuts span{min-width:0}.adventure-shortcuts small{display:block;font-size:10px;color:var(--cp-text-muted)}.adventure-shortcuts strong{display:block;font-size:17px;margin-top:4px}.directory-companions{display:block;width:140px;height:83px;object-fit:contain;margin:0 auto 6px}.account-panel h1{font-family:Trebuchet MS,Microsoft YaHei,sans-serif}.account-panel>.eyebrow{text-align:center}.chapter-icon{color:var(--cp-success);transform:rotate(-8deg)}.dashboard-grid>.panel{border-radius:0;box-shadow:none;border:0;border-top:3px solid var(--cp-warning);background:var(--cp-surface)}.dashboard-grid>.recent-panel{border-top-color:var(--cp-success)}.sidebar nav button{min-height:44px;border-radius:6px}.sidebar nav button.active{box-shadow:inset 3px 0 var(--cp-accent)}.sidebar-foot{background:var(--cp-surface)}.sidebar{background:linear-gradient(180deg,var(--cp-surface),var(--cp-surface-soft));border-right:3px solid var(--cp-gold-edge)}.sidebar .brand{border-bottom:1px solid var(--cp-border-strong)}.sidebar nav button.active{background:var(--cp-forest);color:var(--cp-forest-ink);box-shadow:inset 4px 0 var(--cp-gold)}.brand-mark{background:var(--cp-gold);color:var(--cp-gold-ink);border:1px solid var(--cp-gold-edge)}.account-panel{background:color-mix(in srgb,var(--cp-panel) 94%,transparent)}.camp-heading h1,.page-intro h1,.account-panel h1{font-family:Georgia,Microsoft YaHei,serif;color:var(--cp-text);text-shadow:0 1px var(--cp-sheen)}.adventure-shortcuts button{background:var(--cp-surface-soft)}.adventure-shortcuts button:first-child{background:color-mix(in srgb,var(--cp-gold-light) 35%,var(--cp-surface))}.adventure-shortcuts button:last-child{background:color-mix(in srgb,var(--cp-sky) 28%,var(--cp-surface))}.stat>div:not(.stat-icon){min-width:0}.stat strong{overflow-wrap:anywhere}@keyframes companion-arrive{0%{opacity:0;transform:translateY(8px) rotate(-3deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.companion-strip>img{animation:none}.primary:active{transform:none}}@media(max-width:1000px){.companion-strip{grid-template-columns:180px minmax(0,1fr);gap:12px}.companion-strip>img{width:180px;height:107px;grid-row:span 2}.companion-strip>button{justify-self:start}}@media(max-width:760px){.camp-heading h1{font-size:24px}.camp-badge{display:none}.content .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.content .stat{position:relative;align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.content .stat small{display:block;margin:4px 0 0;font-size:11px}.content .stat strong{font-size:24px}.content .stat-chevron{position:absolute;top:20px;right:10px}.companion-strip{grid-template-columns:116px minmax(0,1fr);gap:8px}.companion-strip>img{width:116px;height:100px}.companion-copy h2{font-size:17px}.companion-copy p{font-size:11px}.companion-copy .eyebrow{font-size:9px}.companion-strip>button{min-height:44px;margin-right:0;padding:0 8px;font-size:12px}.companion-strip>button>svg:last-child{display:none}.adventure-shortcuts{gap:8px}.adventure-shortcuts button{flex-direction:column;justify-content:center;padding:12px 6px;gap:6px;text-align:center}.adventure-shortcuts strong{font-size:13px;margin:0}.adventure-shortcuts small,.adventure-shortcuts button>svg:last-child{display:none}}.mobile-feature-menu{display:none}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0}.stat{display:flex;align-items:center;gap:14px;padding:18px}.stat-button{width:100%;border:1px solid var(--cp-border);background:var(--cp-surface);text-align:left}.stat-button:hover{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.stat-chevron{margin-left:auto;color:var(--cp-text-muted)}.stat-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:10px;background:var(--cp-accent-soft);color:var(--cp-accent)}.stat:nth-child(2) .stat-icon{background:color-mix(in srgb,var(--cp-warning) 18%,var(--cp-surface));color:var(--cp-text)}.stat:nth-child(3) .stat-icon{background:color-mix(in srgb,var(--cp-link) 12%,var(--cp-surface));color:var(--cp-link)}.stat:nth-child(4) .stat-icon{background:color-mix(in srgb,var(--cp-success) 14%,var(--cp-surface));color:var(--cp-text)}.stat:nth-child(5) .stat-icon{background:color-mix(in srgb,var(--cp-success) 14%,var(--cp-surface));color:var(--cp-text)}.stat span{display:block;color:var(--cp-text-muted);font-size:12px}.stat strong{display:inline-block;margin-top:4px;font-size:25px}.stat small{margin-left:5px;color:var(--cp-text-soft)}.home-learning-journey{display:grid;grid-template-columns:minmax(120px,1fr) minmax(260px,2.4fr) minmax(120px,1fr);gap:12px}.home-learning-journey>.stat{min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px;gap:8px}.home-learning-journey>.stat .stat-chevron{display:none}.home-learning-journey>.stat small{display:block;margin:4px 0 0;font-size:11px}.home-learning-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.home-learning-secondary .stat{padding:12px 16px}.home-learning-secondary .stat strong{font-size:20px}.app-shell .home-pet-stat{flex-direction:column;align-items:stretch;justify-content:center;gap:12px}.app-shell .home-pet-stat .pet-progress-title{flex:none;color:var(--cp-text-muted);font-size:12px;font-weight:600;text-align:left}.app-shell .pet-vocabulary-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:360px;margin:0 auto}.app-shell .pet-vocabulary-progress .pet-progress-part{display:grid;justify-items:center;gap:5px;min-width:0;text-align:center}.app-shell .pet-progress-ring{position:relative;display:grid;place-items:center;width:96px;height:96px;margin-bottom:3px}.pet-progress-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke-width:6;transform:rotate(-90deg)}.pet-ring-track{stroke:var(--cp-border)}.pet-ring-value{stroke:var(--cp-accent)}.app-shell .pet-progress-ring .pet-progress-percent{display:flex;align-items:baseline;gap:1px;margin:0;font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--cp-text)}.app-shell .pet-progress-percent>span{font-size:11px;font-weight:500;color:var(--cp-text-muted)}.app-shell .pet-vocabulary-progress .pet-progress-label{color:var(--cp-text);font-size:12px;font-weight:600;line-height:1.5}.app-shell .pet-progress-copy{display:grid;justify-items:center;gap:5px;min-width:0}.app-shell .pet-vocabulary-progress .pet-progress-copy>small{display:block;margin:0;font-size:11px;line-height:1.5;color:var(--cp-text-muted);font-variant-numeric:tabular-nums}@media(max-width:760px){.home-learning-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-learning-journey>.stat:first-child{grid-column:1;grid-row:1}.home-learning-journey>.stat:last-child{grid-column:2;grid-row:1}.home-learning-journey>.home-pet-stat{grid-column:1 / -1;grid-row:2}.home-learning-journey>.stat{padding:12px}.home-learning-secondary{gap:10px;margin-top:10px}.home-learning-secondary .stat{flex-wrap:wrap;gap:8px;padding:12px}.app-shell .pet-progress-ring{width:88px;height:88px}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:20px}.library-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:18px 22px}.library-summary strong,.library-summary p{display:block}.library-summary strong{margin-top:4px;font-size:18px}.library-summary p{margin:4px 0 0;color:var(--cp-text-muted);font-size:12px}.progress-panel,.recent-panel{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-heading h2{margin:3px 0 0;font-size:20px}.panel-heading>span,.week-label{color:var(--cp-text-muted);font-size:12px}.route-list{margin-bottom:22px}.route-step{position:relative;display:flex;align-items:center;gap:14px;padding:13px 0}.route-step:not(:last-child):after{content:"";position:absolute;left:12px;top:38px;width:1px;height:26px;background:var(--cp-border)}.step-check{width:25px;height:25px;display:grid;flex:0 0 25px;place-items:center;border:1px solid var(--cp-border-strong);border-radius:50%}.step-check.done{border-color:var(--cp-success);background:var(--cp-success);color:var(--cp-accent-fg)}.route-step strong,.route-step span{display:block}.route-step div span{margin-top:3px;color:var(--cp-text-muted);font-size:12px}.statistics-intro{align-items:center}.review-callout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:20px;padding:20px 24px}.review-callout.urgent{border-color:var(--cp-danger)}.review-callout-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--cp-accent-soft);color:var(--cp-accent)}.review-callout span,.review-callout strong{display:block}.review-callout span{color:var(--cp-accent);font-size:12px;font-weight:800}.review-callout strong{margin-top:3px;font-size:20px}.review-callout p{margin:4px 0 0;color:var(--cp-text-muted);font-size:12px}.statistics-panel{min-width:0;margin-bottom:20px;padding:24px;overflow:hidden}.review-chart,.mastery-chart,.history-chart{height:260px;display:grid;align-items:end;gap:10px;padding:28px 8px 0;border-bottom:1px solid var(--cp-border);background:repeating-linear-gradient(to top,transparent 0,transparent 64px,var(--cp-border) 65px)}.review-chart,.mastery-chart,.history-chart{min-width:0;overflow-x:auto}.review-chart{grid-template-columns:repeat(11,minmax(34px,1fr))}.chart-column,.mastery-column,.history-column{height:100%;min-width:34px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.chart-value{min-height:22px;color:var(--cp-text-muted);font-size:11px;font-weight:700}.stacked-bar,.mastery-bar,.history-bar{width:min(46px,75%);min-height:0;overflow:hidden;display:flex;flex-direction:column;border-radius:6px 6px 0 0;transition:height .25s}.stacked-bar i{min-height:2px}.chart-column>span,.mastery-column>span,.history-column>span{min-height:34px;padding-top:8px;color:var(--cp-text-muted);font-size:10px;text-align:center}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:20px;color:var(--cp-text-muted);font-size:12px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i,.stage-summary i{width:10px;height:10px;border-radius:50%}.chart-legend .overdue-dot{background:var(--cp-danger)}.mastery-chart{grid-template-columns:repeat(6,minmax(52px,1fr))}.mastery-column small{min-height:26px;color:var(--cp-text-soft);font-size:9px;text-align:center}.history-chart{grid-template-columns:repeat(10,1fr)}.history-bar{background:var(--cp-accent);opacity:.72}.history-column{position:relative}.history-column strong{position:absolute;bottom:38px;color:var(--cp-text-muted);font-size:10px}.stage-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px}.stage-summary div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 7px;padding:12px;border:1px solid var(--cp-border)}.stage-summary strong,.stage-summary small{grid-column:2}.stage-summary span{color:var(--cp-text-muted);font-size:11px}.stage-summary strong{font-size:16px}.stage-summary small{color:var(--cp-text-soft)}.playground-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.local-save-status{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--cp-success);border-radius:10px;color:var(--cp-success);font-size:12px;font-weight:700;white-space:nowrap}.playground-service{margin-bottom:20px;padding:24px}.playground-service-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.playground-service-title span{color:var(--cp-accent);font-size:10px;font-weight:800}.playground-service-title h2{margin:3px 0 0;font-size:22px}.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:10px}.service-icon.azure{background:var(--cp-accent-soft);color:var(--cp-accent)}.service-icon.webiq{background:color-mix(in srgb,var(--cp-link) 12%,transparent);color:var(--cp-link)}.playground-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.playground-fields.single-row{grid-template-columns:1fr}.playground-fields label>span{display:block;margin-bottom:7px;color:var(--cp-text-muted);font-size:12px;font-weight:700}.field-hint{display:block;margin-top:6px;color:var(--cp-success);font-size:11px}.playground-fields .wide{grid-column:1 / -1}.playground-fields input,.playground-fields textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--cp-border);border-radius:10px;outline:0;background:var(--cp-bg-elevated)}.playground-fields input:focus,.playground-fields textarea:focus{border-color:var(--cp-accent);box-shadow:0 0 0 2px var(--cp-accent-soft)}.playground-fields textarea{min-height:110px;resize:vertical;line-height:1.55}.secret-input{display:flex;gap:8px}.secret-input .icon-button{flex:0 0 44px;height:44px}.reasoning-setting>span{display:block;margin-bottom:7px;color:var(--cp-text-muted);font-size:12px;font-weight:700}.reasoning-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reasoning-control button{min-height:58px;padding:9px 14px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);text-align:left}.reasoning-control button.active{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent)}.reasoning-control strong,.reasoning-control small{display:block}.reasoning-control small{margin-top:3px;color:var(--cp-text-muted);font-size:10px}.playground-run{margin-top:16px}.playground-output{min-height:150px;max-height:420px;margin:18px 0 0;padding:16px;overflow:auto;border:1px solid var(--cp-border);background:var(--cp-bg-elevated);color:var(--cp-text);font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.playground-output.empty-output{display:grid;place-items:center;color:var(--cp-text-muted);font-family:inherit}.playground-reset{margin-left:auto}.compact-word{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--cp-border)}.compact-word strong,.compact-word span{display:block}.compact-word span{color:var(--cp-text-muted);font-family:Consolas,Courier New,Courier,monospace;font-size:11px}.compact-word p{margin:0;font-size:13px;text-align:right}.visually-hidden{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.course-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.course-heading .page-intro{margin-bottom:20px}.course-heading .page-intro h1{font-size:38px}.course-heading .page-intro p{font-size:13px}.course-heading-actions{display:flex;align-items:center;gap:12px}.course-heading-actions>.secondary{white-space:nowrap}.course-group-size{display:flex;align-items:center;gap:14px;margin:-6px 0 16px;padding:9px 12px;border:1px solid var(--cp-border);border-radius:8px;background:var(--cp-surface-soft)}.course-group-size>strong{flex:0 0 auto;font-size:12px}.course-group-size>div{display:grid;grid-template-columns:repeat(6,minmax(58px,1fr));gap:5px}.course-group-size button{min-height:34px;padding:5px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--cp-text-muted);font-size:12px;font-weight:700}.course-group-size button.active{border-color:var(--cp-accent);background:var(--cp-surface);color:var(--cp-accent);box-shadow:0 1px 2px var(--cp-border)}.unit-upload-control{min-height:42px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:10px;font-weight:700;cursor:pointer}.unit-upload-control.disabled{cursor:not-allowed;opacity:.55}.unit-file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.unit-file-input:disabled{cursor:not-allowed}.course-upload-message{margin:-12px 0 18px}.course-total{min-width:154px;padding:15px 18px;border-left:3px solid var(--cp-success);background:color-mix(in srgb,var(--cp-success) 8%,var(--cp-surface))}.course-total strong,.course-total span{display:block}.course-total strong{color:var(--cp-success);font-family:Georgia,serif;font-size:34px}.course-total span{margin-top:3px;color:var(--cp-text-muted);font-size:11px}.course-note{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin-bottom:20px;padding:17px 20px;border-left:4px solid var(--cp-accent);background:var(--cp-accent-soft)}.course-note>span{grid-row:1 / 3;align-self:center;padding-right:14px;border-right:1px solid var(--cp-border);color:var(--cp-accent);font-size:11px;font-weight:800}.course-note strong{font-size:17px}.course-note p{margin:0;color:var(--cp-text-muted);font-size:12px}.custom-books-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--cp-border)}.custom-books-section.standalone{padding-bottom:0;border-bottom:0}.custom-books-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.custom-books-heading h2{margin:4px 0 3px;font-size:23px}.custom-books-heading p{margin:0;color:var(--cp-text-muted);font-size:12px}.custom-books-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.custom-book{min-width:0;display:flex;flex-direction:column;padding:15px}.custom-book-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:12px;border-radius:8px;background:var(--cp-accent-soft);color:var(--cp-accent)}.custom-book-title strong,.custom-book-title span{display:block}.custom-book-title strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.custom-book-title span{margin-top:3px;color:var(--cp-text-muted);font-size:10px}.custom-book-preview{min-height:59px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;margin:12px 0}.custom-book-preview span{max-width:100%;overflow:hidden;padding:3px 6px;background:var(--cp-surface-soft);color:var(--cp-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.custom-book-actions{display:grid;grid-template-columns:40px minmax(0,1fr);gap:7px;margin-top:auto}.custom-book-actions .primary{min-width:0;padding:0 8px;font-size:11px}.custom-book-editor{max-width:880px;margin:0 auto}.custom-book-settings,.custom-word-list{margin-bottom:18px;padding:24px}.custom-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.custom-editor-heading h1{margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:32px}.custom-name-field>span,.custom-import>label{display:block;margin-bottom:7px;color:var(--cp-text-muted);font-size:12px;font-weight:700}.custom-name-field>div{display:grid;grid-template-columns:1fr auto;gap:8px}.custom-name-field input,.custom-import textarea{width:100%;padding:11px 12px;border:1px solid var(--cp-border);border-radius:8px;outline:0;background:var(--cp-bg-elevated)}.custom-name-field input:focus,.custom-import textarea:focus{border-color:var(--cp-accent);box-shadow:0 0 0 2px var(--cp-accent-soft)}.custom-import{margin-top:24px;padding-top:22px;border-top:1px solid var(--cp-border)}.custom-import>p{margin:-3px 0 10px;color:var(--cp-text-soft);font-size:11px}.custom-import textarea{min-height:170px;resize:vertical;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.65}.custom-import-actions{min-height:42px;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:10px}.custom-import-actions span{margin-right:auto;font-size:12px}.custom-import-actions .success{color:var(--cp-success)}.custom-import-actions .error{color:var(--cp-danger)}.custom-word-row{display:grid;grid-template-columns:160px minmax(0,1fr) 40px;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--cp-border)}.custom-word-row>div strong,.custom-word-row>div span,.custom-word-row small{display:block}.custom-word-row>div span{margin-top:3px;color:var(--cp-text-soft);font-family:Consolas,monospace;font-size:10px}.custom-word-row p{margin:0;font-size:13px}.custom-word-row small{margin-top:3px;overflow:hidden;color:var(--cp-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.custom-word-row .icon-button{color:var(--cp-danger)}.custom-list-actions{display:flex;align-items:center;gap:12px}.custom-list-actions>span{color:var(--cp-text-muted);font-size:12px}.custom-list-actions .danger{border-color:var(--cp-danger);color:var(--cp-danger)}.custom-list-actions .danger:hover{background:color-mix(in srgb,var(--cp-danger) 7%,var(--cp-surface))}.custom-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--cp-text-muted);font-size:12px}.course-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-group{display:flex;flex-direction:column;min-width:0;padding:20px}.course-group-top{display:flex;align-items:baseline;justify-content:space-between}.course-group-top span{color:var(--cp-text-muted);font-size:12px;font-weight:700}.course-group-top strong{color:var(--cp-accent);font-family:Georgia,serif;font-size:27px}.course-group-progress{height:5px;margin:14px 0 8px;overflow:hidden;background:var(--cp-surface-soft)}.course-group-progress i{height:100%;display:block;background:var(--cp-success)}.course-group>p{color:var(--cp-text-muted);font-size:11px}.course-word-preview{display:grid;gap:5px;margin-bottom:18px}.course-word-preview span{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;font-family:Georgia,serif;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.course-word-preview b{width:24px;flex:0 0 24px;color:var(--cp-text-soft);font-family:Consolas,monospace;font-size:9px;font-weight:500}.course-group>button{margin-top:auto}.course-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-unit{min-width:0;overflow:hidden;padding:16px;border-top:4px solid var(--cp-gold-edge);cursor:grab;transition:border-color .15s,box-shadow .15s,opacity .15s}.course-unit:nth-child(3n+2){border-top-color:var(--cp-success)}.course-unit:nth-child(3n){border-top-color:var(--cp-link)}.course-unit:active{cursor:grabbing}.course-unit.dragging{border-color:var(--cp-accent);opacity:.55}.course-unit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.course-unit-heading>div:first-child{min-width:0}.course-unit-heading span{color:var(--cp-accent);font-size:9px;font-weight:800}.course-unit-number{cursor:text;-webkit-user-select:none;user-select:none}.course-unit-number-input{display:inline-flex;align-items:center;gap:4px;color:var(--cp-accent);font-size:9px}.course-unit-number-input input{width:54px;height:22px;padding:1px 4px;border:1px solid var(--cp-accent);border-radius:4px;outline:0;background:var(--cp-bg-elevated);color:var(--cp-accent);font-size:11px;font-weight:800}.course-unit-heading h2{min-height:42px;margin:3px 0 4px;overflow:hidden;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.12}.course-unit-heading p{margin:0;color:var(--cp-text-muted);font-size:11px}.course-unit-title-input{width:100%;min-height:34px;margin:3px 0 8px;padding:4px 7px;border:1px solid var(--cp-accent);border-radius:5px;outline:2px solid var(--cp-accent-soft);background:var(--cp-bg-elevated);font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700}.course-unit-summary{display:flex;align-items:flex-start;gap:5px;color:var(--cp-text-muted)}.unit-card-tools{display:flex;flex-direction:column;gap:4px}.course-unit-summary>svg{flex:0 0 auto;margin-top:3px;cursor:grab}.course-unit-summary>strong{color:var(--cp-success);font-family:Georgia,Times New Roman,serif;font-size:24px;white-space:nowrap}.course-unit-summary>strong small{color:var(--cp-text-muted);font-family:inherit;font-size:9px;font-weight:400}.course-unit-progress{height:4px;margin:14px 0;overflow:hidden;background:var(--cp-surface-soft)}.course-unit-progress i{display:block;height:100%;background:var(--cp-success)}.course-unit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.course-unit-actions button{min-width:0;min-height:54px;justify-content:flex-start;padding:9px 10px}.course-unit-actions button>span{display:flex;align-items:center;gap:5px;font-size:14px}.course-unit-actions button>span svg{width:17px;height:17px}.course-unit-actions button>strong{margin-left:auto;color:inherit;font-size:10px;white-space:nowrap}.course-unit-actions button>svg{flex:0 0 auto}.course-unit-actions button:nth-child(2){background:var(--cp-forest);border-color:var(--cp-forest);color:var(--cp-forest-ink);box-shadow:0 3px 0 var(--cp-border-strong)}.course-unit-actions button:nth-child(2):hover{background:color-mix(in srgb,var(--cp-forest) 85%,var(--cp-sky))}.course-special-test{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:18px 22px}.course-special-test strong,.course-special-test p{display:block}.course-special-test strong{margin-top:3px;font-size:16px}.course-special-test p{margin:4px 0 0;color:var(--cp-text-muted);font-size:11px}.course-mode-tabs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:18px}.course-mode-tabs button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);color:var(--cp-text-muted);font-size:13px;font-weight:700}.course-mode-tabs button.active{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent)}.practice-readiness{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 10px;color:var(--cp-text-muted);font-size:12px;line-height:1.5}.practice-readiness [role=alert]{color:var(--cp-text)}@media print{.practice-readiness{display:none!important}}.course-practice-card{min-height:560px;position:relative;padding:28px 32px 54px;text-align:center}.course-flashcard{width:min(620px,100%);min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto 0;padding:28px;border:1px solid var(--cp-border-strong);border-radius:10px;background:var(--cp-bg-elevated);cursor:pointer}.course-flashcard:focus-visible{outline:3px solid var(--cp-accent-soft);border-color:var(--cp-accent)}.course-word-audio{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px}.course-word-audio>strong{flex:1;min-width:0;font-family:Georgia,serif;font-size:clamp(42px,7vw,70px);font-weight:700}.course-word-audio .practice-word-link{white-space:nowrap;overflow-wrap:normal;word-break:normal}.course-flashcard-pos{margin:6px 0 0;color:var(--cp-accent);font-size:24px;line-height:1.4;font-weight:700}.course-accent-buttons{flex-shrink:0;display:flex;gap:6px}.course-accent-buttons button{min-height:36px;display:inline-flex;align-items:center;gap:4px;padding:0 9px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);color:var(--cp-accent);font-size:11px;font-weight:700}.course-accent-buttons button:hover{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.course-flashcard>span{margin-top:5px;color:var(--cp-text-muted);font-family:Consolas,monospace}.course-flashcard>em{margin-top:42px;color:var(--cp-link);font-size:12px;font-style:normal}.course-word-meaning{display:grid;gap:7px;margin-top:30px}.course-word-meaning b{color:var(--cp-accent);font-size:20px}.course-word-meaning small{color:var(--cp-text-muted);font-size:13px;line-height:1.55}.course-question{margin:40px 0 24px;font-size:25px}.course-choices{max-width:720px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 auto}.course-choices button{min-height:68px;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-bg-elevated);text-align:left}.course-choices button:hover{border-color:var(--cp-accent)}.course-choices button>strong{font-family:Georgia,serif;font-size:19px}.course-choices button.correct{border-color:var(--cp-success);background:color-mix(in srgb,var(--cp-success) 8%,var(--cp-surface));color:var(--cp-success)}.course-choices button.wrong{border-color:var(--cp-danger);color:var(--cp-danger)}.course-listen{width:84px;aspect-ratio:1;display:grid;place-items:center;margin:28px auto 0;border:1px solid var(--cp-accent);border-radius:50%;background:var(--cp-accent-soft);color:var(--cp-accent)}.course-listen+.course-question{margin-top:20px}.course-ai-quiz{position:relative}.course-ai-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:24px 0 18px}.course-ai-heading h2{margin:4px 0 6px;font-size:27px}.course-ai-heading p{margin:0;color:var(--cp-text-muted);font-size:13px}.course-ai-score{display:flex;align-items:baseline;gap:5px;margin-bottom:14px;padding:12px 16px;border-left:3px solid var(--cp-success);background:color-mix(in srgb,var(--cp-success) 7%,var(--cp-surface))}.course-ai-score strong{color:var(--cp-success);font-family:Georgia,serif;font-size:28px}.course-ai-score span{color:var(--cp-text-muted);font-size:12px}.course-ai-list{display:grid;gap:14px}.course-ai-question h2{line-height:1.55}.course-ai-feedback{min-height:44px;display:flex;align-items:center;gap:9px;margin-top:14px}.course-ai-feedback>strong{display:inline-flex;align-items:center;gap:6px;font-size:13px}.course-ai-feedback>strong.correct{color:var(--cp-success)}.course-ai-feedback>strong.wrong{color:var(--cp-danger)}.course-ai-feedback .explanation-button{margin-left:auto}.course-option-reasons{display:grid;gap:7px;margin-top:14px;padding:14px;border:1px solid var(--cp-border);background:var(--cp-bg-elevated)}.course-option-reasons>div{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:9px;border-left:3px solid var(--cp-border-strong);background:var(--cp-surface)}.course-option-reasons>div.correct{border-color:var(--cp-success)}.course-option-reasons>div.wrong{border-color:var(--cp-danger)}.course-option-reasons>div>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--cp-surface-soft);font-size:11px;font-weight:800}.course-option-reasons p{margin:0;color:var(--cp-text-muted);font-size:13px;line-height:1.55}.course-option-reasons p strong{display:block;margin-bottom:2px;color:var(--cp-text)}.course-written-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:24px 0 18px}.course-written-heading h2{margin:4px 0 6px;font-size:27px}.course-written-heading p{margin:0;color:var(--cp-text-muted);font-size:13px}.course-written-actions{display:flex;flex:0 0 auto;gap:8px}.course-written-score{display:flex;align-items:baseline;gap:5px;margin-bottom:14px;padding:12px 16px;border-left:3px solid var(--cp-success);background:color-mix(in srgb,var(--cp-success) 7%,var(--cp-surface))}.course-written-score strong{color:var(--cp-success);font-family:Georgia,serif;font-size:28px}.course-written-score span{color:var(--cp-text-muted);font-size:12px}.course-written-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-written-question{min-width:0;padding:18px}.course-written-question>label{display:grid;gap:8px;margin-top:7px}.course-written-question label>strong{min-height:48px;font-size:17px;line-height:1.55}.course-written-question label>small{min-height:18px;color:var(--cp-text-muted);line-height:1.45}.course-written-question .translation-prompt small{display:inline;margin-left:10px;color:var(--cp-text-muted);font-size:12px;font-weight:400}.course-written-question input,.course-written-question textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--cp-border-strong);border-radius:7px;outline:0;background:var(--cp-bg-elevated);font:inherit}.course-written-question input{height:44px}.course-written-question .cloze-inline-input{min-width:18ch;max-width:100%;height:1.6em;margin:0 .25em;padding:0 .25em;border:0;border-bottom:2px solid var(--cp-border-strong);border-radius:0;background:transparent;font-weight:700;text-align:center;vertical-align:baseline}.course-written-question textarea{min-height:78px;resize:vertical;line-height:1.5}.course-written-question input:focus,.course-written-question textarea:focus{border-color:var(--cp-accent);box-shadow:0 0 0 2px var(--cp-accent-soft)}.course-written-question.correct{border-color:var(--cp-success)}.course-written-question.wrong{border-color:var(--cp-danger)}.course-written-feedback{display:grid;gap:6px;margin-top:12px;padding:11px 12px;border-left:3px solid var(--cp-border-strong);background:var(--cp-surface-soft);font-size:12px;line-height:1.5}.course-written-feedback b{display:flex;align-items:center;gap:6px}.course-written-feedback b.correct{color:var(--cp-success)}.course-written-feedback b.wrong{color:var(--cp-danger)}.course-written-feedback p{margin:0;color:var(--cp-text-muted)}.course-written-feedback p>span{color:var(--cp-text);font-weight:700}.course-written-feedback p>strong{color:var(--cp-success)}.course-written-submit{min-width:210px;margin:22px auto 0}.translation-target{padding:1px 3px;border-radius:3px;background:var(--cp-accent-soft);color:var(--cp-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}.translation-reference{display:grid;gap:6px;margin-top:12px}.translation-reference>span,.translation-reference>small{color:var(--cp-text-muted);font-size:12px}.translation-reference-toggle{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--cp-border);border-radius:7px;color:var(--cp-text);background:var(--cp-bg-elevated);text-align:left;font:inherit;line-height:1.6;overflow-wrap:anywhere}.translation-reference-toggle.is-hidden{background:repeating-linear-gradient(135deg,var(--cp-surface-soft),var(--cp-surface-soft) 6px,var(--cp-bg-elevated) 6px,var(--cp-bg-elevated) 12px);color:var(--cp-text-muted);font-size:13px}.translation-reference-toggle:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}@media print{.translation-reference{display:none!important}.translation-target{color:#000;background:transparent}}.article-cloze-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cp-accent);text-align:center}.article-cloze-empty h2{margin:12px 0 4px}.article-cloze-empty p{max-width:560px;margin:0;color:var(--cp-text-muted);line-height:1.6}.article-word-bank{position:sticky;z-index:5;top:72px;margin-bottom:16px;padding:16px}.article-word-bank>div:first-child{display:flex;justify-content:space-between;gap:16px;margin-bottom:11px}.article-word-bank>div:first-child span{color:var(--cp-text-muted);font-size:12px}.article-word-bank>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.article-word-bank button{min-height:36px;padding:7px 12px;border:1px solid var(--cp-border-strong);border-radius:999px;background:var(--cp-bg-elevated);color:var(--cp-text);font-weight:700}.article-word-bank button:hover:not(:disabled){border-color:var(--cp-accent);color:var(--cp-accent)}.article-word-bank button.used{opacity:.38;text-decoration:line-through}.article-cloze-paper{width:100%;margin:0;padding:clamp(24px,5vw,52px)}.article-cloze-paper>h2{margin:0 0 24px;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,4vw,36px)}.article-cloze-passage p{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:2.25;text-align:justify}.article-cloze-blank{display:inline-flex;align-items:baseline;gap:4px;min-width:115px;min-height:34px;margin:0 4px;padding:1px 7px;border:0;border-bottom:2px solid var(--cp-border-strong);border-radius:4px 4px 0 0;background:var(--cp-surface-soft);color:var(--cp-accent);font:inherit;font-weight:700;vertical-align:baseline}.article-cloze-blank small{color:var(--cp-text-muted);font-family:inherit;font-size:10px}.article-cloze-blank.active{border-color:var(--cp-accent);background:var(--cp-accent-soft);box-shadow:0 0 0 2px var(--cp-accent-soft)}.article-cloze-blank.correct{border-color:var(--cp-success);color:var(--cp-success)}.article-cloze-blank.wrong{border-color:var(--cp-danger);color:var(--cp-danger)}.article-cloze-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.article-cloze-results>div{padding:14px 16px}.article-cloze-results>div.correct{border-color:var(--cp-success)}.article-cloze-results>div.wrong{border-color:var(--cp-danger)}.article-cloze-results b{display:flex;align-items:center;gap:6px;color:var(--cp-success)}.article-cloze-results .wrong b{color:var(--cp-danger)}.article-cloze-results p{margin:6px 0 0;color:var(--cp-danger);font-size:12px}.article-cloze-results span{display:block;margin-top:6px;color:var(--cp-text-muted);font-size:12px;line-height:1.5}.course-spelling-meaning{margin:58px 0 5px;color:var(--cp-accent);font-size:26px;font-weight:800}.course-spelling-pos{display:block;margin-bottom:12px;font-size:28px;line-height:1.3;font-weight:800}.course-meaning-toggle{width:fit-content;max-width:100%;min-height:32px;padding:6px 8px;font-size:12px;font-weight:400;line-height:20px}.course-meaning-toggle:focus-visible{outline:2px solid var(--cp-link);outline-offset:2px}.course-sound{margin:0 auto 18px}.course-spelling{max-width:590px;display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 auto}.course-spelling input{min-width:0;height:58px;padding:0 16px;border:1px solid var(--cp-border-strong);border-radius:10px;outline:0;background:var(--cp-bg-elevated);font-family:Georgia,serif;font-size:23px}.course-spelling input:focus{border-color:var(--cp-accent);box-shadow:0 0 0 3px var(--cp-accent-soft)}.course-correction{max-width:590px;display:grid;gap:8px;margin:18px auto 0;padding:16px;border-left:3px solid var(--cp-danger);background:color-mix(in srgb,var(--cp-danger) 7%,transparent);text-align:left}.course-correction span{color:var(--cp-text-muted);font-size:12px}.course-correction strong{color:var(--cp-danger);font-family:Georgia,serif;font-size:25px}.course-correction button{justify-self:end}.course-speech-notice{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--cp-text-muted);font-size:14px}.course-feedback{width:fit-content;display:flex;align-items:center;gap:7px;margin:16px auto 0;font-weight:800}.course-feedback.correct{color:var(--cp-success)}.course-feedback.wrong{color:var(--cp-danger)}.course-mastered-strip{position:absolute;right:24px;bottom:18px;color:var(--cp-text-muted);font-size:11px}.course-finish{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:var(--cp-success);text-align:center}.course-finish h2{margin:15px 0 7px;color:var(--cp-text);font-size:28px}.course-finish p{color:var(--cp-text-muted)}.course-finish>div{display:flex;gap:9px;margin-top:12px}.toolbar{margin-bottom:18px;padding:16px}.search-box{display:flex;align-items:center;gap:10px;height:44px;padding:0 13px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-bg-elevated)}.search-box input{width:100%;border:0;outline:0;background:transparent}.topic-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.topic-tabs button{padding:7px 12px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);color:var(--cp-text-muted);font-size:12px}.topic-tabs button.active{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent)}.result-count{margin:0 0 12px;color:var(--cp-text-muted);font-size:12px}.collection-count{min-width:124px;padding:14px 18px;border-left:3px solid var(--cp-accent);background:var(--cp-accent-soft)}.collection-count strong,.collection-count span{display:block}.collection-count strong{color:var(--cp-accent);font-family:Georgia,serif;font-size:32px;line-height:1}.collection-count span{margin-top:5px;color:var(--cp-text-muted);font-size:11px}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.word-card{position:relative;padding:20px}.word-card.mastered{border-color:var(--cp-success)}.word-top{display:flex;justify-content:space-between}.topic-tag,.level-tag{padding:4px 7px;border-radius:10px;background:var(--cp-surface-soft);color:var(--cp-text-muted);font-size:10px}.level-tag{background:var(--cp-accent-soft);color:var(--cp-accent);font-weight:800}.word-card h3{margin:14px 0 1px;font-family:Georgia,serif;font-size:29px}.phonetic{color:var(--cp-text-muted);font-family:Consolas,Courier New,Courier,monospace;font-size:12px}.meaning{margin:14px 0 8px;font-weight:700}.example{min-height:44px;color:var(--cp-text-muted);font-size:13px;font-style:italic;line-height:1.55}.master-button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);font-size:12px}.master-button.active{border-color:var(--cp-success);color:var(--cp-success)}.ocr-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload-panel,.result-panel{min-height:490px;padding:24px}.drop-zone{width:100%;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;border:1px dashed var(--cp-border-strong);border-radius:10px;background:var(--cp-surface-soft);color:var(--cp-text-muted)}.drop-zone strong{color:var(--cp-text)}.drop-zone span{font-size:12px}.image-preview{height:300px;position:relative;display:grid;place-items:center;margin-bottom:16px;overflow:hidden;border:1px solid var(--cp-border);background:var(--cp-surface-soft)}.image-preview-canvas{position:relative;display:inline-grid;max-width:100%;max-height:100%}.image-preview img{display:block;max-width:100%;max-height:300px;object-fit:contain}.image-grade-marker{position:absolute;width:clamp(6px,2%,10px);aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:none}.image-grade-marker svg{width:100%;height:100%;stroke-width:4}.image-grade-marker.correct{color:var(--cp-success)}.image-grade-marker.incorrect,.image-grade-marker.unanswered{color:var(--cp-danger)}.remove-image{position:absolute;right:10px;top:10px}.ocr-text span,.matched-words>span{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.ocr-text textarea{width:100%;height:230px;resize:vertical;padding:12px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-bg-elevated);line-height:1.55}.matched-words{margin:16px 0}.matched-words div{display:flex;flex-wrap:wrap;gap:7px}.matched-words button{padding:5px 9px;border:1px solid var(--cp-accent);border-radius:10px;background:var(--cp-accent-soft);color:var(--cp-accent);font-size:12px}.matched-words small{color:var(--cp-text-muted)}.ocr-mistakes{margin:16px 0}.ocr-mistakes>span{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.ocr-mistakes>small{color:var(--cp-text-muted)}.ocr-mistakes details{border-top:1px solid var(--cp-border)}.ocr-mistakes details:last-of-type{border-bottom:1px solid var(--cp-border)}.ocr-mistakes summary{min-height:46px;display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none}.ocr-mistakes summary::-webkit-details-marker{display:none}.ocr-mistakes summary>span:first-child{padding:3px 6px;background:var(--cp-accent-soft);color:var(--cp-accent);font-size:10px;font-weight:800}.ocr-mistakes summary>strong{flex:1;font-size:13px}.ocr-mistakes summary svg{color:var(--cp-text-muted);transition:transform .2s}.ocr-mistakes details[open] summary>svg{transform:rotate(90deg)}.ocr-mistakes details.correct{border-left:3px solid var(--cp-success)}.ocr-mistakes details.incorrect,.ocr-mistakes details.unanswered{border-left:3px solid var(--cp-danger)}.ocr-grade-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;white-space:nowrap}.ocr-grade-status.correct,.ocr-grade-status.correct svg{color:var(--cp-success)}.ocr-grade-status.incorrect,.ocr-grade-status.incorrect svg,.ocr-grade-status.unanswered,.ocr-grade-status.unanswered svg{color:var(--cp-danger)}.ocr-mistakes details>div{padding:0 0 14px}.ocr-mistakes details p{margin:4px 0 10px;font-size:13px;line-height:1.55}.ocr-mistakes dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.ocr-mistakes dl div{padding:9px;background:var(--cp-surface-soft)}.ocr-mistakes dt{color:var(--cp-text-muted);font-size:10px}.ocr-mistakes dd{margin:4px 0 0;font-size:12px}.ocr-mistake-explanation{color:var(--cp-text-muted)}.alert{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;border:1px solid var(--cp-border);border-radius:10px;font-size:12px;line-height:1.5}.alert span,.alert small{display:block}.alert small{margin-top:4px}.alert.error{border-color:var(--cp-danger);color:var(--cp-danger)}.alert.success{border-color:var(--cp-success);color:var(--cp-success)}.spinner{width:15px;height:15px;border:2px solid var(--cp-accent-fg);border-top-color:var(--cp-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.memory-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.memory-plan,.memory-status,.mode-panel,.memory-card{padding:24px}.field-caption{display:block;margin:18px 0 9px;color:var(--cp-text-muted);font-size:12px;font-weight:700}.segmented,.mode-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.segmented.daily{grid-template-columns:repeat(4,1fr)}.segmented button,.mode-tabs button{min-height:40px;padding:8px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);color:var(--cp-text-muted);font-size:12px}.segmented button.active,.mode-tabs button.active{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent);font-weight:800}.plan-scope-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-scope-options button{position:relative;min-height:94px;padding:15px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);text-align:left}.plan-scope-options button.active{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.plan-scope-options strong,.plan-scope-options span,.plan-scope-options small{display:block}.plan-scope-options strong{margin-bottom:5px}.plan-scope-options span{color:var(--cp-text-muted);font-size:11px}.plan-scope-options small{position:absolute;right:12px;bottom:10px;color:var(--cp-accent);font-weight:800}.selected-total{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:11px 14px;border-left:3px solid var(--cp-accent);background:var(--cp-accent-soft)}.selected-total span{color:var(--cp-text-muted);font-size:12px}.selected-total strong{color:var(--cp-accent);font-size:18px}.estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.estimate-grid div{padding:14px;border:1px solid var(--cp-border);background:var(--cp-bg-elevated)}.estimate-grid span,.estimate-grid strong{display:block}.estimate-grid span{color:var(--cp-text-muted);font-size:11px}.estimate-grid strong{margin-top:5px;font-size:18px}.estimate-note{display:block;margin-top:9px;color:var(--cp-text-soft);line-height:1.45}.memory-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.memory-numbers div{padding:10px;border-right:1px solid var(--cp-border);text-align:center}.memory-numbers div:last-child{border:0}.memory-numbers strong,.memory-numbers span{display:block}.memory-numbers strong{font-family:Georgia,serif;font-size:31px}.memory-numbers span{margin-top:4px;color:var(--cp-text-muted);font-size:10px}.learning-history-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.learning-history-actions button{min-width:0;padding:0 10px}.learning-history-actions .danger{grid-column:1 / -1;border-color:var(--cp-danger);color:var(--cp-danger)}.learning-history-actions .danger:hover{background:color-mix(in srgb,var(--cp-danger) 7%,var(--cp-surface))}.learned-back{margin-bottom:12px}.learned-words-heading{align-items:center}.learned-table-wrap{overflow-x:auto}.learned-table{width:100%;table-layout:fixed;border-collapse:collapse}.learned-table th,.learned-table td{padding:6px 10px;border-right:1px solid var(--cp-border);border-bottom:1px solid var(--cp-border);text-align:left;vertical-align:middle}.learned-table th:last-child,.learned-table td:last-child{border-right:0}.learned-table th{background:var(--cp-surface-soft);color:var(--cp-text-muted);font-size:11px;font-weight:800}.learned-table tbody tr:last-child td{border-bottom:0}.learned-table tbody tr:hover{background:color-mix(in srgb,var(--cp-accent) 3%,transparent)}.learned-table th:first-child,.learned-table td:first-child{width:44px;color:var(--cp-text-muted);text-align:center}.learned-table th:last-child{width:156px}.learned-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--cp-text-muted);font-size:11px}.learned-word-cell{display:grid;gap:2px}.word-review-progress{display:grid;gap:5px;margin-top:8px;color:var(--cp-text-muted);font-size:11px}.word-review-summary{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between}.word-review-summary strong{color:var(--cp-text);font-size:inherit}.word-review-track{height:6px;overflow:hidden;border-radius:4px;background:var(--cp-border)}.word-review-track>i{display:block;height:100%;border-radius:inherit;background:var(--cp-accent)}.word-review-progress small{line-height:1.6;overflow-wrap:anywhere}.review-schedule-help{padding:4px 12px;margin-bottom:8px;color:var(--cp-text-muted);font-size:12px;line-height:1.7}.review-schedule-help summary{min-height:32px;align-content:center;cursor:pointer;font-weight:700}.review-schedule-help p{margin:4px 0}.learned-table .word-review-progress{grid-template-columns:auto minmax(110px,1fr) auto;align-items:center;gap:3px 8px;margin-top:2px}.learned-table .word-review-summary{display:contents}.learned-table .word-review-summary strong{order:1}.learned-table .word-review-track{order:2;height:4px}.learned-table .word-review-summary span{order:3}.learned-table .word-review-progress small{order:4;grid-column:1 / -1}@media(min-width:1200px){.learned-table .word-review-progress{grid-template-columns:auto minmax(110px,.7fr) auto minmax(0,1.4fr)}.learned-table .word-review-progress small{grid-column:auto}}@media(max-width:600px){.learned-table,.learned-table tbody{display:block}.learned-table thead{display:none}.learned-table tbody tr{display:grid;grid-template-columns:32px minmax(0,1fr);border-bottom:1px solid var(--cp-border)}.learned-table td{display:block;min-width:0;border:0;padding:6px 8px}.learned-table td:first-child{width:auto;padding-top:10px}.learned-table td:nth-child(3){grid-column:2;padding-top:0}.learned-table .word-review-progress{grid-template-columns:minmax(0,1fr) auto}.learned-table .word-review-summary span{order:2}.learned-table .word-review-track{order:3;grid-column:1 / -1}}.learned-word-line{display:grid;grid-template-columns:fit-content(45%) minmax(0,1fr);align-items:center;gap:8px}.learned-word-identity{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;min-width:0}.learned-word-identity>strong{font-family:Georgia,Times New Roman,serif;font-size:18px;overflow-wrap:anywhere}.learned-word-identity>span{color:var(--cp-text-muted);font-family:Consolas,Courier New,monospace;font-size:11px;overflow-wrap:anywhere}.learned-sound{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cp-accent)}.learned-sound:hover{background:var(--cp-accent-soft)}.meaning-toggle{width:fit-content;max-width:100%;min-width:0;min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border:0;border-radius:5px;background:repeating-linear-gradient(135deg,var(--cp-surface-soft),var(--cp-surface-soft) 6px,var(--cp-bg-elevated) 6px,var(--cp-bg-elevated) 12px);color:var(--cp-text-muted);font-size:12px;text-align:left;white-space:normal;overflow-wrap:anywhere}.meaning-toggle svg{flex-shrink:0}.meaning-toggle span{min-width:0}.meaning-toggle.visible{background:transparent;color:var(--cp-text)}.curve{display:flex;align-items:center;justify-content:space-between;position:relative;margin:18px 0 30px}.curve:before{content:"";position:absolute;left:16px;right:16px;top:7px;height:1px;background:var(--cp-border-strong)}.curve span{position:relative;padding-top:20px;color:var(--cp-text-muted);font-size:9px;text-align:center}.curve span:before{content:"";width:9px;height:9px;position:absolute;left:50%;top:3px;border:2px solid var(--cp-surface);border-radius:50%;background:var(--cp-accent);transform:translate(-50%)}.mode-panel{margin:20px 0}.mode-panel .field-caption{margin-top:0;font-size:14px}.mode-tabs{max-width:760px;grid-template-columns:repeat(4,1fr)}.mode-tabs.review-modes{grid-template-columns:repeat(3,1fr)}.mode-tabs button{min-height:46px;font-size:14px}.mode-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.study-session-page{min-height:calc(100vh - 150px)}.study-session-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.study-session-header>span{color:var(--cp-text-muted);font-size:14px;font-weight:700}.study-back{display:inline-flex;align-items:center;gap:8px}.study-session-header.with-group-navigation{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(260px,1fr)}.study-session-header.with-group-navigation>span{justify-self:end;text-align:right}.course-group-navigation{display:flex;align-items:center;justify-content:center;gap:6px}.course-group-navigation button{min-width:66px;height:48px;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--cp-border);border-radius:8px;background:var(--cp-surface);color:var(--cp-text-muted);font-size:12px;font-weight:700;white-space:nowrap}.course-group-navigation button.completed{padding-top:14px}.course-group-navigation button svg{position:absolute;left:50%;top:5px;transform:translate(-50%)}.course-group-navigation button:hover:not(:disabled){border-color:var(--cp-accent);color:var(--cp-accent)}.course-group-navigation button.completed{border-color:color-mix(in srgb,var(--cp-success) 45%,var(--cp-border));color:var(--cp-success)}.course-group-navigation button.active{border-color:var(--cp-accent);background:var(--cp-accent);color:var(--cp-accent-fg)}.course-group-navigation button:disabled{cursor:not-allowed;opacity:.4}.session-finish-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.memory-card{width:100%;margin:0;padding:32px;text-align:center}.memory-progress{display:flex;align-items:center;gap:14px;margin-bottom:28px;color:var(--cp-text-muted);font-size:11px}.memory-progress>div{height:6px;flex:1;overflow:hidden;border-radius:10px;background:var(--cp-surface-soft)}.memory-progress i{height:100%;display:block;border-radius:10px;background:var(--cp-accent);transition:width .25s}.memory-card h2{margin:24px 0 6px;font-family:Georgia,serif;font-size:clamp(44px,6vw,72px)}.memory-card>.phonetic{font-size:16px}.memory-part-of-speech{margin:12px 0 0;color:var(--cp-text-muted);font-size:16px}.memory-part-of-speech.spelling-part-of-speech{color:var(--cp-accent);font-size:28px;line-height:1.3;font-weight:800}.spelling-slots{min-width:0;display:flex;flex:1;align-items:flex-end;justify-content:center;gap:8px;cursor:text}.spelling-slots span{width:clamp(28px,4vw,42px);min-width:0;min-height:54px;display:grid;flex:0 1 42px;place-items:center;border-bottom:4px solid transparent;font-family:Consolas,Courier New,Courier,monospace;font-size:clamp(30px,4vw,46px);font-weight:700;text-transform:lowercase}.spelling-slots .blank{border-color:var(--cp-border-strong)}.spelling-slots .filled{border-color:var(--cp-accent);color:var(--cp-accent)}.spelling-slots .given{color:var(--cp-text)}.spelling-slots.correct span{border-color:var(--cp-success);color:var(--cp-success)}.spelling-meaning{margin:24px 0 4px;font-size:22px;font-weight:800}.meaning.pending{color:var(--cp-text-muted);font-size:12px;font-weight:500}.vocabulary-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0 8px}.vocabulary-pagination span{color:var(--cp-text-muted);font-size:12px;font-weight:700}.memory-recall-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:34px auto 0}.memory-recall-actions button{min-height:56px;font-size:16px}.memory-recall-actions .forgot{border-color:var(--cp-danger);color:var(--cp-danger)}.memory-prompt{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.memory-prompt h2{margin:0}.speak-button{flex:0 0 auto;color:var(--cp-accent)}.spelling-form{display:flex;gap:10px;max-width:520px;margin:30px auto 0}.spelling-form.inline{justify-content:center}.spelling-keyboard-input{width:1px!important;min-width:1px!important;min-height:1px!important;position:fixed;left:-10000px;padding:0!important;border:0!important;opacity:0}.spelling-form input{min-width:0;min-height:48px;flex:1;padding:0 14px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-bg-elevated);font-size:17px}.spelling-form input:focus{border-color:var(--cp-accent);outline:2px solid var(--cp-accent-soft)}.spelling-comparison{display:grid;gap:7px;margin:8px 0}.spelling-comparison>span{color:var(--cp-text-muted);font-size:11px}.spelling-comparison>div{display:flex;flex-wrap:wrap;gap:4px}.spelling-comparison i{min-width:28px;min-height:34px;display:grid;place-items:center;border-bottom:2px solid var(--cp-border-strong);font-family:Consolas,Courier New,monospace;font-size:20px;font-style:normal}.spelling-comparison i.match{border-color:var(--cp-success);color:var(--cp-success)}.spelling-comparison i.mismatch{border-color:var(--cp-danger);background:color-mix(in srgb,var(--cp-danger) 8%,transparent);color:var(--cp-danger);font-weight:800}.spelling-feedback b{color:var(--cp-success);font-family:Consolas,Courier New,monospace;font-size:18px}.spelling-success{min-height:58px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:24px;color:var(--cp-success);font-size:18px}.memory-feedback{display:grid;gap:6px;margin-top:24px;padding:18px;border:1px solid var(--cp-border);text-align:left}.memory-feedback.correct{border-color:var(--cp-success)}.memory-feedback.wrong{border-color:var(--cp-danger)}.memory-feedback.correct>strong{color:var(--cp-success)}.memory-feedback.wrong>strong{color:var(--cp-danger)}.memory-feedback>strong{font-size:20px}.memory-feedback span{font-size:16px}.memory-feedback small{color:var(--cp-text-muted);font-size:16px;font-style:italic;line-height:1.6}.memory-feedback button{justify-self:end;margin-top:8px}.ai-quiz-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.ai-quiz-heading h1{margin:5px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,46px)}.ai-quiz-heading p{margin:0;color:var(--cp-text-muted)}.ai-quiz-loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--cp-accent)}.ai-quiz-loading span{color:var(--cp-text-muted)}.ai-quiz-error{align-items:center}.ai-quiz-error button{margin-left:auto}.ai-question-list{display:grid;gap:16px}.fill-sentence{line-height:1.55}.ai-answer-explanation{margin-top:16px;padding:14px;border-left:3px solid var(--cp-danger);background:color-mix(in srgb,var(--cp-danger) 7%,transparent)}.ai-answer-explanation strong{color:var(--cp-success)}.ai-answer-explanation p{margin:6px 0 0;color:var(--cp-text-muted);line-height:1.55}.ai-quiz-result{display:flex;align-items:center;gap:12px;margin-top:20px;padding:18px;color:var(--cp-success)}.ai-quiz-result strong,.ai-quiz-result span{display:block}.ai-quiz-result span{margin-top:4px;color:var(--cp-text-muted);font-size:12px}.quiz-start{max-width:640px;margin:60px auto;padding:46px;text-align:center}.quiz-start p{color:var(--cp-text-muted);line-height:1.6}.quiz-illustration{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid var(--cp-accent);border-radius:50%;background:var(--cp-accent-soft);color:var(--cp-accent)}.quiz-title-row,.intro-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.question-list{display:grid;gap:16px}.question{padding:24px}.question-number{color:var(--cp-accent);font-size:10px;font-weight:800}.question h2{margin:7px 0 18px;font-size:20px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.answer-grid button{min-height:54px;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-bg-elevated);text-align:left}.answer-grid button>span{width:28px;height:28px;display:grid;flex:0 0 28px;place-items:center;border-radius:50%;background:var(--cp-surface-soft);font-weight:800}.answer-grid button.selected{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.answer-grid button.correct{border-color:var(--cp-success);color:var(--cp-success)}.answer-grid button.wrong{border-color:var(--cp-danger);color:var(--cp-danger)}.answer-grid button svg{margin-left:auto}.weekly-quiz-page .weekly-question-list .answer-grid{grid-template-columns:minmax(0,1fr)}.quiz-submit{min-width:200px;margin:24px auto 0;display:flex}.weekly-quiz-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}.weekly-quiz-heading h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px}.weekly-quiz-heading p,.weekly-section-heading p{margin:0;color:var(--cp-text-muted);font-size:13px}.weekly-quiz-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.weekly-sequence-toggle{cursor:pointer}.weekly-sequence-toggle b{min-width:52px;color:var(--cp-text);font-size:12px}.weekly-print-button{flex:0 0 auto}.weekly-quiz-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;padding:4px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface-soft)}.weekly-quiz-heading .weekly-quiz-tabs{flex:1 1 520px;min-width:0;margin-bottom:0}.weekly-quiz-tab{min-width:0;position:relative;border-radius:7px}.weekly-quiz-tabs button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding-inline:9px 28px;border:0;border-radius:7px;background:transparent;color:var(--cp-text-muted);font-size:13px;font-weight:700}.weekly-quiz-tabs button.active{background:var(--cp-surface);color:var(--cp-accent);box-shadow:0 1px 3px var(--cp-border)}.weekly-quiz-tabs button:disabled{cursor:not-allowed;opacity:.48}.weekly-quiz-tabs button small{padding:2px 5px;border-radius:4px;background:var(--cp-border);font-size:9px;font-weight:700}.weekly-quiz-tab-selector{width:24px;height:32px;position:absolute;top:5px;right:3px;display:grid;place-items:center;cursor:pointer}.weekly-quiz-tab-selector input{width:16px;height:16px;margin:0;accent-color:var(--cp-accent);cursor:pointer}.weekly-quiz-tab-selector input:disabled{cursor:not-allowed}.weekly-quiz-tab.excluded{background:color-mix(in srgb,var(--cp-surface-soft) 75%,transparent)}.weekly-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.weekly-section-heading h2{margin:0 0 4px;font-size:19px}.weekly-section-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.weekly-vocabulary-actions{align-items:center;justify-content:space-between;gap:12px}.weekly-vocabulary-modes{display:flex;gap:4px;margin:0;padding:3px;border:1px solid var(--cp-border);border-radius:9px;background:var(--cp-surface-soft)}.weekly-vocabulary-modes button{min-height:34px;padding:5px 12px;border:0;border-radius:6px;background:transparent;color:var(--cp-text-muted);font-weight:700}.weekly-vocabulary-modes button.active{background:var(--cp-surface);color:var(--cp-accent);box-shadow:0 1px 3px var(--cp-border)}.weekly-question-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weekly-question-list .question{min-width:0;padding:15px}.weekly-question-list .question h2{min-height:38px;margin:4px 0 10px;font-size:15px;line-height:1.3}.weekly-question-list .answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.weekly-question-list .answer-grid button{min-width:0;min-height:38px;gap:5px;padding:5px 7px;overflow-wrap:anywhere;font-size:12px}.weekly-question-list .answer-grid button>span{width:22px;height:22px;flex-basis:22px;font-size:10px}.weekly-unanswered{display:flex;align-items:center;gap:5px;margin:8px 0 0;color:var(--cp-danger);font-size:12px;font-weight:700}.weekly-word-cover{width:100%;min-height:92px;border:1px dashed var(--cp-border-strong);border-radius:10px;background:linear-gradient(135deg,var(--cp-surface-soft),var(--cp-bg-elevated));color:var(--cp-text-muted);font-size:14px;font-weight:800}.weekly-word-cover.revealed{border-style:solid;border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent);font-family:Georgia,Times New Roman,serif;font-size:28px}.weekly-recall-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.weekly-recall-actions button{min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--cp-border);border-radius:8px;background:var(--cp-bg-elevated);font-weight:700}.weekly-recall-actions button.correct{border-color:var(--cp-success);color:var(--cp-success)}.weekly-recall-actions button.wrong{border-color:var(--cp-danger);color:var(--cp-danger)}.weekly-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px;color:var(--cp-accent);text-align:center}.weekly-empty span{color:var(--cp-text-muted)}.weekly-spelling-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.weekly-spelling-item{min-width:0;display:grid;grid-template-columns:28px minmax(100px,1fr) minmax(130px,1fr) auto;align-items:center;gap:10px;padding:12px 14px}.weekly-spelling-item>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--cp-surface-soft);font-size:11px;font-weight:800}.weekly-spelling-prompt{min-width:0;display:flex;align-items:baseline;gap:8px}.weekly-spelling-prompt strong{min-width:0}.weekly-spelling-prompt small{flex:0 0 auto;padding:2px 5px;border-radius:4px;background:var(--cp-surface-soft);color:var(--cp-text-muted);font-size:10px;font-weight:700}.weekly-spelling-item input{min-width:0;height:38px;padding:0 10px;border:1px solid var(--cp-border);border-radius:8px;background:var(--cp-bg-elevated)}.weekly-spelling-item input:focus{border-color:var(--cp-accent);outline:2px solid var(--cp-accent-soft)}.weekly-spelling-item.correct{border-color:var(--cp-success)}.app-shell .content .panel.practice-question-error,.app-shell .content .mistake-retry.practice-question-error{border-color:var(--cp-danger);background:color-mix(in srgb,var(--cp-danger) 14%,var(--cp-surface));box-shadow:inset 4px 0 0 var(--cp-danger)}.weekly-spelling-item.wrong>span{background:var(--cp-danger);color:var(--cp-accent-fg)}.weekly-spelling-item.wrong input{border-color:var(--cp-danger)}.weekly-spelling-item.wrong>b{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.weekly-spelling-error-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px}.weekly-spelling-item>b{color:var(--cp-danger);font-size:13px}.weekly-spelling-item.correct>b{color:var(--cp-success)}.weekly-translation-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weekly-translation-item{padding:18px}.weekly-translation-item h3{margin:6px 0 12px;font-size:16px;line-height:1.55}.weekly-translation-item>p{margin:4px 0;color:var(--cp-text-muted);font-size:12px}.weekly-translation-item textarea{width:100%;min-height:74px;margin-top:12px;padding:10px 12px;resize:vertical;border:1px solid var(--cp-border);border-radius:7px;background:var(--cp-bg-elevated);font:inherit;line-height:1.5}.weekly-translation-item textarea:focus{border-color:var(--cp-accent);outline:2px solid var(--cp-accent-soft)}.weekly-translation-item.correct{border-color:var(--cp-success)}.weekly-translation-item.wrong{border-color:var(--cp-danger)}.weekly-answer-review{display:grid;gap:4px;margin-top:10px;padding:10px 12px;border-left:3px solid var(--cp-accent);background:var(--cp-surface-soft);font-size:12px;line-height:1.5}.weekly-print-paper{display:none}.weekly-reading-error{align-items:center}.weekly-reading-error button{margin-left:auto}.weekly-reading-layout{display:grid;gap:12px}.weekly-reading-passage{max-height:290px;overflow-y:auto;padding:20px 24px}.weekly-reading-passage h2{margin:4px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:22px}.weekly-reading-passage p{margin:0 0 9px;color:var(--cp-text-soft);font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.55}.weekly-reading-explanation{margin:9px 0 0;padding-top:8px;border-top:1px solid var(--cp-border);color:var(--cp-text-muted);font-size:12px}.toggle{display:flex;align-items:center;gap:8px;color:var(--cp-text-muted);font-size:12px;white-space:nowrap}.toggle input{position:absolute;opacity:0}.toggle>span{width:36px;height:20px;position:relative;order:-1;border:1px solid var(--cp-border-strong);border-radius:10px;background:var(--cp-surface-soft)}.toggle>span:after{content:"";width:14px;height:14px;position:absolute;left:2px;top:2px;border-radius:50%;background:var(--cp-border-strong);transition:transform .2s}.toggle input:checked+span{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.toggle input:checked+span:after{background:var(--cp-accent);transform:translate(16px)}.mistake-list{display:grid;gap:14px}.mistake-toolbar{display:flex;align-items:center;gap:12px}.mistake-analysis{display:grid;gap:15px;margin-bottom:14px;padding:20px}.mistake-analysis-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.mistake-analysis-heading h2{margin:3px 0 4px;font-size:21px}.mistake-analysis-heading p{max-width:760px;margin:0;color:var(--cp-text-muted);font-size:12px;line-height:1.55}.mistake-analysis-heading>strong{color:var(--cp-accent);font-size:28px;white-space:nowrap}.mistake-analysis-heading>strong small{color:var(--cp-text-muted);font-size:11px}.mistake-reason-filters{display:flex;flex-wrap:wrap;gap:6px}.mistake-reason-filters button{min-height:30px;padding:4px 10px;border:1px solid var(--cp-border);border-radius:999px;background:var(--cp-bg-elevated);color:var(--cp-text-muted);font-size:11px;font-weight:700}.mistake-reason-filters button.active{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent)}.mistake-risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mistake-risk-grid article{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px;border:1px solid var(--cp-border);border-radius:9px;background:var(--cp-surface-soft)}.mistake-risk-grid article>div:first-child{min-width:0;display:grid}.mistake-risk-grid article>div:first-child strong{font-family:Georgia,Times New Roman,serif;font-size:17px}.mistake-risk-grid article>div:first-child span,.mistake-risk-grid article>small{overflow:hidden;color:var(--cp-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mistake-risk-grid article>b{align-self:start;font-size:10px}.mistake-risk-grid article>b.risk-high{color:var(--cp-danger)}.mistake-risk-grid article>b.risk-medium{color:#b26a00}.mistake-risk-grid article>b.risk-low{color:var(--cp-success)}.mistake-risk-grid article>div:last-child{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px}.mistake-analysis-empty{margin:0;color:var(--cp-text-muted)}.word-ai-analysis{width:100%;color:var(--cp-text);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.word-ai-analysis summary{cursor:pointer;color:var(--cp-accent);font-weight:700}.word-ai-analysis p{margin:6px 0}.weekly-memory-notice{color:var(--cp-text-muted);font-size:12px;line-height:1.5}.mistake-reason-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.mistake-reason-tag{display:inline-flex;padding:2px 6px;border-radius:999px;background:var(--cp-accent-soft);color:var(--cp-accent)!important;font-size:9px!important;font-weight:800}.danger-button{color:var(--cp-danger)}.danger-button:hover:not(:disabled){border-color:var(--cp-danger)}.mistake{padding:22px}.mistake.mastered{opacity:.65}.mistake-main{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:24px}.mistake-word{padding-right:20px;border-right:1px solid var(--cp-border)}.mistake-word span{color:var(--cp-accent);font-size:10px}.mistake-word h2{margin:5px 0 1px;font-family:Georgia,serif;font-size:27px}.mistake-word small{color:var(--cp-text-muted);font-family:Consolas,Courier New,Courier,monospace}.mistake-detail>strong{font-size:14px}.mistake-detail p{display:inline-flex;gap:7px;margin:11px 18px 7px 0;font-size:13px}.mistake-detail p span{color:var(--cp-text-muted)}.mistake-detail .right-answer{color:var(--cp-success)}.mistake-detail>small{display:block;color:var(--cp-text-muted);font-style:italic}.mistake-actions{min-width:130px;display:grid;gap:8px}.mistake-actions button{justify-content:center}.mistake-actions svg{transition:transform .2s}.mistake-actions svg.expanded{transform:rotate(90deg)}.mistake-explanation{margin-top:18px;padding:16px 18px;border-left:3px solid var(--cp-accent);background:var(--cp-surface-soft)}.mistake-explanation>span{color:var(--cp-accent);font-size:10px;font-weight:800}.mistake-explanation p{margin:7px 0 0;line-height:1.65;white-space:pre-wrap}.mistake-explanation .explanation-error{color:var(--cp-danger)}.mistake-retry,.mistake-retry-error{margin-top:18px}.mistake-retry{padding:18px;border-top:1px solid var(--cp-border)}.mistake-retry>span{color:var(--cp-accent);font-size:10px;font-weight:800}.mistake-retry h3{margin:7px 0 16px;font-size:17px;line-height:1.55}.mistake-retry-error{display:flex;align-items:center;gap:8px;color:var(--cp-danger);font-size:13px}.mistake-retry-feedback{margin-top:14px;padding:13px 15px;border-left:3px solid currentColor;background:var(--cp-surface-soft)}.mistake-retry-feedback.correct{color:var(--cp-success)}.mistake-retry-feedback.wrong{color:var(--cp-danger)}.mistake-retry-feedback p{margin:5px 0 0;color:var(--cp-text-muted);line-height:1.55}.mastered-label{display:flex;align-items:center;gap:5px;color:var(--cp-success);font-size:12px}.reading-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.reading-heading h1{margin:1px 0 2px;font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:1.15}.reading-heading p{margin:0;color:var(--cp-text-muted);font-size:11px}.reading-heading .secondary{min-height:32px;padding:0 13px;font-size:13px}.reading-actions{display:flex;gap:8px}.reading-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px;padding:3px;border:1px solid var(--cp-border);border-radius:9px;background:var(--cp-surface-soft)}.reading-tabs button{min-height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;background:transparent;color:var(--cp-text-muted);font-size:11px;font-weight:700}.reading-tabs button.active{background:var(--cp-surface);color:var(--cp-accent);box-shadow:0 1px 3px var(--cp-border)}.reading-loading{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--cp-accent)}.reading-loading span{color:var(--cp-text-muted)}.reading-error{align-items:center}.reading-error button{margin-left:auto}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.reading-passage{padding:15px 20px;scrollbar-gutter:stable}.reading-passage h2{margin:4px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:21px}.reading-passage p{margin:0 0 12px;color:var(--cp-text);font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.7}.reading-questions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reading-question{min-width:0;padding:12px 14px}.reading-question>span{color:var(--cp-accent);font-size:10px;font-weight:800}.reading-question h3{min-height:38px;margin:3px 0 8px;font-size:14px;line-height:1.35}.reading-question .answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.ket-reading-questions .answer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-question .answer-grid button{min-width:0;min-height:36px;gap:5px;padding:5px 7px;overflow-wrap:normal;word-break:normal;font-size:11px}.reading-question .answer-grid button>span{width:22px;height:22px;flex-basis:22px;font-size:10px}.reading-explanation{display:grid;gap:9px;margin:12px 0 0;padding:11px 13px;border-left:3px solid var(--cp-success);background:color-mix(in srgb,var(--cp-success) 7%,var(--cp-surface));color:var(--cp-text-muted);font-size:12px;line-height:1.6}.reading-explanation>div>strong{display:block;margin-bottom:3px;color:var(--cp-text);font-size:11px}.reading-explanation p{margin:0;white-space:pre-wrap}.reading-evidence{padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--cp-success) 25%,transparent)}.reading-evidence q{display:block;color:var(--cp-text-soft);font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic}.reading-submit,.reading-score{grid-column:1}.reading-submit{width:100%}.reading-score{display:flex;align-items:center;justify-content:center;gap:9px;padding:17px;color:var(--cp-success)}.empty-panel{min-height:280px;display:grid;place-items:center}.empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--cp-text-muted);text-align:center}@media(max-width:1000px){.stat-grid,.word-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.memory-overview{grid-template-columns:1fr}.course-groups{grid-template-columns:1fr 1fr}.course-units{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.app-shell{display:block}.mobile-menu{display:grid}.topbar{padding:0 16px}.content{padding:24px 16px 44px}.welcome-band{min-height:360px;align-items:flex-start;flex-direction:column;padding:28px 22px}.welcome-band:after{right:5px;top:170px;font-size:150px}.welcome-band .primary{margin-top:auto}.mobile-feature-menu{display:block;margin:20px 0}.mobile-feature-heading{margin-bottom:12px}.mobile-feature-heading h2{margin:3px 0 0;font-size:20px}.mobile-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-feature-grid button{min-width:0;min-height:60px;display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);color:var(--cp-text);text-align:left}.mobile-feature-grid button>svg:first-child{color:var(--cp-accent)}.mobile-feature-grid button>svg:last-child{color:var(--cp-text-muted)}.mobile-feature-grid button span{min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:700}.stat-grid,.word-grid,.ocr-grid,.answer-grid{grid-template-columns:1fr}.library-summary{align-items:flex-start;flex-direction:column}.plan-scope-options{grid-template-columns:1fr}.intro-row{display:block}.toggle{margin:-12px 0 22px}.mistake-toolbar{flex-wrap:wrap;margin:-12px 0 22px}.mistake-toolbar .toggle{margin:0}.mistake-analysis-heading{align-items:flex-start;flex-direction:column}.mistake-risk-grid{grid-template-columns:1fr}.mistake-main{grid-template-columns:1fr;gap:14px}.mistake-word{padding-right:0;padding-bottom:14px;border-right:0;border-bottom:1px solid var(--cp-border)}.mistake-actions{grid-template-columns:1fr 1fr}.ocr-mistakes dl{grid-template-columns:1fr}.review-callout{grid-template-columns:auto minmax(0,1fr)}.review-callout .secondary{grid-column:1 / -1;width:100%}.stage-summary{grid-template-columns:1fr 1fr}.playground-heading{display:block}.local-save-status{margin:-12px 0 20px}.playground-fields{grid-template-columns:1fr}.playground-fields .wide{grid-column:auto}.playground-run,.playground-reset{width:100%}.ai-quiz-heading{display:block}.ai-quiz-heading .secondary{width:100%;margin-top:16px}.reading-heading{display:block}.reading-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.reading-heading .secondary{width:100%}.reading-layout{grid-template-columns:1fr}.reading-passage{position:static}.reading-submit,.reading-score{grid-column:1}.weekly-question-list,.weekly-spelling-list,.weekly-translation-list{grid-template-columns:1fr}.weekly-vocabulary-actions{align-items:stretch;flex-direction:column}.weekly-vocabulary-modes{display:grid;grid-template-columns:1fr 1fr}.weekly-spelling-item{grid-template-columns:28px minmax(90px,.8fr) minmax(120px,1.2fr) auto}.learned-words-heading .collection-count{margin-bottom:20px}.course-heading{display:block}.course-heading-actions{align-items:stretch;flex-direction:column-reverse}.course-heading-actions>.secondary{width:100%}.course-total{margin-bottom:20px}.course-group-size{align-items:stretch;flex-direction:column}.course-group-size>div{grid-template-columns:repeat(3,1fr)}.course-groups,.course-units{grid-template-columns:1fr}.study-session-header.with-group-navigation{grid-template-columns:auto minmax(0,1fr)}.study-session-header.with-group-navigation>span{grid-column:1 / -1;min-width:0;font-size:11px;white-space:normal;overflow-wrap:anywhere}.course-group-navigation{grid-column:1 / -1;grid-row:2}.course-group-navigation button{min-width:0;flex:1 1 58px;padding-right:4px;padding-left:4px;font-size:11px}.course-group-navigation button svg{left:50%;width:11px}.course-unit{padding:20px}.course-special-test{align-items:stretch;flex-direction:column}.course-special-test .secondary{width:100%}.custom-books-grid{grid-template-columns:1fr 1fr}.custom-word-row{grid-template-columns:120px minmax(0,1fr) 40px}.course-practice-card{min-height:540px;padding:22px 18px 50px}.course-word-audio{flex-direction:column}.course-word-audio>strong{flex:none;width:100%}}@media(max-width:430px){.stat-grid{grid-template-columns:1fr}.welcome-band h1{font-size:38px}.page-intro h1{font-size:34px}.upload-panel,.result-panel,.question,.quiz-start,.memory-plan,.memory-status,.mode-panel,.memory-card{padding:18px}.segmented,.segmented.daily{grid-template-columns:repeat(3,1fr)}.mode-tabs,.estimate-grid,.memory-recall-actions{grid-template-columns:1fr 1fr}.spelling-slots{gap:5px}.spelling-form.inline{align-items:center}.learning-history-actions{grid-template-columns:1fr}.learning-history-actions .danger{grid-column:auto}.course-note{grid-template-columns:1fr}.course-note>span{grid-row:auto;padding:0 0 6px;border-right:0}.custom-books-grid{grid-template-columns:1fr}.custom-editor-heading{align-items:stretch;flex-direction:column}.custom-name-field>div{grid-template-columns:1fr}.custom-import-actions{align-items:stretch;flex-direction:column}.custom-import-actions .primary{width:100%}.custom-word-row{grid-template-columns:minmax(0,1fr) 40px;gap:8px}.custom-word-row p{grid-column:1 / -1;grid-row:2}.custom-word-row .icon-button{grid-column:2;grid-row:1}.custom-word-list .panel-heading{align-items:flex-start}.custom-list-actions{align-items:flex-end;flex-direction:column}.course-mode-tabs{grid-template-columns:1fr 1fr}.course-choices,.course-spelling{grid-template-columns:1fr}.course-spelling button{min-height:48px}.course-finish>div{width:100%;flex-direction:column}.course-ai-heading{display:block}.course-ai-heading .secondary{width:100%;margin-top:14px}.course-ai-feedback{align-items:stretch;flex-direction:column}.course-ai-feedback .secondary,.course-ai-feedback .explanation-button{width:100%;margin-left:0}.course-written-heading{display:block}.course-written-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.course-written-list{grid-template-columns:1fr}.article-word-bank{position:static}.article-cloze-paper{padding:22px 18px}.article-cloze-passage p{font-size:16px;line-height:2.15;text-align:left}.article-cloze-blank{min-width:95px;margin:0 2px}.article-cloze-results{grid-template-columns:1fr}.reading-heading h1{font-size:34px}.reading-tabs button{padding:7px;font-size:12px}.reading-passage{padding:15px}.reading-questions{grid-template-columns:1fr}.reading-question{padding:13px}.reading-question h3{min-height:0}.reading-question .answer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-question .answer-grid button{align-items:center;flex-direction:column;justify-content:center;padding:5px 2px;text-align:center}.weekly-quiz-heading h1{font-size:30px}.weekly-quiz-heading-actions{width:100%;justify-content:space-between}.weekly-quiz-tabs{grid-template-columns:1fr}.weekly-section-heading{align-items:stretch;flex-direction:column}.weekly-question-list .answer-grid{grid-template-columns:repeat(2,1fr)}.weekly-spelling-item{grid-template-columns:26px 1fr}.weekly-spelling-item input{grid-column:1 / -1}.weekly-spelling-item>b{grid-column:2}.weekly-reading-passage{max-height:240px;padding:16px}}@media screen{.topbar{min-height:44px;flex-wrap:nowrap;gap:6px;padding:2px 16px}.topbar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex-wrap:nowrap;gap:6px}.topbar .icon-button{width:32px;height:32px;flex:0 0 32px}.topbar .points{white-space:nowrap}.topbar .account-menu summary{min-height:36px;padding:2px 6px}.topbar .account-identity{gap:1px}.topbar .account-name,.topbar .account-identity .sync-control{line-height:1.2}.content{padding-top:8px}.content .system-settings{padding-top:0}.content :is(.page-intro,.camp-heading,.intro-row,.course-heading,.playground-heading,.reading-heading,.weekly-quiz-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.custom-books-heading){min-width:0;max-width:none;margin:0 0 8px;padding:6px 10px}.content :is(.camp-heading,.intro-row,.course-heading,.playground-heading,.reading-heading,.weekly-quiz-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.custom-books-heading){display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px}.content :is(.intro-row,.course-heading,.playground-heading)>.page-intro{flex:1 1 240px;margin:0;padding:0;background:transparent}.content :is(.camp-heading,.reading-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading)>div:first-child{flex:1 1 240px;min-width:0}.content :is(.page-intro,.camp-heading,.intro-row,.course-heading,.playground-heading,.reading-heading,.weekly-quiz-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.custom-books-heading) :is(h1,h2),.content .system-settings h1{margin:0;font-size:20px;line-height:1.3;overflow-wrap:anywhere}.content .system-settings h1{margin-bottom:8px}.content :is(.page-intro,.camp-heading,.intro-row,.course-heading,.playground-heading,.reading-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.custom-books-heading) .eyebrow{display:none}.content :is(.page-intro,.reading-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-books-heading) p{margin:2px 0 0;font-size:12px;line-height:1.4}.content :is(.course-heading-actions,.course-written-actions,.reading-actions,.mistake-toolbar){display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;margin:0;max-width:100%}.content :is(.intro-row,.course-heading,.reading-heading,.weekly-quiz-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.study-session-header) :is(.primary,.secondary){width:auto;min-height:32px;margin:0;padding:4px 10px;font-size:12px}.content :is(.course-total,.collection-count){display:flex;align-items:baseline;gap:6px;min-width:0;margin:0;padding:4px 8px}.content :is(.course-total,.collection-count) strong{font-size:18px;line-height:1.3}.content :is(.course-total,.collection-count) span{margin:0}.content :is(.camp-badge,.local-save-status){margin:0;padding:4px 8px}.content .panel-heading{gap:8px;margin-bottom:8px}.content .panel-heading h2{margin:0;font-size:17px}.content .panel-heading .eyebrow{display:none}.content .course-unit-heading h2{min-height:0;margin:2px 0;font-size:17px;line-height:1.3}.content .scene-toolbar{gap:6px 10px;margin-bottom:8px;font-size:13px}.content .scene-toolbar select{min-height:32px;padding-block:4px}.content .study-session-header{gap:6px 10px;margin-bottom:8px}.content .study-session-header>span{min-width:0;font-size:12px;overflow-wrap:anywhere}.content .study-session-header.with-group-navigation{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}.content .course-group-navigation{min-width:0;flex-wrap:wrap;justify-content:flex-start;overflow:visible}.content .course-group-navigation button{flex:0 0 auto;width:auto;min-width:60px;height:32px;padding:4px 8px;gap:4px}.content .course-group-navigation button:disabled{background:var(--cp-surface-soft);border-color:var(--cp-border);color:var(--cp-text-muted);opacity:.65}.content .course-group-navigation button svg{position:static;transform:none}.content :is(.course-mode-tabs,.weekly-quiz-tabs,.mode-tabs,.reading-tabs){display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:8px;overflow-x:auto;scrollbar-width:thin}.content .weekly-quiz-heading .weekly-quiz-tabs{margin-bottom:0}.content :is(.course-mode-tabs,.weekly-quiz-tabs,.mode-tabs,.reading-tabs) button{flex:1 0 auto;min-height:34px;padding:5px 10px;gap:5px;font-size:12px;white-space:nowrap}.content .weekly-quiz-tabs .weekly-quiz-tab{flex:1 0 auto;min-width:max-content}.content .weekly-quiz-tabs .weekly-quiz-tab-button{padding-right:30px}.content .article-word-bank{top:52px}}@media screen and (min-width:1000px){.content .page-intro,.content :is(.reading-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading)>div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}.content .page-intro h1,.content :is(.reading-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading) :is(h1,h2){flex-shrink:0}.content :is(.page-intro,.reading-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading) p{margin:0}}@media screen and (max-width:760px){.topbar{padding-right:8px;padding-left:8px;gap:4px}.topbar-actions{gap:4px}.topbar .account-identity{max-width:100px}.topbar .account-identity .sync-control{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding-top:8px}.content .study-session-header.with-group-navigation{grid-template-columns:auto minmax(0,1fr)}.content .study-session-header.with-group-navigation>span{grid-column:2;grid-row:1}.content .course-group-navigation{grid-column:1 / -1;grid-row:2}}@media screen and (pointer:coarse){.topbar .icon-button{width:40px;height:40px;flex-basis:40px}.topbar .account-menu summary{min-height:40px}.content .scene-toolbar select{min-height:40px}.content :is(.intro-row,.course-heading,.reading-heading,.weekly-quiz-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.study-session-header) :is(.primary,.secondary),.content :is(.course-mode-tabs,.weekly-quiz-tabs,.mode-tabs,.reading-tabs,.course-group-navigation) button{min-height:40px}}@media screen{html:has(.app-shell[data-view=reading]){overflow-y:auto;scrollbar-gutter:stable}.app-shell[data-view=reading] .content{padding:8px 16px 24px}.reading-page .practice-readiness{margin-bottom:4px;font-size:11px}.content .reading-page .reading-heading h1{font-size:17px}.reading-page .reading-layout{grid-template-columns:minmax(0,1fr);gap:12px}.reading-text-panel,.reading-question-pane{min-width:0}.reading-text-panel{padding:0}.reading-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px;flex-shrink:0}.reading-pane-heading small,.reading-pane-heading>span{font-size:12px;font-weight:400;color:var(--cp-text-muted)}.reading-text-panel>.reading-pane-heading{border-bottom:1px solid var(--cp-border)}.reading-page .reading-passage{max-height:none;padding:10px 14px;overflow:visible;scrollbar-gutter:auto}.reading-page .reading-passage h2{font-size:18px;margin:0 0 6px}.reading-page .reading-passage p{font-size:14px;line-height:1.5;margin-bottom:8px}.reading-question-toolbar{flex-shrink:0;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface)}.reading-question-nav{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;padding:0 8px 8px}.reading-question-nav button{display:grid;place-items:center;min-width:0;min-height:32px;padding:0;border:1px solid var(--cp-border);border-radius:6px;background:var(--cp-surface-soft);color:var(--cp-text);font-size:12px;font-weight:600}.reading-question-nav button.answered{background:var(--cp-accent-soft);color:var(--cp-accent)}.reading-question-nav button.correct{color:var(--cp-success);border-color:var(--cp-success)}.reading-question-nav button.wrong{color:var(--cp-danger);border-color:var(--cp-danger)}.reading-question-nav button[aria-current]{box-shadow:inset 0 0 0 2px var(--cp-accent)}.reading-question-list{padding:8px 2px}.reading-page .reading-questions{grid-template-columns:minmax(0,1fr);align-items:start;gap:6px}.reading-page .reading-question{padding:8px 10px;scroll-margin-top:60px}.reading-page .reading-question.is-off-page{display:none}.reading-page .reading-question>span{font-size:9px}.reading-page .reading-question h3{min-height:0;margin:2px 0 6px;font-size:12px}.reading-page .reading-question .answer-grid button{min-height:36px;font-size:12px;overflow-wrap:anywhere}.reading-page .cloze-questions .answer-grid button{flex-direction:row;justify-content:center;gap:4px;padding:4px;text-align:center}.reading-page .cloze-questions .answer-grid button>span{width:18px;height:18px;flex-basis:18px}.reading-page .ket-reading-questions .answer-grid{grid-template-columns:minmax(0,1fr)}.reading-page .ket-reading-questions .answer-grid button{flex-direction:row;justify-content:flex-start;text-align:left;padding:6px 10px}.reading-answer-footer{flex-shrink:0;padding-top:4px}.reading-pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 0;font-size:11px}.reading-pagination .secondary{width:auto;flex-shrink:0;min-height:34px;padding:4px 10px;font-size:12px}.reading-pagination>span{text-align:center;white-space:nowrap}.reading-page .reading-submit{min-height:36px;font-size:13px}.reading-page .reading-score{margin:0;padding:10px;min-height:44px;font-size:14px}.reading-answer-details summary{cursor:pointer;padding:10px 0 0;font-size:12px;color:var(--cp-text-muted)}.reading-answer-details .reading-explanation{margin-top:6px}.reading-page :is(.reading-question,.reading-question-nav button,summary):focus-visible{outline:2px solid var(--cp-accent);outline-offset:-2px}}@media screen and (min-width:761px){.reading-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,44%);align-items:center;gap:8px}.reading-controls .reading-heading,.reading-controls .reading-tabs{margin-bottom:4px}.reading-controls .reading-heading p{display:none}.reading-question-toolbar{display:flex;align-items:center;gap:8px;padding:6px 8px}.reading-question-toolbar .reading-pane-heading{padding:0;white-space:nowrap}.reading-question-nav{flex:1;padding:0}.reading-page .reading-questions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:760px){.app-shell[data-view=reading] .content{padding:4px 8px 8px}.reading-page .reading-heading p{display:none}.reading-page .reading-heading{margin-bottom:4px}.reading-page .reading-heading>div:first-child{flex:1}.reading-page .reading-actions{flex-wrap:nowrap}.reading-page .reading-actions span{display:none}.reading-page .reading-tabs{margin-bottom:4px}.reading-page .reading-tabs button{min-height:40px;font-size:11px;padding:4px}.reading-page .reading-passage{padding:8px 12px}.reading-page .reading-passage h2{font-size:16px;margin-top:0}.reading-page .reading-passage p{font-size:13px;line-height:1.5}.reading-page .cloze-questions .answer-grid button{flex-direction:column;gap:2px}.reading-pane-heading{padding:4px 8px;min-height:32px}.reading-question-toolbar .reading-pane-heading{min-height:24px;padding:2px 8px}.reading-question-nav{padding:0 6px 4px}.reading-page .reading-question>span{display:none}}@page{size:A4 portrait;margin:9mm}@media print{@page{size:A4;margin:14mm}html,body{min-width:0;background:#fff;color:#000}.app-shell{display:block;min-height:0}.sidebar,.topbar,.reading-heading p,.reading-actions,.reading-tabs,.reading-submit,.reading-score,.reading-loading,.reading-error,.reading-pane-heading,.reading-question-toolbar,.reading-pagination,.reading-answer-footer,.reading-answer-details{display:none!important}main,.content,.reading-page{width:auto;max-width:none;margin:0;padding:0}.reading-heading{display:block;margin:0 0 3mm}.reading-heading h1{margin:0;font-size:16pt}.reading-heading .eyebrow{font-size:7pt}.reading-layout{display:block}.reading-text-panel{padding:0;border:0}.panel{border-color:#888;border-radius:0;box-shadow:none}.reading-passage{max-height:none;margin-bottom:3mm;padding:3mm 4mm;overflow:visible}.reading-passage .eyebrow{font-size:6.5pt}.reading-passage h2{margin:1mm 0 2mm;font-size:13pt}.reading-passage p{margin:0 0 1.5mm;color:#000;font-size:8.5pt;line-height:1.3}.reading-questions{grid-template-columns:1fr 1fr;gap:2mm}.reading-question{break-inside:avoid;padding:2mm 2.5mm}.reading-question>span{color:#000;font-size:6pt}.reading-question h3{min-height:0;margin:.5mm 0 1.5mm;font-size:8pt;line-height:1.2}.reading-question .answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1mm}.reading-question .answer-grid button{min-height:0;padding:1mm;border:1px solid #999;background:#fff!important;color:#000!important;font-size:7pt}.reading-question .answer-grid button>span{width:4mm;height:4mm;flex-basis:4mm;border-color:#777;background:#fff!important;color:#000!important;font-size:6pt}.reading-question .answer-grid button svg,.reading-explanation{display:none}.weekly-quiz-page>:not(.weekly-print-paper){display:none!important}main,.content,.weekly-quiz-page{width:auto;max-width:none;margin:0;padding:0}.weekly-print-paper{display:block;color:#000;font-family:Times New Roman,SimSun,serif;font-size:10pt;line-height:1.35}.weekly-print-paper header{margin-bottom:7mm;padding-bottom:4mm;border-bottom:2px solid #000;text-align:center}.weekly-print-paper header h1{margin:0 0 4mm;font-size:20pt;letter-spacing:0}.weekly-print-paper header p{margin:0;font-size:10pt}.weekly-print-paper h2{margin:7mm 0 3mm;padding:2mm 0;border-top:1.5px solid #000;border-bottom:1px solid #000;font-size:13pt;break-after:avoid}.weekly-print-paper h3{font-size:12pt;text-align:center}.weekly-print-paper ol{margin:0;padding-left:7mm}.weekly-print-paper li{margin-bottom:3mm;padding-left:1mm;break-inside:avoid}.weekly-print-paper li>div{display:grid;grid-template-columns:repeat(2,1fr);gap:1mm 6mm;margin-top:1mm}.weekly-print-paper li>div span{display:block}.weekly-print-paper li p{margin:1mm 0}.weekly-print-paper li i{display:inline-block;min-width:45mm}.weekly-print-paper .print-spelling{columns:2;column-gap:12mm}.weekly-print-paper .print-answer-line{display:block;height:12mm;border-bottom:1px solid #777}.weekly-print-paper .print-reading{columns:2;column-gap:8mm;margin-bottom:4mm}.weekly-print-paper .print-reading p{margin:0 0 2mm;text-align:justify}body:has(.printable-course-practice) .sidebar,body:has(.printable-course-practice) .topbar,body:has(.printable-course-practice) .study-session-header,body:has(.printable-course-practice) .course-mode-tabs,body:has(.printable-course-practice) .course-written-actions,body:has(.printable-course-practice) .course-written-submit{display:none!important}body:has(.printable-course-practice) main,body:has(.printable-course-practice) .content,body:has(.printable-course-practice) .course-session{width:auto;max-width:none;margin:0;padding:0}.printable-course-practice .course-written-heading{margin:0 0 2.5mm}.printable-course-practice .course-written-heading h2{margin:0 0 .5mm;color:#000;font-size:15pt}.printable-course-practice .course-written-heading .eyebrow{display:none}.printable-course-practice .course-written-heading p{color:#000;font-size:9pt}.printable-course-practice .course-written-score{padding:2mm 3mm}.printable-course-practice .course-written-list{grid-template-columns:1fr 1fr;gap:1.5mm 2mm}.printable-course-practice .course-written-question{break-inside:avoid;padding:2mm 2.5mm;border:1px solid #888}.printable-course-practice .course-written-question>label{gap:1mm;margin-top:1mm}.printable-course-practice .course-written-question .question-number{font-size:6.5pt}.printable-course-practice .course-written-question label>strong{min-height:0;color:#000;font-size:8.5pt;line-height:1.25}.printable-course-practice .course-written-question label>small,.printable-course-practice .course-written-question .translation-prompt small{min-height:0;color:#000;font-size:7pt}.printable-course-practice .course-written-question input,.printable-course-practice .course-written-question textarea{height:7mm;min-height:7mm;padding:1mm;border:0;border-bottom:1px solid #777;border-radius:0;background:#fff;color:#000;font-size:8pt}.printable-course-practice .course-written-question .cloze-inline-input{display:inline-block;min-width:32mm;width:32mm!important;height:4mm;min-height:4mm;margin:0 1mm;padding:0;background:transparent}.printable-course-practice .course-written-question.translation{grid-column:1 / -1;padding:2.5mm 3mm}.printable-course-practice .course-written-question.translation label>strong{font-size:10pt;line-height:1.35}.printable-course-practice .course-written-question.translation .translation-prompt small{font-size:8pt}.printable-course-practice .course-written-question.translation textarea{width:100%;height:10mm;min-height:10mm}.printable-course-practice .course-written-question input::placeholder,.printable-course-practice .course-written-question textarea::placeholder{color:transparent}.printable-course-practice .course-written-feedback{color:#000}body:has(.printable-article-cloze) .sidebar,body:has(.printable-article-cloze) .topbar,body:has(.printable-article-cloze) .study-session-header,body:has(.printable-article-cloze) .course-mode-tabs,body:has(.printable-article-cloze) .course-written-actions,body:has(.printable-article-cloze) .course-written-score,body:has(.printable-article-cloze) .course-written-submit,body:has(.printable-article-cloze) .article-cloze-results{display:none!important}body:has(.printable-article-cloze) main,body:has(.printable-article-cloze) .content,body:has(.printable-article-cloze) .course-session,body:has(.printable-article-cloze) .article-cloze-practice{width:auto;max-width:none;margin:0;padding:0}.printable-article-cloze .course-written-heading{margin:0 0 4mm}.printable-article-cloze .course-written-heading h2{margin:0 0 1mm;color:#000;font-size:16pt}.printable-article-cloze .course-written-heading .eyebrow{display:none}.printable-article-cloze .course-written-heading p{color:#000;font-size:9pt}.printable-article-cloze .article-word-bank{position:static;margin:0 0 4mm;padding:3mm 4mm;border:1px solid #777;border-radius:0;box-shadow:none}.printable-article-cloze .article-word-bank>div:first-child{margin-bottom:2mm}.printable-article-cloze .article-word-bank button{min-height:0;padding:1mm 2.5mm;border-color:#777;background:#fff;color:#000;font-size:8pt}.printable-article-cloze .article-word-bank button.used{opacity:1;text-decoration:none}.printable-article-cloze .article-cloze-paper{width:100%;padding:5mm 7mm;border:1px solid #777;border-radius:0;box-shadow:none}.printable-article-cloze .article-cloze-paper>h2{margin:0 0 4mm;color:#000;font-size:15pt}.printable-article-cloze .article-cloze-passage p{margin:0 0 3mm;color:#000;font-size:9.5pt;line-height:1.75}.printable-article-cloze .article-cloze-blank{min-width:27mm;min-height:0;margin:0 1mm;padding:0 1mm;border-color:#555;border-radius:0;background:transparent;color:#000;box-shadow:none}.printable-article-cloze .article-cloze-blank small{color:#000}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.\@container{container-type:inline-size}.\!visible{visibility:visible!important}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.appearance-description{color:var(--cp-text-muted);font-size:13px;line-height:1.6}.appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;padding:0;border:0}.appearance-options legend{margin-bottom:12px;font-weight:700}.appearance-option{display:grid;gap:10px;min-width:0;padding:12px;border:2px solid var(--cp-border);border-radius:16px;background:var(--cp-surface);color:var(--cp-text);text-align:left}.appearance-option[aria-pressed=true]{border-color:var(--cp-accent)}.appearance-option strong{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.appearance-selected-mark{margin-left:auto}.appearance-option small{color:var(--cp-text-muted);line-height:1.5}.appearance-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;border-radius:10px;background:var(--cp-bg)}.appearance-preview>span{height:28px;background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:4px}.appearance-preview>span:first-child{grid-column:1 / -1;height:12px;background:var(--cp-accent-soft)}.appearance-preview-apple{background:linear-gradient(130deg,var(--cp-surface-soft),var(--cp-accent-soft))}.appearance-preview-apple>span{border-radius:12px;box-shadow:var(--cp-shadow)}.appearance-preview-apple>span:first-child{height:40px}.background-setting>.appearance-description{flex-basis:100%;margin:0}.background-setting label{display:inline-flex;align-items:center;gap:8px}@media(max-width:400px){.appearance-options{grid-template-columns:minmax(0,1fr)}}@media screen{html[data-appearance=apple]:has(.app-shell){color-scheme:light;--apple-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--apple-canvas: #f5f5f7;--apple-surface: #fff;--apple-soft: #f0f1f5;--apple-ink: #202126;--apple-muted: #62646e;--apple-border: #e6e6e6;--apple-border-strong: #babdc9;--apple-indigo: #464feb;--apple-indigo-hover: #343bc6;--apple-indigo-soft: #ededff;--apple-on-indigo: #fff;--apple-glass: rgb(255 255 255 / 82%);--apple-glass-strong: rgb(255 255 255 / 95%);--apple-overlay: rgb(32 33 44 / 32%);--apple-shadow: 0 8px 30px rgb(25 29 55 / 5%);--apple-shadow-raised: 0 18px 48px rgb(25 29 55 / 12%);--apple-glow: rgb(115 124 255 / 12%);--apple-glow-secondary: rgb(156 199 243 / 12%);--apple-success: #23754c;--apple-danger: #b52f46;--apple-warning: #825c0d;--apple-table-head: #f5f5f5;--apple-radius: 24px;--apple-radius-large: 32px;--cp-bg: var(--apple-canvas);--cp-bg-elevated: var(--apple-soft);--cp-surface: var(--apple-surface);--cp-surface-soft: var(--apple-soft);--cp-border: var(--apple-border);--cp-border-strong: var(--apple-border-strong);--cp-text: var(--apple-ink);--cp-text-muted: var(--apple-muted);--cp-text-soft: var(--apple-muted);--cp-accent: var(--apple-indigo);--cp-accent-hover: var(--apple-indigo-hover);--cp-accent-soft: var(--apple-indigo-soft);--cp-accent-fg: var(--apple-on-indigo);--cp-success: var(--apple-success);--cp-danger: var(--apple-danger);--cp-warning: var(--apple-warning);--cp-link: var(--apple-indigo);--cp-shadow: var(--apple-shadow);--cp-overlay: var(--apple-overlay);--cp-panel: var(--apple-glass);--cp-panel-strong: var(--apple-surface);--cp-sheen: var(--apple-glass);--cp-highlight: var(--apple-indigo-soft);--cp-gold: var(--apple-indigo);--cp-gold-light: var(--apple-indigo-soft);--cp-gold-edge: var(--apple-border);--cp-gold-ink: var(--apple-ink);--cp-sky: var(--apple-soft);--cp-forest: var(--apple-soft);--cp-forest-ink: var(--apple-ink);--cp-cover: none;--cp-cover-position: center;--cp-theme-hue: 235;--cp-button-hue: 235;background:var(--apple-canvas)}html[data-appearance=apple][data-theme=dark]:has(.app-shell){color-scheme:dark;--apple-canvas: #1c1d22;--apple-surface: #27282f;--apple-soft: #30313b;--apple-ink: #f4f4f7;--apple-muted: #b9bbc7;--apple-border: #41424d;--apple-border-strong: #777b8f;--apple-indigo: #b0b4ff;--apple-indigo-hover: #c8cbff;--apple-indigo-soft: #37394f;--apple-on-indigo: #22243e;--apple-glass: rgb(39 40 47 / 85%);--apple-glass-strong: rgb(39 40 47 / 96%);--apple-overlay: rgb(12 13 20 / 62%);--apple-shadow: 0 8px 32px rgb(10 11 18 / 18%);--apple-shadow-raised: 0 18px 48px rgb(10 11 18 / 35%);--apple-glow: rgb(107 115 241 / 12%);--apple-glow-secondary: rgb(100 137 188 / 9%);--apple-success: #8ed6b0;--apple-danger: #ff9baa;--apple-warning: #e8c477;--apple-table-head: #30313b}html[data-appearance=apple]:has(.app-shell) body{background:var(--apple-canvas);color:var(--apple-ink);font-family:var(--apple-font);-webkit-font-smoothing:antialiased}html[data-appearance=apple]:has(.app-shell) body:before{display:block;background:radial-gradient(ellipse at 85% 0%,var(--apple-glow),transparent 55%),radial-gradient(ellipse at 5% 40%,var(--apple-glow-secondary),transparent 55%)}html[data-appearance=apple] .app-shell{background:transparent}html[data-appearance=apple] .app-shell a,html[data-appearance=apple] .sync-dialog a{color:var(--cp-link);text-decoration:none}html[data-appearance=apple] .app-shell :is(button,summary),html[data-appearance=apple] .sync-dialog :is(button,summary){min-height:40px}html[data-appearance=apple] .app-shell button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}html[data-appearance=apple] .app-shell :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible,html[data-appearance=apple] .sync-dialog :is(button,a,input):focus-visible{outline:3px solid var(--cp-link);outline-offset:3px}html[data-appearance=apple] .app-shell :is(button,select,input,textarea):disabled{opacity:.6}html[data-appearance=apple] .app-shell :is(.primary,.secondary,.icon-button,.unit-upload-control),html[data-appearance=apple] .sync-dialog :is(.primary,.secondary,.icon-button){min-height:40px;border-radius:999px;box-shadow:none;font-weight:600}html[data-appearance=apple] .app-shell .primary,html[data-appearance=apple] .sync-dialog .primary{background:var(--cp-accent);color:var(--cp-accent-fg);border:1px solid transparent}html[data-appearance=apple] .app-shell .secondary,html[data-appearance=apple] .sync-dialog .secondary{background:var(--cp-surface-soft);color:var(--cp-text);border-color:var(--cp-border)}html[data-appearance=apple] .app-shell .primary:active,html[data-appearance=apple] .sync-dialog .primary:active{transform:none}html[data-appearance=apple] .app-shell .danger-button{color:var(--cp-danger)}html[data-appearance=apple] .app-shell .icon-button{min-width:40px}html[data-appearance=apple] .app-shell .text-button{color:var(--cp-link)}html[data-appearance=apple] .app-shell .topbar{height:44px;min-height:44px;padding:1px clamp(8px,2.5vw,28px);gap:8px;flex-wrap:nowrap;border-bottom:1px solid var(--cp-border);background:var(--apple-glass);color:var(--cp-text);box-shadow:none;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}html[data-appearance=apple] .app-shell .topbar-title{font-weight:600;letter-spacing:-.02em}html[data-appearance=apple] .app-shell .topbar-actions{flex-wrap:nowrap;min-width:0;gap:8px}html[data-appearance=apple] .app-shell .topbar .icon-button{width:40px;height:40px;flex:0 0 40px;border-color:transparent;background:transparent;color:var(--cp-text)}html[data-appearance=apple] .app-shell .topbar .points,html[data-appearance=apple] .app-shell .topbar .points span{color:var(--cp-text-muted)}html[data-appearance=apple] .app-shell .topbar .points>svg{color:var(--cp-accent)}html[data-appearance=apple] .app-shell .topbar .account-menu summary{min-height:40px;border-radius:999px}html[data-appearance=apple] .app-shell .topbar .account-identity .sync-control{min-height:0;color:var(--cp-text-muted)}html[data-appearance=apple] .app-shell .topbar .account-identity .sync-control.synced{color:var(--cp-success)}html[data-appearance=apple] .app-shell .topbar .account-identity :is(.sync-control.offline,.sync-control.unauthorized,.sync-control.conflict){color:var(--cp-danger)}html[data-appearance=apple] .app-shell .account-menu[open] summary{background:var(--cp-accent-soft)}html[data-appearance=apple] .app-shell .sidebar{padding:12px;border-right:1px solid var(--cp-border);background:var(--apple-glass-strong);box-shadow:var(--apple-shadow-raised);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}html[data-appearance=apple] .app-shell .sidebar .brand{padding:8px 10px 20px;border-color:var(--cp-border)}html[data-appearance=apple] .app-shell .brand-mark{border:0;border-radius:12px;background:var(--cp-accent);color:var(--cp-accent-fg)}html[data-appearance=apple] .app-shell .sidebar nav button{border-radius:14px;padding:11px 12px;color:var(--cp-text-muted);background:transparent}html[data-appearance=apple] .app-shell .sidebar nav button.active{background:var(--cp-accent-soft);color:var(--cp-accent);box-shadow:none}html[data-appearance=apple] .app-shell .sidebar-foot{border-radius:20px;background:var(--cp-surface)}html[data-appearance=apple] .app-shell .account-dropdown{padding:8px;border-radius:20px;background:var(--apple-glass-strong);box-shadow:var(--apple-shadow-raised);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}html[data-appearance=apple] .app-shell .account-dropdown button{border-radius:12px}html[data-appearance=apple] .sync-backdrop{background:var(--apple-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[data-appearance=apple] .sync-dialog{padding:28px;border-radius:var(--apple-radius-large);border-color:var(--cp-border);background:var(--apple-glass-strong);box-shadow:var(--apple-shadow-raised);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}html[data-appearance=apple] .app-shell .content{max-width:1320px}html[data-appearance=apple] .app-shell[data-layout=browse] .content{padding:8px clamp(16px,3vw,40px) 48px}html[data-appearance=apple] .app-shell[data-layout=practice] .content{padding-top:8px}html[data-appearance=apple] .app-shell .panel{border:1px solid var(--cp-border);border-radius:var(--apple-radius);background:var(--cp-surface);box-shadow:var(--apple-shadow)}html[data-appearance=apple] .app-shell :is(.panel.correct,.word-card.mastered){border-color:var(--cp-success)}html[data-appearance=apple] .app-shell .panel.wrong{border-color:var(--cp-danger)}html[data-appearance=apple] .app-shell :is(.page-intro,.camp-heading,.intro-row,.course-heading,.playground-heading,.reading-heading,.weekly-quiz-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.custom-books-heading){border-radius:16px;background:var(--cp-surface)}html[data-appearance=apple] .app-shell :is(.page-intro,.camp-heading,.course-heading,.reading-heading,.weekly-quiz-heading) :is(h1,h2){font-family:var(--apple-font);text-shadow:none;letter-spacing:-.035em}html[data-appearance=apple] .app-shell :is(.intro-row,.course-heading,.playground-heading)>.page-intro{margin:0;padding:0;background:transparent;border-radius:0}html[data-appearance=apple] .app-shell .pet-scenes .course-heading>.page-intro{flex-basis:150px}html[data-appearance=apple] .app-shell :is(.page-intro,.camp-heading,.intro-row,.course-heading,.playground-heading,.reading-heading,.weekly-quiz-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.custom-books-heading) :is(h1,h2){font-size:20px;line-height:1.3;margin:0}html[data-appearance=apple] .app-shell .content :is(.intro-row,.course-heading,.reading-heading,.weekly-quiz-heading,.ai-quiz-heading,.course-ai-heading,.course-written-heading,.custom-editor-heading,.study-session-header) :is(.primary,.secondary){min-height:40px;padding:8px 14px}html[data-appearance=apple] .app-shell :is(.course-total,.collection-count,.course-note,.course-group-size,.review-callout,.memory-feedback,.mistake-explanation,.weekly-answer-review){border-radius:16px}html[data-appearance=apple] .app-shell :is(.course-unit,.pet-scene-card,.course-group,.custom-book,.word-card){padding:22px}html[data-appearance=apple] .app-shell .course-unit{border-top:1px solid var(--cp-border)}html[data-appearance=apple] .app-shell .course-unit.dragging{border-color:var(--cp-accent)}html[data-appearance=apple] .app-shell .course-unit-heading h2{font-family:var(--apple-font);font-size:20px;line-height:1.4}html[data-appearance=apple] .app-shell .course-unit-actions button{border-radius:18px}html[data-appearance=apple] .app-shell .course-unit-actions button:nth-child(2){background:var(--cp-accent-soft);color:var(--cp-accent);border-color:transparent;box-shadow:none}html[data-appearance=apple] .app-shell :is(.course-unit-progress,.course-group-progress){height:6px;border-radius:999px}html[data-appearance=apple] .app-shell :is(.course-unit-progress,.course-group-progress) i{border-radius:inherit}html[data-appearance=apple] .app-shell .custom-book-title strong{white-space:normal;overflow-wrap:anywhere}html[data-appearance=apple] .app-shell .camp-badge{transform:none;border-style:solid;border-radius:999px}html[data-appearance=apple] .app-shell :is(.toolbar,.system-settings){padding:24px}html[data-appearance=apple] .app-shell .system-settings{max-width:900px;border:1px solid var(--cp-border);border-radius:var(--apple-radius-large);background:var(--cp-surface)}html[data-appearance=apple] .app-shell .search-box{height:48px;border-radius:999px;background:var(--cp-surface-soft)}html[data-appearance=apple] .app-shell .search-box:focus-within{outline:3px solid var(--cp-link);outline-offset:3px}html[data-appearance=apple] .app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),html[data-appearance=apple] .sync-dialog input:not([type=checkbox]){min-height:40px;border-color:var(--cp-border-strong);border-radius:12px;background-color:var(--cp-bg-elevated);color:var(--cp-text);accent-color:var(--cp-accent)}html[data-appearance=apple] .app-shell .search-box input{border-radius:0;background:transparent}html[data-appearance=apple] .app-shell :is(input,textarea)::placeholder{color:var(--cp-text-muted);opacity:1}html[data-appearance=apple] .app-shell .content .scene-toolbar select{min-height:40px}html[data-appearance=apple] .app-shell :is(.topic-tabs,.course-group-size,.course-mode-tabs,.weekly-quiz-tabs,.reading-tabs,.mode-tabs,.course-group-navigation) button{min-height:40px;border-radius:999px}html[data-appearance=apple] .app-shell :is(.course-mode-tabs,.weekly-quiz-tabs,.reading-tabs,.mode-tabs){padding:4px;border-radius:24px;background:var(--cp-surface-soft)}html[data-appearance=apple] .app-shell .content .course-group-navigation button{height:auto;min-height:32px}html[data-appearance=apple] .app-shell .toggle{min-height:40px}html[data-appearance=apple] .app-shell .toggle input:focus-visible+span{outline:3px solid var(--cp-link);outline-offset:4px}html[data-appearance=apple] .app-shell table{border-collapse:collapse;background:var(--cp-surface)}html[data-appearance=apple] .app-shell table :is(th,td){border:1px solid var(--apple-border);padding:14px 16px}html[data-appearance=apple] .app-shell table th{background:var(--apple-table-head);color:var(--cp-text-muted);font-weight:600}html[data-appearance=apple] .app-shell .learned-table tbody tr:last-child td{border-bottom:1px solid var(--apple-border)}html[data-appearance=apple] .app-shell .learned-table-wrap{overflow-x:auto;border-radius:var(--apple-radius)}html[data-appearance=apple] .app-shell .learned-table :is(th,td){padding:6px 10px}html[data-appearance=apple] .app-shell .learned-table :is(.learned-sound,.meaning-toggle){min-height:32px}html[data-appearance=apple] .app-shell .learned-sound{min-width:32px;border-radius:999px}html[data-appearance=apple] .app-shell .review-schedule-help summary{min-height:32px}@media(max-width:600px){html[data-appearance=apple] .app-shell .learned-table td{padding:6px 8px;border:0}html[data-appearance=apple] .app-shell .learned-table td:nth-child(3){padding-top:0}html[data-appearance=apple] .app-shell .learned-table tbody tr:last-child td{border-bottom:0}}html[data-appearance=apple] .app-shell :is(.result-count,.vocabulary-pagination){border-radius:16px}html[data-appearance=apple] .app-shell .alert{border-radius:16px;padding:14px 18px;line-height:1.6}html[data-appearance=apple] .app-shell .alert.error{color:var(--cp-danger);background:color-mix(in srgb,var(--cp-danger) 8%,var(--cp-surface))}html[data-appearance=apple] .app-shell .alert.success{color:var(--cp-success);background:color-mix(in srgb,var(--cp-success) 8%,var(--cp-surface))}html[data-appearance=apple] .app-shell :is(.reading-passage,.weekly-reading-passage,.article-cloze-paper,.course-flashcard){border-radius:var(--apple-radius);background:var(--cp-surface)}html[data-appearance=apple] .app-shell :is(.reading-passage,.weekly-reading-passage) p{color:var(--cp-text)}html[data-appearance=apple] .app-shell :is(.answer-grid,.course-choices,.vocabulary-cloze-options) button{min-height:44px;border-radius:14px}html[data-appearance=apple] .app-shell .content .article-word-bank{top:52px;border-radius:20px;background:var(--apple-glass-strong)}html[data-appearance=apple] .app-shell .unit-upload-control:focus-within{outline:3px solid var(--cp-link);outline-offset:3px}html[data-appearance=apple] .apple-home{display:grid;gap:24px;min-width:0}html[data-appearance=apple] .apple-home>section{min-width:0}html[data-appearance=apple] .apple-hero{padding:24px;border:1px solid var(--cp-border);border-radius:var(--apple-radius);background:var(--cp-surface);box-shadow:var(--apple-shadow)}html[data-appearance=apple] .apple-home-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:18px}html[data-appearance=apple] .apple-home-heading h1{margin:0;font:700 26px/1.35 var(--apple-font);letter-spacing:-.035em}html[data-appearance=apple] .apple-home-heading p{margin:0;color:var(--cp-text-muted);font-size:13px}html[data-appearance=apple] .apple-priorities{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:12px}html[data-appearance=apple] .apple-task{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border:1px solid var(--cp-border);border-radius:18px;background:var(--cp-surface-soft)}html[data-appearance=apple] .apple-task h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:650;line-height:1.5}html[data-appearance=apple] .apple-task h2 svg{flex-shrink:0;color:var(--cp-accent)}html[data-appearance=apple] .apple-task p{margin:0;color:var(--cp-text-muted);font-size:12px;line-height:1.6}html[data-appearance=apple] .apple-task-review{background:var(--cp-accent-soft);border-color:color-mix(in srgb,var(--cp-accent) 35%,var(--cp-border))}html[data-appearance=apple] .apple-task-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-variant-numeric:tabular-nums}html[data-appearance=apple] .apple-task-value strong{font-size:40px;font-weight:700;line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere}html[data-appearance=apple] .apple-task-value>span{color:var(--cp-text-muted);font-size:12px}html[data-appearance=apple] .apple-task-review .apple-task-value strong{color:var(--cp-accent)}html[data-appearance=apple] .apple-task-mistakes.has-mistakes :is(h2 svg,.apple-task-value strong){color:var(--cp-warning)}html[data-appearance=apple] .apple-review-completion{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:12px}html[data-appearance=apple] .apple-daily-progress{white-space:nowrap;font-variant-numeric:tabular-nums}html[data-appearance=apple] .apple-review-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:6px;overflow:hidden;border:0;border-radius:6px;background:var(--cp-border);accent-color:var(--cp-accent)}html[data-appearance=apple] .apple-review-bar::-webkit-progress-bar{border-radius:6px;background:var(--cp-border)}html[data-appearance=apple] .apple-review-bar::-webkit-progress-value{border-radius:6px;background:var(--cp-accent)}html[data-appearance=apple] .apple-review-bar::-moz-progress-bar{border-radius:6px;background:var(--cp-accent)}html[data-appearance=apple] .apple-course-summary{font-size:21px;font-weight:600;line-height:1.6}html[data-appearance=apple] .apple-hero-actions{margin-top:auto;padding-top:4px}html[data-appearance=apple] .apple-hero-actions :is(.primary,.secondary){width:100%;min-height:44px;justify-content:space-between;padding:9px 14px;border-radius:12px;font-size:13px}html[data-appearance=apple] .apple-section-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 0 12px}html[data-appearance=apple] .apple-section-title h2{margin:0;color:var(--cp-text);font-size:18px;font-weight:650;line-height:1.4}html[data-appearance=apple] .apple-section-title p{margin:0;color:var(--cp-text-muted);font-size:12px;line-height:1.6}html[data-appearance=apple] .apple-section-title>:is(a,button){flex-shrink:0;min-height:40px}html[data-appearance=apple] .apple-journey{display:grid;grid-template-columns:minmax(100px,1fr) minmax(260px,2.4fr) minmax(100px,1fr);padding:8px;gap:8px}html[data-appearance=apple] .apple-stat{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;background:transparent;border:1px solid transparent;border-radius:14px;color:var(--cp-text);text-align:left;font-size:13px}html[data-appearance=apple] .apple-stat>svg{flex-shrink:0;color:var(--cp-text-muted)}html[data-appearance=apple] .apple-stat>span{flex:1;min-width:0}html[data-appearance=apple] .apple-stat strong{display:block;margin-top:4px;font-size:23px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}html[data-appearance=apple] .apple-stat small{font-size:11px;font-weight:400;color:var(--cp-text-muted)}html[data-appearance=apple] .apple-stat span>small{display:block;margin-top:4px;line-height:1.5}html[data-appearance=apple] .apple-journey>.apple-stat:not(.home-pet-stat){flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}html[data-appearance=apple] .apple-journey>.apple-stat:not(.home-pet-stat)>svg:last-child{display:none}html[data-appearance=apple] .apple-journey .home-pet-stat{border-inline-color:var(--cp-border);border-radius:0;padding-inline:20px}html[data-appearance=apple] .apple-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}html[data-appearance=apple] .apple-feature{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface);color:var(--cp-text);text-align:left}html[data-appearance=apple] .apple-feature>svg{flex-shrink:0;color:var(--cp-accent)}html[data-appearance=apple] .apple-feature>svg:last-child{color:var(--cp-text-muted)}html[data-appearance=apple] .apple-feature-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}html[data-appearance=apple] .apple-feature-title{font-size:14px;font-weight:600}html[data-appearance=apple] .apple-feature-description{color:var(--cp-text-muted);font-size:12px;line-height:1.6}html[data-appearance=apple] .apple-word-chip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:var(--cp-surface-soft);font-size:13px}html[data-appearance=apple] .apple-word-chip>svg{color:var(--cp-success)}html[data-appearance=apple] .apple-word-chip span{color:var(--cp-text-muted);overflow-wrap:anywhere}html[data-appearance=apple] .appearance-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html[data-appearance=apple] .appearance-option{padding:16px;border-radius:24px;background:var(--cp-surface);border-color:var(--cp-border)}html[data-appearance=apple] .appearance-option[aria-pressed=true]{border-color:var(--cp-accent);background:var(--cp-accent-soft);box-shadow:0 0 0 1px var(--cp-accent)}html[data-appearance=apple] .appearance-preview{min-height:108px;border-radius:16px}html[data-appearance=apple] .appearance-preview-classic{background:var(--cp-surface-soft)}html[data-appearance=apple] .appearance-preview-classic>span{border-radius:4px;box-shadow:none}html[data-appearance=apple] .appearance-preview-apple{background:linear-gradient(135deg,var(--cp-surface),var(--cp-accent-soft))}html[data-appearance=apple] .appearance-preview-apple>span{border-radius:12px}html[data-appearance=apple] .appearance-description{color:var(--cp-text-muted);line-height:1.7}}@media screen and (hover:hover){html[data-appearance=apple] .app-shell .primary:not(:disabled):hover,html[data-appearance=apple] .sync-dialog .primary:not(:disabled):hover{background:var(--cp-accent-hover)}html[data-appearance=apple] .app-shell .secondary:not(:disabled):hover,html[data-appearance=apple] .sync-dialog .secondary:not(:disabled):hover{border-color:var(--cp-accent);color:var(--cp-accent)}html[data-appearance=apple] .app-shell .sidebar nav button:hover,html[data-appearance=apple] .app-shell .account-dropdown button:hover,html[data-appearance=apple] .app-shell .topbar .icon-button:hover,html[data-appearance=apple] .app-shell .topbar .account-menu summary:hover{background:var(--cp-accent-soft);color:var(--cp-accent)}html[data-appearance=apple] .app-shell .course-unit-actions button:nth-child(2):not(:disabled):hover{background:var(--cp-accent);color:var(--cp-accent-fg)}html[data-appearance=apple] :is(.apple-feature,.apple-stat,.appearance-option):not(:disabled):hover{border-color:var(--cp-accent);box-shadow:var(--apple-shadow-raised)}html[data-appearance=apple] .app-shell a:hover{color:var(--cp-accent-hover)}}@media screen and (max-width:1300px){html[data-appearance=apple] .apple-hero{padding:20px}html[data-appearance=apple] .apple-priorities{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-appearance=apple] .apple-task{padding:16px}html[data-appearance=apple] .apple-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:760px){html[data-appearance=apple] .app-shell[data-layout=browse] .content{padding:8px 16px 36px}html[data-appearance=apple] .app-shell .topbar{gap:4px;padding-inline:8px}html[data-appearance=apple] .app-shell .topbar-actions{gap:4px}html[data-appearance=apple] .app-shell .topbar .account-identity{max-width:82px}html[data-appearance=apple] .app-shell .topbar .points{gap:3px;font-size:12px}html[data-appearance=apple] .app-shell .topbar .points span{display:none}html[data-appearance=apple] .app-shell :is(.system-settings,.toolbar){padding:20px}html[data-appearance=apple] .app-shell :is(.course-unit,.pet-scene-card,.course-group,.custom-book,.word-card){padding:20px}html[data-appearance=apple] .apple-home{gap:20px}html[data-appearance=apple] .apple-hero{padding:16px;border-radius:20px}html[data-appearance=apple] .apple-home-heading{gap:4px 12px;margin-bottom:12px}html[data-appearance=apple] .apple-home-heading h1{font-size:22px}html[data-appearance=apple] .apple-priorities{grid-template-columns:minmax(0,1fr);gap:10px}html[data-appearance=apple] .apple-task{padding:14px;gap:8px}html[data-appearance=apple] .apple-task h2{font-size:15px}html[data-appearance=apple] .apple-task-value strong{font-size:32px}html[data-appearance=apple] .apple-task:not(.apple-task-review){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}html[data-appearance=apple] .apple-task:not(.apple-task-review) h2{grid-column:1}html[data-appearance=apple] .apple-task:not(.apple-task-review) .apple-task-value{grid-column:2;grid-row:1 / 3;flex-direction:column;align-items:flex-end;gap:4px}html[data-appearance=apple] .apple-task:not(.apple-task-review) p{grid-column:1}html[data-appearance=apple] .apple-task:not(.apple-task-review) .apple-hero-actions{grid-column:1 / -1}html[data-appearance=apple] .apple-task .apple-course-summary{display:none}html[data-appearance=apple] .apple-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}html[data-appearance=apple] .apple-journey .apple-stat:first-child{grid-column:1;grid-row:1}html[data-appearance=apple] .apple-journey .apple-stat:last-child{grid-column:2;grid-row:1}html[data-appearance=apple] .apple-journey .home-pet-stat{grid-column:1 / -1;grid-row:2;border-inline-color:var(--cp-surface);border-top-color:var(--cp-border);padding:12px 8px}html[data-appearance=apple] .apple-journey .apple-stat:not(:first-child){gap:6px;padding:10px}html[data-appearance=apple] .apple-journey .apple-stat:not(:first-child)>svg:last-child{display:none}html[data-appearance=apple] .apple-stat{padding:12px}html[data-appearance=apple] .apple-feature{gap:10px;padding:14px}html[data-appearance=apple] .sync-dialog{padding:24px}}@media screen and (max-width:400px){html[data-appearance=apple] .app-shell .topbar .account-identity{max-width:58px}html[data-appearance=apple] .appearance-options,html[data-appearance=apple] .apple-feature-grid{grid-template-columns:minmax(0,1fr)}}@media screen and (prefers-reduced-motion:reduce){html[data-appearance=apple] .app-shell *,html[data-appearance=apple] .app-shell *:before,html[data-appearance=apple] .app-shell *:after,html[data-appearance=apple] .sync-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html:not([data-appearance=apple]):has(.app-shell[data-view=home]){color-scheme:light;--cp-bg: #f7f4ef;--cp-bg-elevated: #fcfbf8;--cp-surface: #ffffff;--cp-surface-soft: #f5f5f5;--cp-border: #dedede;--cp-border-strong: #919191;--cp-text: #242424;--cp-text-muted: #5c5c5c;--cp-text-soft: #6f6f6f;--cp-accent: #b11f4b;--cp-accent-hover: #9a1a41;--cp-accent-soft: rgba(177, 31, 75, .08);--cp-accent-fg: #ffffff;--cp-success: #16a34a;--cp-danger: #dc2626;--cp-warning: #f59e0b;--cp-link: #0078d4;--cp-shadow: 0 18px 48px rgba(0, 0, 0, .12);--cp-overlay: rgba(255, 255, 255, .8);--cp-panel: rgba(255, 255, 255, .86);--cp-panel-strong: rgba(255, 255, 255, .96);--cp-sheen: rgba(255, 255, 255, .55);--cp-highlight: rgba(177, 31, 75, .12)}html[data-theme=dark]:not([data-appearance=apple]):has(.app-shell[data-view=home]){color-scheme:dark;--cp-bg: #3d3b3a;--cp-bg-elevated: #343231;--cp-surface: #292929;--cp-surface-soft: #2e2e2e;--cp-border: #474747;--cp-border-strong: #5f5f5f;--cp-text: #dedede;--cp-text-muted: #919191;--cp-text-soft: #b0b0b0;--cp-accent: #fd8ea1;--cp-accent-hover: #fb7b91;--cp-accent-soft: rgba(253, 142, 161, .14);--cp-accent-fg: #1a1a1a;--cp-success: #4ade80;--cp-danger: #f87171;--cp-warning: #fbbf24;--cp-link: #4da6ff;--cp-shadow: 0 18px 48px rgba(0, 0, 0, .32);--cp-overlay: rgba(41, 41, 41, .88);--cp-panel: rgba(41, 41, 41, .72);--cp-panel-strong: rgba(41, 41, 41, .96);--cp-sheen: rgba(255, 255, 255, .04);--cp-highlight: rgba(253, 142, 161, .12)}html:not([data-appearance=apple]):has(.app-shell[data-view=home]) body{background:var(--cp-bg-elevated);color:var(--cp-text);font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}html:not([data-appearance=apple]):has(.app-shell[data-view=home]) body:before{display:none}html:not([data-appearance=apple]) .app-shell[data-view=home]{background:var(--cp-bg-elevated)}html .app-shell[data-view=home] .topbar{min-height:48px;height:auto;padding:4px 24px;background:var(--cp-surface);color:var(--cp-text);border-bottom:1px solid var(--cp-border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}html .app-shell[data-view=home] .topbar :is(.points,.points span,.points>svg,.account-identity .sync-control){color:var(--cp-text-muted)}html .app-shell[data-view=home] .topbar .account-identity .sync-control:is(.offline,.unauthorized){color:var(--cp-warning)}html .app-shell[data-view=home] .topbar .icon-button{color:var(--cp-text-muted);background:var(--cp-surface);border-color:var(--cp-border);border-radius:10px}html .app-shell[data-view=home] .topbar .mobile-menu{display:grid}html .app-shell[data-view=home] .account-menu summary:hover,html .app-shell[data-view=home] .account-menu[open] summary{background:var(--cp-surface-soft)}.workbench-brand{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.04em}.workbench-brand>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--cp-accent);color:var(--cp-accent-fg);font-size:19px}html .app-shell[data-view=home][data-layout=browse] .content{width:100%;max-width:none;margin:0;padding:20px 24px 28px}html .app-shell[data-view=home] .sidebar{background:var(--cp-surface);border-right:1px solid var(--cp-border)}html .app-shell[data-view=home] .sidebar nav button.active{background:var(--cp-accent-soft);color:var(--cp-accent);box-shadow:none}html .app-shell[data-view=home] .directory-companions{display:none}.home-workbench{max-width:1600px;margin:auto}.workbench-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.workbench-metric{display:flex;align-items:center;gap:16px;min-width:0;padding:12px 16px;border:1px solid var(--cp-border);border-radius:12px;background:var(--cp-surface);text-align:left}.workbench-metric-copy{display:grid;gap:6px;min-width:0}.workbench-metric-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cp-text-muted)}.workbench-metric-value{display:flex;align-items:baseline;flex-shrink:0;gap:5px;font-size:clamp(26px,2.5vw,32px);line-height:1.35;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.workbench-metric-value small{color:var(--cp-text-muted);font-size:11px;font-weight:400;letter-spacing:0}.workbench-metric-note{font-size:11px;line-height:1.5;color:var(--cp-text-soft)}.workbench-pet-metric{gap:12px}.workbench-pet-progress{flex:1;min-width:0}.workbench-pet-tools{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:4px}.workbench-progress-toggle{display:inline-grid;place-items:center;width:32px;padding:4px;border:1px solid var(--cp-border);border-radius:8px;background:var(--cp-surface-soft);color:var(--cp-accent)}html .app-shell[data-view=home] .workbench-pet-tools :is(.workbench-progress-toggle,.workbench-text-action){min-height:32px}.workbench-progress-toggle>svg{flex-shrink:0}.workbench-focus{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.workbench-review,.workbench-course{min-width:0;padding:20px 24px;border:1px solid var(--cp-border);border-radius:16px}.workbench-review{display:flex;flex-direction:column;background:var(--cp-accent-soft);border-color:var(--cp-highlight)}.workbench-review-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:4px 10px;border-radius:20px;background:var(--cp-accent-soft);color:var(--cp-accent);font-size:11px}.workbench-review h2{margin:10px 0;font-size:24px;line-height:1.45;letter-spacing:-.04em}.workbench-review>p{color:var(--cp-text-muted);font-size:12px;line-height:1.7;margin:0 0 20px}.workbench-review-progress{margin-top:auto}.workbench-review-progress>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;color:var(--cp-text-muted);font-size:11px}.workbench-review-progress progress{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;margin:10px 0 0;background:var(--cp-surface);color:var(--cp-accent)}.workbench-review-progress progress::-webkit-progress-bar{background:var(--cp-surface)}.workbench-review-progress progress::-webkit-progress-value{background:var(--cp-accent);border-radius:5px}.workbench-review-progress progress::-moz-progress-bar{background:var(--cp-accent);border-radius:5px}.workbench-review-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}html .app-shell[data-view=home] .home-workbench :is(.primary,.secondary){min-height:44px;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:650;box-shadow:none;transform:none}html .app-shell[data-view=home] .home-workbench .primary{background:var(--cp-accent);border:1px solid var(--cp-accent);color:var(--cp-accent-fg)}html .app-shell[data-view=home] .home-workbench .primary:hover{background:var(--cp-accent-hover)}html .app-shell[data-view=home] .home-workbench .secondary{background:var(--cp-surface);border:1px solid var(--cp-border);color:var(--cp-text)}.workbench-course{display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:var(--cp-surface)}.workbench-course-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--cp-accent-soft);color:var(--cp-accent)}.workbench-course-eyebrow{color:var(--cp-accent);font-size:10px;font-weight:700;letter-spacing:.12em}.workbench-course h2{font-size:24px;margin:6px 0 10px}.workbench-course p{font-size:12px;line-height:1.7;color:var(--cp-text-muted);margin:0}.workbench-course-topics{display:flex;flex-wrap:wrap;gap:8px}.workbench-course-topics span{padding:4px 10px;border-radius:8px;background:var(--cp-surface-soft);color:var(--cp-text-muted);font-size:11px}.workbench-course>button{margin-top:auto}.workbench-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.workbench-section-heading h2{margin:0;font-size:17px;line-height:1.5;letter-spacing:-.02em}.workbench-section-heading>span{color:var(--cp-text-soft);font-size:11px}html .app-shell[data-view=home] .workbench-text-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:4px 0;border:0;background:none;border-radius:6px;color:var(--cp-accent);font-size:11px}html .app-shell[data-view=home] .pet-vocabulary-progress{max-width:none;grid-template-columns:minmax(0,1fr);gap:0}html .app-shell[data-view=home] .pet-vocabulary-progress .pet-progress-part{grid-template-columns:80px minmax(0,1fr);align-items:center;justify-items:start;gap:12px;text-align:left}html .app-shell[data-view=home] .pet-progress-copy{justify-items:start;gap:4px}html .app-shell[data-view=home] .pet-progress-ring{width:80px;height:80px;margin:0}html .app-shell[data-view=home] .pet-progress-ring .pet-progress-percent{font-size:18px}html .app-shell[data-view=home] .pet-vocabulary-progress .pet-progress-label{font-size:12px}html .app-shell[data-view=home] .pet-ring-value{stroke-linecap:round}.workbench-shortcuts{margin-top:20px}.workbench-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workbench-shortcut{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--cp-border);border-radius:12px;background:var(--cp-surface);text-align:left}.workbench-shortcut>span:last-child{min-width:0}.workbench-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:var(--cp-accent-soft);color:var(--cp-accent)}.workbench-shortcut strong{display:block;font-size:12px;line-height:1.6}.workbench-shortcut small{display:block;margin-top:4px;color:var(--cp-text-muted);font-size:10px;line-height:1.6}.home-workbench button:hover{border-color:var(--cp-accent)}@media(max-width:1023px){.workbench-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workbench-pet-metric{grid-column:1 / -1}}@media(max-width:760px){.workbench-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){html .app-shell[data-view=home] .topbar{padding:4px 12px;min-height:48px;gap:8px}html .app-shell[data-view=home] .topbar-actions{gap:6px}html .app-shell[data-view=home][data-layout=browse] .content{padding:16px}.workbench-metric{padding:12px 10px;gap:8px}.workbench-metric-label{font-size:10px}.workbench-metric-label svg{display:none}.workbench-metric-value{font-size:24px;gap:3px}.workbench-metric-value small{font-size:10px}html .app-shell[data-view=home] .workbench-pet-tools :is(.workbench-progress-toggle,.workbench-text-action){min-height:40px}.workbench-progress-toggle{width:40px}.workbench-focus{grid-template-columns:1fr}.workbench-review,.workbench-course{padding:20px}.workbench-review h2{font-size:23px}.workbench-shortcut-grid{gap:8px}.workbench-shortcut{gap:8px;padding:12px}.workbench-icon{width:30px;height:30px;flex-basis:30px}.workbench-shortcut strong{font-size:11px}.workbench-section-heading>span{font-size:10px}}@media(max-width:480px){.workbench-brand>strong{display:none}html .app-shell[data-view=home] .topbar-title{margin-right:auto}}@media(max-width:360px){.workbench-metrics{grid-template-columns:minmax(0,1fr)}}@media print{html .app-shell[data-view=home][data-layout=browse] .content{width:100%;margin:0;padding:0}}@media screen{html[data-appearance=apple] .app-shell[data-view=home] .topbar{background:var(--cp-panel);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}html[data-appearance=apple] .app-shell[data-view=home] :is(.workbench-review,.workbench-course){border-radius:var(--apple-radius);box-shadow:var(--cp-shadow)}html[data-appearance=apple] .app-shell[data-view=home] :is(.workbench-metric,.workbench-shortcut){border-radius:16px;box-shadow:var(--cp-shadow)}html[data-appearance=apple] .app-shell[data-view=home] .home-workbench :is(.primary,.secondary){border-radius:999px}html[data-appearance=apple] .app-shell[data-view=home] .home-workbench .secondary{background:var(--cp-surface-soft)}}