@charset "UTF-8";:root{--gf-primary: #4f46e5;--gf-primary-600: #4338ca;--gf-primary-700: #3730a3;--gf-primary-soft: #eef2ff;--gf-accent: #0ea5a4;--gf-accent-soft: #e0f2f1;--gf-warn: #e65100;--gf-warn-soft: #fff3e0;--gf-ink: #1b1f2a;--gf-muted: #5b6270;--gf-faint: #8a90a0;--gf-bg: #f6f7fb;--gf-surface: #ffffff;--gf-surface-2: #f1f3f9;--gf-border: #e6e8f0;--gf-border-strong: #d4d8e3;--gf-hero-grad: radial-gradient(1200px 480px at 75% -10%, #6366f1 0%, transparent 60%), linear-gradient(135deg, #4f46e5 0%, #6d28d9 55%, #0ea5a4 140%);--gf-r-sm: 8px;--gf-r-md: 12px;--gf-r-lg: 16px;--gf-r-xl: 22px;--gf-r-pill: 999px;--gf-shadow-sm: 0 1px 2px rgba(20, 24, 40, .06);--gf-shadow-md: 0 6px 18px rgba(20, 24, 40, .08);--gf-shadow-lg: 0 18px 40px rgba(35, 30, 90, .16);--gf-font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--gf-font-display: var(--gf-font);--gf-gap: 1rem}body[data-theme=aegean]{--gf-primary: #1f5c8b;--gf-primary-600: #17496f;--gf-primary-700: #143d5e;--gf-primary-soft: #e4edf4;--gf-accent: #c4633d;--gf-accent-soft: #f6e7de;--gf-warn: #b0713f;--gf-warn-soft: #f3e7d9;--gf-ink: #1e2a32;--gf-muted: #5c6b76;--gf-faint: #8a96a0;--gf-bg: #faf5ec;--gf-surface: #fffdf8;--gf-surface-2: #f3ecde;--gf-border: #e6ddca;--gf-border-strong: #d8cdb9;--gf-hero-grad: linear-gradient(135deg, #1f5c8b 0%, #143d5e 100%);--gf-r-sm: 4px;--gf-r-md: 6px;--gf-r-lg: 10px;--gf-r-xl: 14px;--gf-shadow-sm: 0 1px 2px rgba(30,42,50,.06);--gf-shadow-md: 0 6px 18px rgba(30,42,50,.09);--gf-shadow-lg: 0 18px 40px rgba(20,61,94,.16);--gf-font-display: "Literata", Georgia, "Times New Roman", serif}body[data-theme=modernist]{--gf-primary: #2244c9;--gf-primary-600: #1c39a8;--gf-primary-700: #16308f;--gf-primary-soft: #e4e9fb;--gf-accent: #b7860b;--gf-accent-soft: #fdf4d0;--gf-warn: #c4633d;--gf-warn-soft: #f6e7de;--gf-ink: #0e0e10;--gf-muted: #52565f;--gf-faint: #85899550;--gf-faint: #858995;--gf-bg: #ffffff;--gf-surface: #ffffff;--gf-surface-2: #f2f5ff;--gf-border: #e2e5ee;--gf-border-strong: #1a1a1e;--gf-hero-grad: linear-gradient(135deg, #2244c9 0%, #2244c9 100%);--gf-r-sm: 2px;--gf-r-md: 2px;--gf-r-lg: 3px;--gf-r-xl: 4px;--gf-shadow-sm: none;--gf-shadow-md: none;--gf-shadow-lg: none;--gf-font-display: "Commissioner", var(--gf-font)}body[data-theme=modernist] .card,body[data-theme=modernist] .surface{border:1.5px solid var(--gf-border-strong)}body[data-theme=santorini]{--gf-primary: #3e7c96;--gf-primary-600: #336a80;--gf-primary-700: #2a5f76;--gf-primary-soft: #dcecf0;--gf-accent: #ef7d5d;--gf-accent-soft: #fbe7df;--gf-warn: #d9663f;--gf-warn-soft: #fbe7df;--gf-ink: #24455c;--gf-muted: #5f7a88;--gf-faint: #8aa1ac;--gf-bg: #f4f9f8;--gf-surface: #ffffff;--gf-surface-2: #eaf3f1;--gf-border: #dce8e6;--gf-border-strong: #c7d8d4;--gf-hero-grad: linear-gradient(135deg, #3e7c96 0%, #2a5f76 60%, #4e93ac 140%);--gf-r-sm: 12px;--gf-r-md: 16px;--gf-r-lg: 22px;--gf-r-xl: 28px;--gf-shadow-sm: 0 2px 6px rgba(36,69,92,.08);--gf-shadow-md: 0 6px 18px rgba(36,69,92,.1);--gf-shadow-lg: 0 18px 40px rgba(36,69,92,.18);--gf-font-display: "Comfortaa", var(--gf-font)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--gf-font);color:var(--gf-ink);background:var(--gf-bg);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--gf-font-display);line-height:1.2;letter-spacing:-.01em}a{color:var(--gf-primary)}:focus-visible{outline:2px solid var(--gf-primary);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.4rem;border-radius:var(--gf-r-md);font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;border:1px solid var(--gf-border-strong);background:var(--gf-surface);color:var(--gf-ink);line-height:1.1;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--gf-shadow-sm)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--gf-primary);color:#fff;border-color:transparent;box-shadow:0 6px 16px #4f46e552}.btn--primary:hover{background:var(--gf-primary-600);box-shadow:0 10px 22px #4f46e561}.btn--ghost-light{background:#ffffff1f;color:#fff;border-color:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn--ghost-light:hover{background:#ffffff38}.btn--lg{padding:.9rem 1.7rem;font-size:1.05rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.16rem .6rem;border-radius:var(--gf-r-pill);font-size:.72rem;font-weight:700}.badge--level{background:var(--gf-primary);color:#fff}.badge--skill{background:var(--gf-primary-soft);color:var(--gf-primary-700)}.badge--kind{background:var(--gf-warn-soft);color:var(--gf-warn);text-transform:capitalize}.surface{background:var(--gf-surface);border:1px solid var(--gf-border);border-radius:var(--gf-r-lg);box-shadow:var(--gf-shadow-sm)}gf-scene{display:block}gf-scene img{border-radius:var(--gf-r-md)}.level-card gf-scene img,.grammar-card gf-scene img,.exam-card gf-scene img{aspect-ratio:16/9;margin-bottom:.7rem}.player__head gf-scene img,.reader gf-scene img,.exam-intro gf-scene img{aspect-ratio:24/9;max-height:180px;margin:0 0 1rem}.review-list__item gf-scene{flex:0 0 auto}body[data-ui=kids]{--gf-r-sm: 12px;--gf-r-md: 18px;--gf-r-lg: 24px;--gf-r-xl: 32px;font-size:1.08em}body[data-ui=kids] .btn,body[data-ui=kids] button.btn{padding:.8rem 1.6rem;font-size:1.05em}body[data-ui=kids] .chip{padding:.55rem 1.1rem;font-size:1.02em}body[data-ui=kids] .option{padding:.75rem .9rem}body[data-ui=kids] .chip-drag{padding:.6rem 1rem;font-size:1.05em}body[data-ui=kids] .question__prompt{font-size:1.15em}body[data-ui=kids] .card__title{font-size:1.12em}body[data-ui=kids] .feedback--ok strong:after{content:" \1f389"}.lessons-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--gf-surface);border:1px solid var(--gf-border);border-left:4px solid var(--gf-accent);border-radius:var(--gf-r-lg);box-shadow:var(--gf-shadow-sm);padding:1.2rem 1.5rem;margin:2.2rem auto;max-width:860px}.lessons-cta strong{display:block;font-size:1.08rem;margin-bottom:.2rem}.lessons-cta p{margin:0;color:var(--gf-muted)}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800;color:var(--gf-primary);background:var(--gf-primary-soft);padding:.3rem .7rem;border-radius:var(--gf-r-pill)}.section-title{font-size:1.6rem;margin:.6rem 0 .4rem}.section-sub{color:var(--gf-muted);margin:0;max-width:56ch}
