*,*:before,*:after{box-sizing:border-box}html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}:root{--color-gold: #F5A623;--color-gold-light: #FDE8C0;--color-gold-pale: #FFF8ED;--color-gold-ink: #b9791a;--color-green: #4CAF82;--color-green-light: #D6F0E4;--color-green-pale: #F0FAF4;--color-green-ink: #2f8a63;--color-blue: #5B9BD5;--color-blue-light: #D4E8F7;--color-blue-pale: #EBF4FD;--color-pink: #E8788A;--color-pink-light: #FCE4E8;--color-pink-pale: #FEF2F4;--color-ink: #1A2332;--color-ink-soft: #4A5568;--color-ink-muted: #8A95A3;--color-white: #FFFFFF;--color-bg: #FAFBF8;--color-border: #E8EDE6;--color-ink-muted-text: #626A74;--color-green-text: #337456;--color-blue-text: #3D6990;--color-gold-text: #8D5F14;--color-pink-text: #9D515D;--color-navy: #0D1E3E;--color-navy-mid: #1A2332;--subject-english-bg: #EBF4FD;--subject-english-border: #5ba4e8;--subject-english-name: var(--color-ink);--subject-maths-bg: #FFF8ED;--subject-maths-border: #f0a830;--subject-maths-name: var(--color-ink);--subject-science-bg: #f1f8e9;--subject-science-border: #2eb88a;--subject-science-name: var(--color-ink);--subject-chinese-bg: #fce4ec;--subject-chinese-border: #e05a5a;--subject-chinese-name: var(--color-ink);--font-display: "Lora", "Noto Serif SC", Georgia, serif;--font-body: "Nunito", "Noto Sans SC", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 40px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(26,35,50,.06);--shadow-md: 0 4px 24px rgba(26,35,50,.1);--shadow-lg: 0 8px 48px rgba(26,35,50,.14);--shadow-gold: 0 4px 20px rgba(245,166,35,.4);--max-w: 1140px;--gap: clamp(64px, 10vw, 120px)}:root{--pillar-study: oklch(.52 .13 245);--pillar-think: oklch(.52 .13 350);--pillar-psle: oklch(.52 .13 290);--pillar-ai: oklch(.52 .13 175);--pillar-about: #4A5568;--subject-english-accent: oklch(.54 .12 235);--subject-maths-accent: oklch(.54 .12 65);--subject-science-accent: oklch(.54 .12 145);--subject-chinese-accent: oklch(.54 .12 20);--surface-page: #FAF9F5;--surface-raised: #FFFFFF;--surface-sunken: #F2F0EA;--surface-inverse: #1A2332;--fg-primary: #1A2332;--fg-secondary: #4A5568;--fg-muted: #646E7D;--fg-inverse: #F1EFE8;--fg-brand: #8A5A0F;--rule: #E4E2DA;--rule-strong: #1A2332;--action-primary-bg: #F5A623;--action-primary-fg: #1A2332;--action-primary-bg-hover: #DE9620;--action-primary-bg-active: #C08727;--action-focus: #F5A623;--status-success: oklch(.52 .12 155);--status-warning: #8A5A0F;--status-error: oklch(.52 .15 20);--status-info: oklch(.52 .12 245);--accent: var(--fg-primary);--subject-accent: var(--accent);--type-display-size: clamp(2.75rem, 6vw, 4.75rem);--type-display-lead: 1.02;--type-display-track: -.03em;--type-title-size: clamp(2rem, 3.6vw, 2.75rem);--type-title-lead: 1.1;--type-heading-size: 1.625rem;--type-lede-size: 1.1875rem;--type-body-size: 1.0625rem;--type-small-size: .875rem;--type-kicker-size: .6875rem;--type-kicker-track: .14em;--shape-control: 6px;--shape-chip: 4px;--shape-panel: 10px;--rule-width: 1px;--rule-width-strong: 2px;--card-rule-width: 3px}[data-theme=dark]{--pillar-study: oklch(.76 .11 245);--pillar-think: oklch(.76 .11 350);--pillar-psle: oklch(.76 .11 290);--pillar-ai: oklch(.76 .11 175);--pillar-about: #C3C6CC;--subject-english-accent: oklch(.78 .1 235);--subject-maths-accent: oklch(.78 .1 65);--subject-science-accent: oklch(.78 .1 145);--subject-chinese-accent: oklch(.78 .1 20);--surface-page: #12151B;--surface-raised: #1A1E26;--surface-sunken: #0D1015;--surface-inverse: #F1EFE8;--fg-primary: #F1EFE8;--fg-secondary: #C3C6CC;--fg-muted: #9097A2;--fg-inverse: #1A2332;--fg-brand: #F5A623;--rule: #2A2F39;--rule-strong: #F1EFE8;--status-success: oklch(.76 .11 155);--status-warning: #F5A623;--status-error: oklch(.74 .13 20);--status-info: oklch(.76 .11 245);--accent: var(--fg-primary);color-scheme:dark}@media(prefers-color-scheme:dark){[data-theme=system]{--pillar-study: oklch(.76 .11 245);--pillar-think: oklch(.76 .11 350);--pillar-psle: oklch(.76 .11 290);--pillar-ai: oklch(.76 .11 175);--pillar-about: #C3C6CC;--subject-english-accent: oklch(.78 .1 235);--subject-maths-accent: oklch(.78 .1 65);--subject-science-accent: oklch(.78 .1 145);--subject-chinese-accent: oklch(.78 .1 20);--surface-page: #12151B;--surface-raised: #1A1E26;--surface-sunken: #0D1015;--surface-inverse: #F1EFE8;--fg-primary: #F1EFE8;--fg-secondary: #C3C6CC;--fg-muted: #9097A2;--fg-inverse: #1A2332;--fg-brand: #F5A623;--rule: #2A2F39;--rule-strong: #F1EFE8;--status-success: oklch(.76 .11 155);--status-warning: #F5A623;--status-error: oklch(.74 .13 20);--status-info: oklch(.76 .11 245);--accent: var(--fg-primary);color-scheme:dark}}[data-theme=light]{--pillar-study: oklch(.52 .13 245);--pillar-think: oklch(.52 .13 350);--pillar-psle: oklch(.52 .13 290);--pillar-ai: oklch(.52 .13 175);--pillar-about: #4A5568;--subject-english-accent: oklch(.54 .12 235);--subject-maths-accent: oklch(.54 .12 65);--subject-science-accent: oklch(.54 .12 145);--subject-chinese-accent: oklch(.54 .12 20);--surface-page: #FAF9F5;--surface-raised: #FFFFFF;--surface-sunken: #F2F0EA;--surface-inverse: #1A2332;--fg-primary: #1A2332;--fg-secondary: #4A5568;--fg-muted: #646E7D;--fg-inverse: #F1EFE8;--fg-brand: #8A5A0F;--rule: #E4E2DA;--rule-strong: #1A2332;--status-success: oklch(.52 .12 155);--status-warning: #8A5A0F;--status-error: oklch(.52 .15 20);--status-info: oklch(.52 .12 245);--accent: var(--fg-primary);color-scheme:light}[data-pillar=study]{--accent: var(--pillar-study)}[data-pillar=think]{--accent: var(--pillar-think)}[data-pillar=psle]{--accent: var(--pillar-psle)}[data-pillar=ai]{--accent: var(--pillar-ai)}[data-pillar=about]{--accent: var(--pillar-about)}[data-subject=english]{--subject-accent: var(--subject-english-accent)}[data-subject=maths],[data-subject=math],[data-subject=mathematics]{--subject-accent: var(--subject-maths-accent)}[data-subject=science]{--subject-accent: var(--subject-science-accent)}[data-subject=chinese]{--subject-accent: var(--subject-chinese-accent)}[data-subject=study-smarter]{--subject-accent: var(--pillar-study)}[data-subject=thinking]{--subject-accent: var(--pillar-think)}[data-subject=ai-ready]{--subject-accent: var(--pillar-ai)}.sp-auth-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#1a23328c}.sp-auth{position:relative;box-sizing:border-box;width:min(420px,100%);margin:0 auto;padding:32px 28px 28px;background:var(--surface-raised);color:var(--fg-primary);border:var(--rule-width) solid var(--rule);border-top:var(--card-rule-width) solid var(--rule-strong);border-radius:var(--shape-panel);box-shadow:0 12px 48px #1a233229;font-family:var(--font-body, "Nunito", system-ui, sans-serif);text-align:left;color-scheme:light}.sp-auth *,.sp-auth *:before,.sp-auth *:after{box-sizing:border-box}.sp-auth-close{position:absolute;top:14px;right:14px;padding:6px;line-height:0;background:none;border:0;border-radius:var(--shape-control);color:var(--fg-muted);cursor:pointer}.sp-auth-close:hover{color:var(--fg-primary)}.sp-auth-kicker{margin:0 0 10px;font-size:var(--type-kicker-size);font-weight:800;letter-spacing:var(--type-kicker-track);text-transform:uppercase;line-height:1.3;color:var(--fg-muted)}.sp-auth-title{margin:0 0 8px;font-family:var(--font-display, "Lora", Georgia, serif);font-size:var(--type-heading-size);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--fg-primary)}.sp-auth-text{margin:0 0 20px;font-size:.9375rem;line-height:1.55;color:var(--fg-secondary)}.sp-auth-text strong{color:var(--fg-primary);font-weight:700}.sp-auth-form{display:flex;flex-direction:column;gap:12px;margin:0}.sp-auth-input{display:block;width:100%;margin:0;padding:12px 14px;font-family:inherit;font-size:1rem;line-height:1.3;color:var(--fg-primary);background:var(--surface-page);border:1.5px solid color-mix(in srgb,var(--fg-muted) 75%,var(--surface-raised));border-radius:var(--shape-control);outline:none;transition:border-color .15s}.sp-auth-input::placeholder{color:var(--fg-muted);opacity:1}.sp-auth-input:focus{border-color:var(--fg-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--action-focus) 45%,transparent)}.sp-auth-input:disabled{opacity:.6}.sp-auth-input--code{text-align:center;font-size:1.4rem;font-weight:700;letter-spacing:.3em;font-variant-numeric:tabular-nums}.sp-auth-tip{margin:0;font-size:.8125rem;line-height:1.45;color:var(--fg-muted)}.sp-auth-btn{display:flex;align-items:center;justify-content:center;width:100%;margin:4px 0 0;padding:14px 20px;font-family:inherit;font-size:.9375rem;font-weight:800;line-height:1;color:var(--action-primary-fg);background:var(--action-primary-bg);border:0;border-radius:var(--shape-control);cursor:pointer;transition:background-color .15s ease}.sp-auth-btn:hover:not(:disabled){background:var(--action-primary-bg-hover)}.sp-auth-btn:active:not(:disabled){background:var(--action-primary-bg-active)}.sp-auth-btn:disabled{opacity:.5;cursor:default}.sp-auth-btn:focus-visible,.sp-auth-link:focus-visible,.sp-auth-close:focus-visible,.sp-auth-legal a:focus-visible,.sp-auth-consent a:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.sp-auth-link{display:inline-block;margin:14px 0 0;padding:2px 0;font-family:inherit;font-size:.875rem;color:var(--fg-secondary);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sp-auth-link:hover{color:var(--fg-primary)}.sp-auth-legal{margin:16px 0 0;font-size:.8125rem;color:var(--fg-muted)}.sp-auth-legal a{color:var(--fg-secondary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.sp-auth-legal a:hover{color:var(--fg-primary)}.sp-auth-consent{display:flex;gap:10px;align-items:flex-start;margin:2px 0 0;font-size:.84rem;line-height:1.5;color:var(--fg-secondary);cursor:pointer}.sp-auth-consent input{flex:none;width:16px;height:16px;margin:3px 0 0;accent-color:var(--fg-primary);cursor:pointer}.sp-auth-consent a{color:var(--fg-primary);font-weight:700;text-decoration:underline;text-underline-offset:2px}.sp-auth-error{margin:12px 0 0;padding:10px 12px;font-size:.875rem;font-weight:600;line-height:1.45;color:var(--status-error);background:color-mix(in srgb,var(--status-error) 8%,var(--surface-raised));border-left:3px solid var(--status-error);border-radius:var(--shape-chip)}.sp-bar{position:relative;z-index:50;background:var(--surface-page);color:var(--fg-primary);border-bottom:var(--rule-width) solid var(--rule);font-family:var(--font-body, "Nunito", system-ui, sans-serif)}.sp-bar *,.sp-bar *:before,.sp-bar *:after{box-sizing:border-box}.sp-bar-inner{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;width:100%;max-width:var(--sp-bar-max, 1200px);min-height:52px;margin:0 auto;padding:0 var(--sp-bar-pad, 16px)}.sp-bar a{text-decoration:none}.sp-bar a:focus-visible,.sp-bar button:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px;border-radius:4px}.sp-bar-logo{display:flex;align-items:center;flex:none}.sp-bar-logo img{display:block;height:33px;width:auto}.sp-bar-logo svg{display:block;height:30px;width:auto;color:var(--fg-primary)}.sp-bar-app{padding:4px 0 4px 12px;border-left:1.5px solid var(--rule);font-size:.875rem;font-weight:800;line-height:1;white-space:nowrap;color:var(--fg-secondary);background:none;border-top:0;border-right:0;border-bottom:0;font-family:inherit;cursor:pointer}.sp-bar-app:hover{color:var(--fg-primary)}.sp-bar-pillars{display:flex;align-items:center;gap:0 18px;margin-left:auto}.sp-bar-pillar{display:inline-flex;align-items:center;gap:7px;padding:8px 0;font-size:.84rem;font-weight:700;white-space:nowrap;color:var(--fg-secondary);transition:color .2s}.sp-bar-pillar[data-dot]:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}.sp-bar-pillar:hover{color:var(--accent)}.sp-bar-end{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:8px}.sp-bar-signin{display:inline-flex;align-items:center;padding:6px 12px;border:var(--rule-width) solid var(--rule);border-radius:var(--shape-control);background:transparent;color:var(--fg-primary);font-family:inherit;font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.sp-bar-signin:hover{color:var(--accent);border-color:var(--accent)}@media(min-width:1024px){.sp-bar{position:sticky;top:0}}@media(max-width:1023.98px){.sp-bar-inner{min-height:0}.sp-bar-logo{padding-block:10px}.sp-bar-logo img{height:24px}.sp-bar-logo svg{height:24px}.sp-bar-end{margin-left:auto}.sp-bar-pillars{order:1;flex-basis:calc(100% + 2 * var(--sp-bar-pad, 16px));margin:0 calc(-1 * var(--sp-bar-pad, 16px));padding:0 var(--sp-bar-pad, 16px) 2px;gap:0 16px;overflow-x:auto;scrollbar-width:none}.sp-bar-pillars::-webkit-scrollbar{display:none}.sp-bar-pillar{font-size:.8rem;padding:6px 0 10px}}@media(max-width:900px){.sp-bar-logo{padding-block:12.5px}.sp-bar-logo img{height:19px}.sp-bar-logo:has(svg){padding-block:11px}.sp-bar-logo svg{height:22px}}:root{--color-gold:#F5A623;--color-gold-light:#FDE8C0;--color-gold-pale:#FFF8ED;--color-gold-ink:#b9791a;--color-green:#4CAF82;--color-green-light:#D6F0E4;--color-green-pale:#F0FAF4;--color-green-ink:#2f8a63;--color-blue:#5B9BD5;--color-blue-light:#D4E8F7;--color-blue-pale:#EBF4FD;--color-pink:#E8788A;--color-pink-light:#FCE4E8;--color-pink-pale:#FEF2F4;--color-ink:#1A2332;--color-ink-soft:#4A5568;--color-ink-muted:#8A95A3;--color-white:#FFFFFF;--color-bg:#FAFBF8;--color-border:#E8EDE6;--color-navy:#0D1E3E;--color-navy-mid:#1A2332;--bg-hero:linear-gradient(160deg,#e8f5e9 0%,#d6f0e4 50%,#c8eedb 100%);--bg-subjects:linear-gradient(180deg,#FAFBF8 0%,#f0f7f4 100%)}:root{--legacy-surface-muted: #F4F6F4;--legacy-hover: #F6F8F5;--legacy-track: #DDE2E9;--legacy-glass: rgba(250,251,248,.92);--legacy-glass-raised: rgba(255,255,255,.94);--legacy-on-ink: #FFFFFF;--legacy-scrim: rgba(13,30,62,.45);--legacy-ok-ink: #1B5E34;--legacy-bad-ink: #B71C1C;--legacy-bad-line: #EF9A9A;--legacy-bad-pale: #FFF5F5;--legacy-bad-light: #FCE4E8;--legacy-hero: linear-gradient(160deg,#E8F5E9 0%,#D6F0E4 50%,#C8EEDB 100%);--legacy-garden-sky: linear-gradient(180deg,#F2FAF5 0%,#E7F5EC 100%);--legacy-garden-line: #DCEDE2;--legacy-soil: linear-gradient(180deg,#D8E6DA,#C7D8C9);--legacy-pot-1: #E4EBE3;--legacy-pot-2: #D2DED2;--legacy-seed: #A9B6AC}:root[data-theme=dark],[data-theme=dark]{--color-gold-light: #4A3A1A;--color-gold-pale: #2A2216;--color-gold-ink: #F2B550;--color-green: #5CC495;--color-green-light:#1F4535;--color-green-pale:#16271F;--color-green-ink:#7AD6AA;--color-blue: #7DB3E6;--color-blue-light: #24405E;--color-blue-pale: #172437;--color-pink: #F08FA0;--color-pink-light: #4D2A33;--color-pink-pale: #2A1A1F;--color-ink: #F1EFE8;--color-ink-soft: #C3C9D2;--color-ink-muted: #8F9AA8;--color-white: #1A2230;--color-bg: #111722;--color-border: #2A3342;--color-navy: #0A0F18;--color-navy-mid: #151C28;--subject-english-bg:#172437;--subject-english-border:#6AAEEC;--subject-maths-bg: #2A2216;--subject-maths-border: #F0A830;--subject-science-bg:#14271F;--subject-science-border:#3CC797;--subject-chinese-bg:#2C1A1D;--subject-chinese-border:#EC6E6E;--shadow-sm: 0 2px 8px rgba(0,0,0,.28);--shadow-md: 0 4px 24px rgba(0,0,0,.36);--shadow-lg: 0 8px 48px rgba(0,0,0,.48);--shadow-gold: 0 4px 20px rgba(245,166,35,.22);--bg-hero: linear-gradient(160deg,#12241C 0%,#143024 50%,#163628 100%);--bg-subjects: linear-gradient(180deg,#111722 0%,#111D1B 100%);--legacy-surface-muted:#222B38;--legacy-hover:#212A37;--legacy-track:#2F3846;--legacy-glass:rgba(17,23,34,.9);--legacy-glass-raised:rgba(26,34,48,.94);--legacy-on-ink:#111722;--legacy-scrim:rgba(0,0,0,.6);--legacy-ok-ink:#7AD6AA;--legacy-bad-ink:#FF9C9C;--legacy-bad-line:#7A3A40;--legacy-bad-pale:#2A1A1F;--legacy-bad-light:#3D2228;--legacy-hero:linear-gradient(160deg,#12241C 0%,#143024 50%,#163628 100%);--legacy-garden-sky:linear-gradient(180deg,#14221B 0%,#122019 100%);--legacy-garden-line:#22382C;--legacy-soil:linear-gradient(180deg,#26332C,#202B25);--legacy-pot-1:#2A3530;--legacy-pot-2:#33413A;--legacy-seed:#5A6A60;color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=system],[data-theme=system]{--color-gold-light: #4A3A1A;--color-gold-pale: #2A2216;--color-gold-ink: #F2B550;--color-green: #5CC495;--color-green-light:#1F4535;--color-green-pale:#16271F;--color-green-ink:#7AD6AA;--color-blue: #7DB3E6;--color-blue-light: #24405E;--color-blue-pale: #172437;--color-pink: #F08FA0;--color-pink-light: #4D2A33;--color-pink-pale: #2A1A1F;--color-ink: #F1EFE8;--color-ink-soft: #C3C9D2;--color-ink-muted: #8F9AA8;--color-white: #1A2230;--color-bg: #111722;--color-border: #2A3342;--color-navy: #0A0F18;--color-navy-mid: #151C28;--subject-english-bg:#172437;--subject-english-border:#6AAEEC;--subject-maths-bg: #2A2216;--subject-maths-border: #F0A830;--subject-science-bg:#14271F;--subject-science-border:#3CC797;--subject-chinese-bg:#2C1A1D;--subject-chinese-border:#EC6E6E;--shadow-sm: 0 2px 8px rgba(0,0,0,.28);--shadow-md: 0 4px 24px rgba(0,0,0,.36);--shadow-lg: 0 8px 48px rgba(0,0,0,.48);--shadow-gold: 0 4px 20px rgba(245,166,35,.22);--bg-hero: linear-gradient(160deg,#12241C 0%,#143024 50%,#163628 100%);--bg-subjects: linear-gradient(180deg,#111722 0%,#111D1B 100%);--legacy-surface-muted:#222B38;--legacy-hover:#212A37;--legacy-track:#2F3846;--legacy-glass:rgba(17,23,34,.9);--legacy-glass-raised:rgba(26,34,48,.94);--legacy-on-ink:#111722;--legacy-scrim:rgba(0,0,0,.6);--legacy-ok-ink:#7AD6AA;--legacy-bad-ink:#FF9C9C;--legacy-bad-line:#7A3A40;--legacy-bad-pale:#2A1A1F;--legacy-bad-light:#3D2228;--legacy-hero:linear-gradient(160deg,#12241C 0%,#143024 50%,#163628 100%);--legacy-garden-sky:linear-gradient(180deg,#14221B 0%,#122019 100%);--legacy-garden-line:#22382C;--legacy-soil:linear-gradient(180deg,#26332C,#202B25);--legacy-pot-1:#2A3530;--legacy-pot-2:#33413A;--legacy-seed:#5A6A60;color-scheme:dark}}[data-theme=light]{--color-gold-light:#FDE8C0;--color-gold-pale:#FFF8ED;--color-gold-ink:#b9791a;--color-green:#4CAF82;--color-green-light:#D6F0E4;--color-green-pale:#F0FAF4;--color-green-ink:#2f8a63;--color-blue:#5B9BD5;--color-blue-light:#D4E8F7;--color-blue-pale:#EBF4FD;--color-pink:#E8788A;--color-pink-light:#FCE4E8;--color-pink-pale:#FEF2F4;--color-ink:#1A2332;--color-ink-soft:#4A5568;--color-ink-muted:#8A95A3;--color-white:#FFFFFF;--color-bg:#FAFBF8;--color-border:#E8EDE6;--color-navy:#0D1E3E;--color-navy-mid:#1A2332;--subject-english-bg:#EBF4FD;--subject-english-border:#5ba4e8;--subject-maths-bg:#FFF8ED;--subject-maths-border:#f0a830;--subject-science-bg:#f1f8e9;--subject-science-border:#2eb88a;--subject-chinese-bg:#fce4ec;--subject-chinese-border:#e05a5a;--shadow-sm:0 2px 8px rgba(26,35,50,.06);--shadow-md:0 4px 24px rgba(26,35,50,.1);--shadow-lg:0 8px 48px rgba(26,35,50,.14);--shadow-gold:0 4px 20px rgba(245,166,35,.4);--bg-hero:linear-gradient(160deg,#e8f5e9 0%,#d6f0e4 50%,#c8eedb 100%);--bg-subjects:linear-gradient(180deg,#FAFBF8 0%,#f0f7f4 100%);--legacy-surface-muted:#F4F6F4;--legacy-hover:#F6F8F5;--legacy-track:#DDE2E9;--legacy-glass:rgba(250,251,248,.92);--legacy-glass-raised:rgba(255,255,255,.94);--legacy-on-ink:#FFFFFF;--legacy-scrim:rgba(13,30,62,.45);--legacy-ok-ink:#1B5E34;--legacy-bad-ink:#B71C1C;--legacy-bad-line:#EF9A9A;--legacy-bad-pale:#FFF5F5;--legacy-bad-light:#FCE4E8;--legacy-hero:linear-gradient(160deg,#E8F5E9 0%,#D6F0E4 50%,#C8EEDB 100%);--legacy-garden-sky:linear-gradient(180deg,#F2FAF5 0%,#E7F5EC 100%);--legacy-garden-line:#DCEDE2;--legacy-soil:linear-gradient(180deg,#D8E6DA,#C7D8C9);--legacy-pot-1:#E4EBE3;--legacy-pot-2:#D2DED2;--legacy-seed:#A9B6AC;color-scheme:light}:root{--legacy-on-fill: #1A2332}:root[data-theme=dark],[data-theme=dark]{--color-ink-muted-text: #8F9AA8;--color-green-text: #7AD6AA;--color-blue-text: #7DB3E6;--color-gold-text: #F2B550;--color-pink-text: #F08FA0}@media(prefers-color-scheme:dark){:root[data-theme=system],[data-theme=system]{--color-ink-muted-text: #8F9AA8;--color-green-text: #7AD6AA;--color-blue-text: #7DB3E6;--color-gold-text: #F2B550;--color-pink-text: #F08FA0}}[data-theme=light]{--color-ink-muted-text: #626A74;--color-green-text: #337456;--color-blue-text: #3D6990;--color-gold-text: #8D5F14;--color-pink-text: #9D515D}:root{--english:#5B9BD5;--english-deep:#3E7CB8;--english-pale:#EBF4FD;--english-line:#D4E8F7;--maths:#F0A830;--maths-deep:#C97F10;--maths-pale:#FFF8ED;--maths-line:#FBE6C5;--science:#2EB88A;--science-deep:#1F8A66;--science-pale:#E9F7F0;--science-line:#CDEBDF;--chinese:#E05A5A;--chinese-deep:#B23A3A;--chinese-pale:#FCE9EC;--chinese-line:#F6D2D8;--sk-grammar:#5B9BD5;--sk-vocab:#E0913C;--sk-comp:#7C6BC9;--sk-synth:#3FA98A;--sk-edit:#C85C3A;--sk-number:#E8590C;--sk-measure:#6741D9;--sk-geometry:#1098AD;--sk-stats:#C2185B;--sk-grammar-tint:#EAF3FB;--sk-vocab-tint:#FBF1E3;--sk-comp-tint:#F1EEFA;--sk-synth-tint:#E8F6F0;--sk-edit-tint:#FAECE8;--m0:#C7D0CB;--m1:#9BC6AE;--m2:#6FBF93;--m3:#4CAF82;--m4:#2E9466;--m5:#1B7A4F;--garden-sky:var(--legacy-garden-sky);--btn-disabled:#EADFCE;--login-glow:radial-gradient(120% 70% at 50% -10%, #E8F5E9 0%, #D6F0E4 32%, transparent 64%);--lane:var(--english);--lane-deep:var(--english-deep);--lane-pale:var(--english-pale);--lane-line:var(--english-line)}:root[data-theme=dark]{--english:#7DB3E6;--english-deep:#A5CBF0;--english-pale:#172437;--english-line:#24405E;--maths:#F0A830;--maths-deep:#F5C066;--maths-pale:#2A2216;--maths-line:#4A3A1A;--science:#3CC797;--science-deep:#7AD9B5;--science-pale:#14271F;--science-line:#1F4535;--chinese:#EC6E6E;--chinese-deep:#F59AAE;--chinese-pale:#2C1A1D;--chinese-line:#4D2A33;--sk-grammar:#7DB3E6;--sk-vocab:#EBA562;--sk-comp:#A497E0;--sk-synth:#5CC4A3;--sk-edit:#EE8A68;--sk-number:#F5864A;--sk-measure:#9C85F0;--sk-geometry:#3FC0D3;--sk-stats:#E86A9A;--sk-grammar-tint:#172437;--sk-vocab-tint:#2A2216;--sk-comp-tint:#211D33;--sk-synth-tint:#14271F;--sk-edit-tint:#2E1B14;--m0:#3A4540;--m1:#3F6A54;--m2:#4F9772;--m3:#5CC495;--m4:#7AD6AA;--m5:#A3E8C6;--btn-disabled:#3A3428;--login-glow:radial-gradient(120% 70% at 50% -10%, #173326 0%, #132A20 32%, transparent 64%)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--english:#7DB3E6;--english-deep:#A5CBF0;--english-pale:#172437;--english-line:#24405E;--maths:#F0A830;--maths-deep:#F5C066;--maths-pale:#2A2216;--maths-line:#4A3A1A;--science:#3CC797;--science-deep:#7AD9B5;--science-pale:#14271F;--science-line:#1F4535;--chinese:#EC6E6E;--chinese-deep:#F59AAE;--chinese-pale:#2C1A1D;--chinese-line:#4D2A33;--sk-grammar:#7DB3E6;--sk-vocab:#EBA562;--sk-comp:#A497E0;--sk-synth:#5CC4A3;--sk-edit:#EE8A68;--sk-number:#F5864A;--sk-measure:#9C85F0;--sk-geometry:#3FC0D3;--sk-stats:#E86A9A;--sk-grammar-tint:#172437;--sk-vocab-tint:#2A2216;--sk-comp-tint:#211D33;--sk-synth-tint:#14271F;--sk-edit-tint:#2E1B14;--m0:#3A4540;--m1:#3F6A54;--m2:#4F9772;--m3:#5CC495;--m4:#7AD6AA;--m5:#A3E8C6;--btn-disabled:#3A3428;--login-glow:radial-gradient(120% 70% at 50% -10%, #173326 0%, #132A20 32%, transparent 64%)}}:root{--g-head:#1b5e34;--g-strong:#2e7d52;--g-text:#2d4a35;--g-text-strong:#1b3a25;--g-label:#3a6b4a;--g-muted:#8aaa94;--g-faint:#aac9b3;--g-line:#e0eed8;--g-line-2:#c8e6c9;--g-hover:#7bc67e;--g-hover-bg:#f0faf0;--g-bg:#f7fdf5;--g-card:#fff;--g-chip:rgba(255,255,255,.8);--g-ok-1:#e8f8ee;--g-ok-2:#d0f0df;--g-bad-1:#fff5f5;--g-bad-2:#ffe8e8;--g-bad-line:#ef9a9a;--g-bad-ink:#b71c1c;--g-bg-english:linear-gradient(160deg,#f0f7ff,#dceffe,#f0f9ff);--g-bg-math:linear-gradient(160deg,#fffbf0,#fef3d0,#fff8e8);--g-bg-science:linear-gradient(160deg,#f0fdf9,#d0f5ea,#e8fdf5);--g-bg-chinese:linear-gradient(160deg,#fff5f5,#ffe4e4,#fff0f0);--g-bg-subject:linear-gradient(160deg,#f7fdf5 0%,#eaf7ec 45%,#fdf6f0 100%);--g-math-ink:#c62828;--g-sci-ink:#2e7d32;--g-zh-ink:#ad1457;--g-card-math:#fff8ed;--g-card-sci:#f1f8e9;--g-card-zh:#fce4ec;--g-vocab-ink:#0d47a1;--g-vocab-bg:#e3f2fd;--g-comp-ink:#4a148c;--g-comp-bg:#f3e5f5;--g-synth-ink:#bf360c;--g-synth-bg:#fbe9e7;--g-logo-blend:multiply}:root[data-theme=dark]{--g-head:#A3E8C6;--g-strong:#7AD6AA;--g-text:#D5E6DA;--g-text-strong:#EEF5F0;--g-label:#A9C9B3;--g-muted:#8FA899;--g-faint:#6F8A7A;--g-line:#263A2F;--g-line-2:#2E4A3A;--g-hover:#5CC495;--g-hover-bg:#16271F;--g-bg:#0F1712;--g-card:#172019;--g-chip:rgba(255,255,255,.08);--g-ok-1:#16301F;--g-ok-2:#1A3826;--g-bad-1:#2A1A1F;--g-bad-2:#331C22;--g-bad-line:#7A3A40;--g-bad-ink:#FF9C9C;--g-bg-english:linear-gradient(160deg,#0F1622,#132034,#0F1622);--g-bg-math:linear-gradient(160deg,#17140D,#211B10,#17140D);--g-bg-science:linear-gradient(160deg,#0E1814,#12241C,#0E1814);--g-bg-chinese:linear-gradient(160deg,#1A1012,#24151A,#1A1012);--g-bg-subject:linear-gradient(160deg,#0F1712 0%,#12201A 45%,#1A1512 100%);--g-math-ink:#FF8A80;--g-sci-ink:#7AD9B5;--g-zh-ink:#F59AAE;--g-card-math:#2A2216;--g-card-sci:#14271F;--g-card-zh:#2C1A1D;--g-vocab-ink:#9CC6F5;--g-vocab-bg:#172437;--g-comp-ink:#C7A8F0;--g-comp-bg:#221A33;--g-synth-ink:#FFAB8A;--g-synth-bg:#2E1B14;--g-logo-blend:normal}@media(prefers-color-scheme:dark){:root[data-theme=system]{--g-head:#A3E8C6;--g-strong:#7AD6AA;--g-text:#D5E6DA;--g-text-strong:#EEF5F0;--g-label:#A9C9B3;--g-muted:#8FA899;--g-faint:#6F8A7A;--g-line:#263A2F;--g-line-2:#2E4A3A;--g-hover:#5CC495;--g-hover-bg:#16271F;--g-bg:#0F1712;--g-card:#172019;--g-chip:rgba(255,255,255,.08);--g-ok-1:#16301F;--g-ok-2:#1A3826;--g-bad-1:#2A1A1F;--g-bad-2:#331C22;--g-bad-line:#7A3A40;--g-bad-ink:#FF9C9C;--g-bg-english:linear-gradient(160deg,#0F1622,#132034,#0F1622);--g-bg-math:linear-gradient(160deg,#17140D,#211B10,#17140D);--g-bg-science:linear-gradient(160deg,#0E1814,#12241C,#0E1814);--g-bg-chinese:linear-gradient(160deg,#1A1012,#24151A,#1A1012);--g-bg-subject:linear-gradient(160deg,#0F1712 0%,#12201A 45%,#1A1512 100%);--g-math-ink:#FF8A80;--g-sci-ink:#7AD9B5;--g-zh-ink:#F59AAE;--g-card-math:#2A2216;--g-card-sci:#14271F;--g-card-zh:#2C1A1D;--g-vocab-ink:#9CC6F5;--g-vocab-bg:#172437;--g-comp-ink:#C7A8F0;--g-comp-bg:#221A33;--g-synth-ink:#FFAB8A;--g-synth-bg:#2E1B14;--g-logo-blend:normal}}:root{--gm-blue-ink: #2f6fb0;--gm-bad-ink: #c0392b;--gm-bad-line: #e8a0a0;--gm-bad-soft-ink: #ef9a9a;--gm-amber-deep: #8a5a00;--gm-amber-wash: #FFF3D6;--gm-amber-ink: #b8730a;--gm-amber-tip: #a06510;--gm-gold-wash: #FFF7E8;--gm-gold-wash-2: #fef9eb;--gm-gold-chip: #fff3e0;--gm-gold-tint: #FFF6E3;--gm-ok-wash: #e8f5ee;--gm-slip-ink: #7a2e0a;--gm-slip-bg: #fddfc4;--gm-chip-soft: rgba(255,255,255,.55);--gm-peach-ink: #c26e1a;--gm-soft: #f7f8fa;--gm-strike: #cdd5cf;--gm-range-track: #dde5f4;--gm-track: #d7ddd6;--gm-grab: #e2e6ec;--gm-tab-press: #f1f3f7;--gm-line-hover: #dbe2da;--gm-line-hover-2: #d8dfd6;--gm-opt-hover-line: #cfe1f5;--gm-pill: rgba(255,255,255,.9);--gm-profile-banner: linear-gradient(120deg,#e8f5e9,#d6f0e4 55%,#c8eedb);--gm-soil-brown: linear-gradient(180deg,#c9b89b,#b5a07e);--gm-scrim: rgba(30,40,30,.42);--gm-sheet-scrim: rgba(13,30,62,.42);--gm-field-off: #f5f5f5;--gm-gray: #6b7280;--gm-slate: #5A6472;--gm-admin-muted: #6b7a71;--gm-admin-line: #E6E9EF;--gm-admin-dash: #C9CFD8;--gm-admin-wash: #fffaf0;--gm-admin-bg: #FAFBFC;--cat-english-grammar: #4caf7d;--cat-english-grammar-bg: #f0faf0;--cat-english-vocabulary: #e07b39;--cat-english-vocabulary-bg: #fff6f0;--cat-english-comprehension: #7c5cbf;--cat-english-comprehension-bg: #f5f0fc;--cat-english-synthesis: #2980b9;--cat-english-synthesis-bg: #eef6fd;--cat-english-editing: #e91e63;--cat-english-editing-bg: #fce4ec;--cat-math-number-algebra: #E8590C;--cat-math-number-algebra-bg: #FFEFE3;--cat-math-measurement: #6741D9;--cat-math-measurement-bg: #ECEAFB;--cat-math-geometry: #1098AD;--cat-math-geometry-bg: #E1F5F8;--cat-math-statistics: #C2185B;--cat-math-statistics-bg: #FBE6EE;--cat-science-diversity: #00897b;--cat-science-diversity-bg: #e0f2f1;--cat-science-cycles: #2e7d32;--cat-science-cycles-bg: #f1f8e9;--cat-science-systems: #0277bd;--cat-science-systems-bg: #e1f5fe;--cat-science-interactions: #8e24aa;--cat-science-interactions-bg: #f3e5f5;--cat-science-energy: #f57f17;--cat-science-energy-bg: #fff8e1;--cat-chinese-zici: #c62828;--cat-chinese-zici-bg: #ffebee;--cat-chinese-yufa: #00897b;--cat-chinese-yufa-bg: #e0f2f1;--cat-chinese-yuedu: #6a1b9a;--cat-chinese-yuedu-bg: #f3e5f5;--cat-chinese-duihua: #1565c0;--cat-chinese-duihua-bg: #e3f2fd}:root[data-theme=dark]{--gm-blue-ink: #9CC6F5;--gm-bad-ink: #FF9C9C;--gm-bad-line: #7A3A40;--gm-bad-soft-ink: #F28B8B;--gm-amber-deep: #F5C066;--gm-amber-wash: #2A2216;--gm-amber-ink: #F5C066;--gm-amber-tip: #F5C066;--gm-gold-wash: #2A2216;--gm-gold-wash-2: #2A2216;--gm-gold-chip: #2A2216;--gm-gold-tint: #2A2216;--gm-ok-wash: #16271F;--gm-slip-ink: #FFAB8A;--gm-slip-bg: #2E1B14;--gm-chip-soft: rgba(255,255,255,.06);--gm-peach-ink: #F9A86C;--gm-soft: #222B38;--gm-strike: #4A5560;--gm-range-track: #2F3846;--gm-track: #2F3846;--gm-grab: #2F3846;--gm-tab-press: #212A37;--gm-line-hover: #2F3846;--gm-line-hover-2: #2F3846;--gm-opt-hover-line: #2F4A6B;--gm-pill: rgba(26,34,48,.9);--gm-profile-banner: linear-gradient(120deg,#12241C,#143024 55%,#163628);--gm-soil-brown: linear-gradient(180deg,#4A4033,#3D3429);--gm-scrim: rgba(0,0,0,.6);--gm-sheet-scrim: rgba(0,0,0,.6);--gm-field-off: #222B38;--gm-gray: #9AA3AF;--gm-slate: #C3C9D2;--gm-admin-muted: #8FA899;--gm-admin-line: #2A3342;--gm-admin-dash: #3A4452;--gm-admin-wash: #2A2216;--gm-admin-bg: #151C28;--cat-english-grammar: #60C28F;--cat-english-grammar-bg: #233B3E;--cat-english-vocabulary: #F38C4C;--cat-english-vocabulary-bg: #3E3232;--cat-english-comprehension: #B495FE;--cat-english-comprehension-bg: #2C2C4A;--cat-english-synthesis: #61B3EF;--cat-english-synthesis-bg: #1D3349;--cat-english-editing: #FE7A94;--cat-english-editing-bg: #3F2139;--cat-math-number-algebra: #F5864A;--cat-math-number-algebra-bg: #3F2C2A;--cat-math-measurement: #9C85F0;--cat-math-measurement-bg: #28284E;--cat-math-geometry: #3FC0D3;--cat-math-geometry-bg: #183747;--cat-math-statistics: #E86A9A;--cat-math-statistics-bg: #382038;--cat-science-diversity: #55C0B0;--cat-science-diversity-bg: #15353E;--cat-science-cycles: #72C173;--cat-science-cycles-bg: #1E3230;--cat-science-systems: #55B2FD;--cat-science-systems-bg: #163149;--cat-science-interactions: #DF79FE;--cat-science-interactions-bg: #2F2246;--cat-science-energy: #FD8624;--cat-science-energy-bg: #41332C;--cat-chinese-zici: #FF7F74;--cat-chinese-zici-bg: #39232F;--cat-chinese-yufa: #55C0B0;--cat-chinese-yufa-bg: #15353E;--cat-chinese-yuedu: #C989FE;--cat-chinese-yuedu-bg: #282143;--cat-chinese-duihua: #6FADFE;--cat-chinese-duihua-bg: #192E4A}@media(prefers-color-scheme:dark){:root[data-theme=system]{--gm-blue-ink: #9CC6F5;--gm-bad-ink: #FF9C9C;--gm-bad-line: #7A3A40;--gm-bad-soft-ink: #F28B8B;--gm-amber-deep: #F5C066;--gm-amber-wash: #2A2216;--gm-amber-ink: #F5C066;--gm-amber-tip: #F5C066;--gm-gold-wash: #2A2216;--gm-gold-wash-2: #2A2216;--gm-gold-chip: #2A2216;--gm-gold-tint: #2A2216;--gm-ok-wash: #16271F;--gm-slip-ink: #FFAB8A;--gm-slip-bg: #2E1B14;--gm-chip-soft: rgba(255,255,255,.06);--gm-peach-ink: #F9A86C;--gm-soft: #222B38;--gm-strike: #4A5560;--gm-range-track: #2F3846;--gm-track: #2F3846;--gm-grab: #2F3846;--gm-tab-press: #212A37;--gm-line-hover: #2F3846;--gm-line-hover-2: #2F3846;--gm-opt-hover-line: #2F4A6B;--gm-pill: rgba(26,34,48,.9);--gm-profile-banner: linear-gradient(120deg,#12241C,#143024 55%,#163628);--gm-soil-brown: linear-gradient(180deg,#4A4033,#3D3429);--gm-scrim: rgba(0,0,0,.6);--gm-sheet-scrim: rgba(0,0,0,.6);--gm-field-off: #222B38;--gm-gray: #9AA3AF;--gm-slate: #C3C9D2;--gm-admin-muted: #8FA899;--gm-admin-line: #2A3342;--gm-admin-dash: #3A4452;--gm-admin-wash: #2A2216;--gm-admin-bg: #151C28;--cat-english-grammar: #60C28F;--cat-english-grammar-bg: #233B3E;--cat-english-vocabulary: #F38C4C;--cat-english-vocabulary-bg: #3E3232;--cat-english-comprehension: #B495FE;--cat-english-comprehension-bg: #2C2C4A;--cat-english-synthesis: #61B3EF;--cat-english-synthesis-bg: #1D3349;--cat-english-editing: #FE7A94;--cat-english-editing-bg: #3F2139;--cat-math-number-algebra: #F5864A;--cat-math-number-algebra-bg: #3F2C2A;--cat-math-measurement: #9C85F0;--cat-math-measurement-bg: #28284E;--cat-math-geometry: #3FC0D3;--cat-math-geometry-bg: #183747;--cat-math-statistics: #E86A9A;--cat-math-statistics-bg: #382038;--cat-science-diversity: #55C0B0;--cat-science-diversity-bg: #15353E;--cat-science-cycles: #72C173;--cat-science-cycles-bg: #1E3230;--cat-science-systems: #55B2FD;--cat-science-systems-bg: #163149;--cat-science-interactions: #DF79FE;--cat-science-interactions-bg: #2F2246;--cat-science-energy: #FD8624;--cat-science-energy-bg: #41332C;--cat-chinese-zici: #FF7F74;--cat-chinese-zici-bg: #39232F;--cat-chinese-yufa: #55C0B0;--cat-chinese-yufa-bg: #15353E;--cat-chinese-yuedu: #C989FE;--cat-chinese-yuedu-bg: #282143;--cat-chinese-duihua: #6FADFE;--cat-chinese-duihua-bg: #192E4A}}:root{--ease-out:cubic-bezier(.16,1,.3,1);--dur:.2s;--dur-slow:.65s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg)}@keyframes leafFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(110vh) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes pop{0%{transform:scale(.82);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes qin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}@keyframes spg-rise-soft{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spg-pop-soft{0%{transform:scale(.82);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.quiz-card{animation:qin .35s var(--ease-out) both}.quiz-card.out{animation:fadeOut .22s ease forwards}.opt{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:13px 15px;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-ink);transition:all var(--dur) var(--ease-out);width:100%;display:flex;align-items:center;gap:12px}.opt:hover:not(:disabled){border-color:var(--gm-opt-hover-line);background:var(--color-white)}.opt:disabled{cursor:default}.opt.correct{border-color:var(--color-green);background:linear-gradient(135deg,var(--color-green-light),var(--color-green-pale));color:var(--legacy-ok-ink)}.opt.wrong{border-color:var(--legacy-bad-line);background:linear-gradient(135deg,var(--legacy-bad-light),var(--color-pink-pale));color:var(--legacy-bad-ink)}.opt.dimmed{opacity:.38}.btn-primary{background:var(--color-gold);color:var(--legacy-on-fill);border:none;border-radius:var(--radius-xl);padding:14px 32px;font-family:var(--font-body);font-size:1rem;font-weight:800;cursor:pointer;transition:all var(--dur) var(--ease-out);box-shadow:var(--shadow-gold);width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f5a62380}.btn-primary:disabled{background:var(--btn-disabled);color:#fff;box-shadow:none;cursor:not-allowed}.btn-ghost{background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:6px 18px;cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:700;color:var(--color-ink-soft);transition:all var(--dur) var(--ease-out)}.btn-ghost:hover{border-color:var(--english);color:var(--english)}.input{width:100%;padding:13px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;color:var(--color-ink);outline:none;transition:all var(--dur) var(--ease-out);background:var(--color-white)}.input:focus{border-color:var(--english);box-shadow:0 0 0 4px #5ba4e826}.lvl-card{background:var(--color-white);border:1.5px solid var(--color-border);border-left:4px solid var(--english);border-radius:var(--radius-md);padding:14px 13px 13px;cursor:pointer;transition:all var(--dur) var(--ease-out);text-align:left;position:relative;display:flex;flex-direction:column;min-height:110px}.lvl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--english-line);border-left-color:var(--english)}.card{background:var(--color-white);border-radius:var(--radius-md);padding:16px 18px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.shake{animation:shake .45s ease}.eyebrow{display:inline-block;font-family:var(--font-body);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 13px;border-radius:var(--radius-full);background:var(--color-blue-light);color:var(--color-blue)}.topic-pill{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--gm-blue-ink);background:var(--color-blue-pale);border:1px solid var(--color-blue-light);padding:4px 11px;border-radius:var(--radius-full)}:root{--lane:var(--english);--lane-deep:var(--english-deep);--lane-pale:var(--english-pale);--lane-line:var(--english-line)}@keyframes spg-fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spg-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spg-fade{0%{opacity:0}to{opacity:1}}@keyframes spg-blink{0%,to{opacity:1}50%{opacity:.4}}.spg-reveal{animation:spg-rise-soft .5s var(--ease-out) both}@media(prefers-reduced-motion:reduce){.spg-reveal{animation:none}}.app{position:fixed;inset:0;display:flex;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body)}.app-scroll{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.app-scroll::-webkit-scrollbar{width:10px}.app-scroll::-webkit-scrollbar-thumb{background:var(--legacy-track);border-radius:9px;border:3px solid transparent;background-clip:content-box}.app-scroll::-webkit-scrollbar-track{background:transparent}.noscroll::-webkit-scrollbar{width:0;height:0}.noscroll{scrollbar-width:none;-ms-overflow-style:none}.app[data-mode=mobile]{flex-direction:column}.app[data-mode=mobile] .main{flex:1;min-height:0;display:flex;flex-direction:column}.app-framed{flex-direction:column}.app-row{flex:1;min-height:0;display:flex}.app-framed .sp-bar{--sp-bar-max:none;--sp-bar-pad:24px}.bar-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--shape-control);background:transparent;color:var(--fg-primary);cursor:pointer;flex-shrink:0}.bar-theme-toggle:hover{background:var(--surface-sunken)}.bar-theme-toggle:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.bar-theme-toggle .icon-sun{display:none}:root[data-theme=dark] .bar-theme-toggle .icon-moon{display:none}:root[data-theme=dark] .bar-theme-toggle .icon-sun{display:block}@media(prefers-color-scheme:dark){:root[data-theme=system] .bar-theme-toggle .icon-moon{display:none}:root[data-theme=system] .bar-theme-toggle .icon-sun{display:block}}.tabbar{display:flex;align-items:stretch;gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0));background:var(--legacy-glass-raised);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--color-border);flex-shrink:0;z-index:40}.tab{flex:1;border:none;background:none;cursor:pointer;font-family:var(--font-body);display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border-radius:14px;color:var(--color-ink-muted);transition:color var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.tab .ic{width:24px;height:24px;display:grid;place-items:center}.tab .lb{font-size:13px;font-weight:800;letter-spacing:.01em}.tab.on{color:var(--color-ink)}.tab.on .ic{color:var(--color-gold)}.tab:not(.on):active{background:var(--gm-tab-press)}.rail{width:248px;flex-shrink:0;background:var(--color-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:22px 16px;gap:6px;z-index:30}.app[data-mode=tablet] .rail{width:212px;padding:20px 12px}.rail-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.rail-brand .n{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--color-ink);line-height:1}.rail-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border:none;background:none;cursor:pointer;border-radius:14px;font-family:var(--font-body);font-weight:800;font-size:.92rem;color:var(--color-ink-soft);text-align:left;width:100%;transition:all var(--dur) var(--ease-out)}.rail-item .ic{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;color:var(--color-ink-muted)}.rail-item .badge{margin-left:auto;font-size:13px;font-weight:900;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--color-gold);color:var(--legacy-on-fill);display:grid;place-items:center}.rail-item:hover{background:var(--legacy-hover);color:var(--color-ink)}.rail-item.on{background:var(--color-gold-pale);color:var(--color-ink)}.rail-item.on .ic{color:var(--color-gold)}.rail-spacer{flex:1}.rail-user{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:14px;cursor:pointer;border:1px solid var(--color-border);background:var(--color-white);width:100%;text-align:left;transition:all var(--dur) var(--ease-out)}.rail-user:hover{border-color:var(--gm-line-hover);background:var(--color-bg)}.content{width:100%;margin-inline:auto;padding:0}.app[data-mode=desktop] .content{max-width:1080px;padding:36px 40px 56px}.app[data-mode=tablet] .content{max-width:760px;padding:28px 28px 48px}.app[data-mode=mobile] .content{max-width:520px;padding:14px 16px 24px}.spg-topbar{position:sticky;top:0;z-index:35;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--legacy-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.iconbtn{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid var(--color-border);background:var(--color-white);display:grid;place-items:center;cursor:pointer;color:var(--color-ink-soft);transition:all var(--dur) var(--ease-out)}.iconbtn:hover{border-color:var(--gm-line-hover-2);color:var(--color-ink)}.spg-eyebrow{display:inline-block;font-family:var(--font-body);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-full);background:var(--lane-pale);color:var(--lane-deep)}.spg-eyebrow.gold{background:var(--color-gold-light);color:var(--color-gold-ink)}.spg-eyebrow.green{background:var(--color-green-light);color:var(--color-green-ink)}.spg-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;white-space:nowrap;font-family:var(--font-body);font-weight:800;font-size:1.02rem;border:none;cursor:pointer;padding:15px 20px;border-radius:var(--radius-xl);background:var(--color-gold);color:var(--legacy-on-fill);box-shadow:var(--shadow-gold);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.spg-btn:hover{transform:translateY(-2px);box-shadow:0 9px 28px #f5a62380}.spg-btn:active{transform:translateY(0)}.spg-btn .ar{transition:transform var(--dur) var(--ease-out)}.spg-btn:hover .ar{transform:translate(4px)}.spg-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:11px 18px;font-family:var(--font-body);font-size:.84rem;font-weight:800;color:var(--color-ink-soft);cursor:pointer;transition:all var(--dur) var(--ease-out)}.spg-btn-ghost:hover{border-color:var(--lane);color:var(--lane-deep)}.spg-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.spg-input{width:100%;padding:14px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-ink);outline:none;background:var(--color-white);transition:all var(--dur) var(--ease-out)}.spg-input:focus{border-color:var(--lane);box-shadow:0 0 0 4px #5b9bd529}.sec-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--color-ink)}.subj-card{position:relative;text-align:left;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.subj-card.live:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.subj-card.soon{cursor:default}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app[data-mode=desktop] .grid-2{gap:16px}.app[data-mode=desktop] .grid-home{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;align-items:start}.app[data-mode=mobile] .grid-home,.app[data-mode=tablet] .grid-home{display:flex;flex-direction:column;gap:16px}.scrim{position:absolute;inset:0;background:var(--legacy-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;animation:spg-fade .2s ease both}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:61;background:var(--color-white);border-radius:26px 26px 0 0;box-shadow:var(--shadow-lg);padding:10px 16px calc(20px + env(safe-area-inset-bottom,0));max-height:88%;overflow-y:auto;animation:spg-sheet .42s var(--ease-out) both}.app[data-mode=desktop] .sheet,.app[data-mode=tablet] .sheet{inset:50% auto auto 50%;translate:-50% -50%;width:min(440px,90%);border-radius:24px;max-height:84%;animation:spg-pop-soft .3s var(--ease-out) both,spg-fade .2s ease both}.grab{width:40px;height:5px;border-radius:9px;background:var(--gm-grab);margin:4px auto 12px}