@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&family=Parisienne&display=swap";:root{--paper:#0d0f14;--surface:#2d3c553d;--ink:#f4f1ff;--muted:#8b9aaa;--line:#6482a024;--accent:#ff8d57;--accent-strong:#ff5a36;--gold:#ffd166;--electric:#38e2cc;--berry:#6b8fd7;--success:#45d39f;--danger:#ff5a36;--shadow-soft:0 16px 38px #0a0f1e80;--font-body:"Manrope", sans-serif;--font-display:"Fraunces", serif;--font-brand:"Parisienne", "Fraunces", cursive;--font-signature:"Caveat", "Parisienne", cursive;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 8% 8%,#ff8d571f,#0000 34%),radial-gradient(circle at 88% 12%,#4b82b41f,#0000 30%),radial-gradient(circle at 74% 86%,#38e2cc14,#0000 28%),linear-gradient(165deg,#0a0c11 0%,#0d1419 48%,#0c121a 100%);font-weight:500;line-height:1.5}:root[data-theme=light]{--paper:#fffbf7;--surface:#ffffffd9;--ink:#003087;--muted:#5a6a88;--line:#00308724;--accent:#ef4135;--accent-strong:#c1250d;--gold:#ffd166;--electric:#08c;--berry:#003087;--success:#1f9d75;--danger:#ef4135;--shadow-soft:0 16px 35px #00308729;background:radial-gradient(circle at 8% 8%,#ef413533,#0000 35%),radial-gradient(circle at 88% 12%,#00308726,#0000 28%),radial-gradient(circle at 74% 86%,#0088cc1f,#0000 25%),linear-gradient(160deg,#fffbf7 0%,#f8f5f0 52%,#eef8fb 100%)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 1px 1px,#6482a01f 1px,#0000 0),radial-gradient(circle at 1px 1px,#38e2cc14 1px,#0000 0);background-position:0 0,14px 14px;background-size:28px 28px;position:fixed;inset:0}body:after{content:"";filter:blur(20px);pointer-events:none;z-index:-1;background:radial-gradient(circle at 30% 30%,#ff8d572e,#4b82b41a 70%);border-radius:42% 58% 57% 43%/44% 39% 61% 56%;width:460px;height:460px;animation:14s ease-in-out infinite alternate driftBlob;position:fixed;inset:-20% -10% auto auto}:root[data-theme=light] body:before{opacity:.35;background-image:radial-gradient(circle at 1px 1px,#0030871f 1px,#0000 0),radial-gradient(circle at 1px 1px,#ef41351a 1px,#0000 0)}:root[data-theme=light] body:after{background:radial-gradient(circle at 30% 30%,#ef413559,#00308714 70%)}button{font:inherit}#root{min-height:100vh}@keyframes driftBlob{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-50px,26px)rotate(12deg)}}.app-shell{gap:12px;width:min(1120px,100% - 20px);margin:0 auto;padding:10px 0 16px;display:grid}html{min-height:100%;transition:background-color .9s ease-in-out,color .9s ease-in-out,background .9s ease-in-out}body{transition:background-color .9s ease-in-out,color .9s ease-in-out,background .9s ease-in-out}.theme-transition-overlay{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;inset:0}.theme-transition-overlay[data-theme=to-dark]{background:linear-gradient(90deg,#0f0b1f 0%,#0f0b1ff2 20%,#0f0b1fb3 40%,#fffaf04d 60%,#fffaf0 100%)}.theme-transition-overlay[data-theme=to-light]{background:linear-gradient(90deg,#fffaf0 0%,#fffaf0b3 40%,#0f0b1f4d 60%,#0f0b1ff2 80%,#0f0b1f 100%)}p,h1,h2,h3,h4,h5,span,button,a{transition:color .9s ease-in-out}.settings-drawer,.stats-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:16px;padding:12px;transition:border-color .9s ease-in-out,background .9s ease-in-out,box-shadow .9s ease-in-out}.settings-drawer{opacity:0;max-height:0;padding:0;transition:max-height .3s,opacity .22s,transform .22s,border-color .9s ease-in-out,background .9s ease-in-out,box-shadow .9s ease-in-out;display:grid;overflow:hidden;transform:translateY(-8px)}.settings-drawer.is-open{opacity:1;max-height:260px;box-shadow:var(--shadow-soft), 0 16px 28px #ffd1664d;will-change:transform, box-shadow, opacity;animation:.3s cubic-bezier(.2,.9,.2,1) panelDropGlow;transform:translateY(0)}.settings-drawer-inner{gap:10px;padding:12px;display:grid}.settings-row{grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.settings-row label{color:var(--muted);font-size:.84rem}.settings-row input[type=range]{width:100%}.settings-row strong{color:var(--ink);font-size:.84rem}.stats-panel{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.stats-pill{text-align:center;background:linear-gradient(120deg,#ffffffd6,#fff5e4b8);border:1px solid #7b2cbf29;border-radius:12px;justify-items:center;gap:4px;padding:10px 12px;display:grid}.stats-pill span{color:var(--muted);font-size:.78rem}.stats-pill strong{color:var(--ink);font-size:.84rem;line-height:1.25}.stats-pill--toughest{grid-column:span 1}.stats-pill-toggle{appearance:none;width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(120deg,#ffffffd6,#fff5e4b8);transition:transform .16s,box-shadow .16s,opacity .16s}.stats-pill-toggle:disabled{cursor:not-allowed;opacity:.68}.stats-pill-toggle:not(:disabled):hover{transform:translateY(-1px)}.stats-pill-toggle:not(:disabled):active{transform:translateY(0);box-shadow:0 6px 14px #7b2cbf1f}.stats-pill-toggle:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.weak-terms-pane{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);opacity:0;border-radius:16px;max-height:0;transition:max-height .26s,opacity .2s,transform .2s;overflow:hidden;transform:translateY(-6px)}.weak-terms-pane.is-open{opacity:1;max-height:360px;box-shadow:var(--shadow-soft), 0 16px 28px #ffd1664d;will-change:transform, box-shadow, opacity;animation:.3s cubic-bezier(.2,.9,.2,1) panelDropGlow;transform:translateY(0)}@media (width>=841px){.settings-drawer.is-open,.weak-terms-pane.is-open{box-shadow:var(--shadow-soft), 0 20px 34px #ffd16661;animation-duration:.36s}.weak-terms-pane.is-open .weak-terms-inner{max-height:336px;padding-bottom:16px;overflow-y:auto}}.weak-terms-inner{padding:12px}.weak-terms-actions{justify-content:flex-end;margin-bottom:8px;display:flex}.weak-terms-clear-all{padding:6px 10px;font-size:.72rem}.weak-terms-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.weak-terms-list li{background:linear-gradient(120deg,#ffffffd6,#fff5e4b8);border:1px solid #7b2cbf24;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.weak-term-copy{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.weak-term-fr{color:var(--ink);font-weight:700}.weak-term-en{color:var(--muted)}.weak-terms-empty{color:var(--muted);margin:0;font-size:.84rem}.weak-term-clear{opacity:.72;flex-shrink:0;justify-content:center;justify-self:end;align-items:center;width:40px;height:40px;margin-top:0;padding:0;display:inline-flex}.weak-term-clear svg{fill:none;stroke:#666;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.weak-terms-list li:hover .weak-term-clear,.weak-terms-list li:focus-within .weak-term-clear{opacity:1}.hero-card,.quiz-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;transition:background .9s ease-in-out,border-color .9s ease-in-out,box-shadow .9s ease-in-out;position:relative;overflow:hidden}.hero-card{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:16px;padding:16px;display:grid}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd16670,#ffd16600);border-radius:999px;width:220px;height:220px;position:absolute;inset:auto -12% 80% auto}.quiz-card:before{content:"";pointer-events:none;opacity:.68;transform-origin:100% 0;will-change:transform, opacity, filter;background:radial-gradient(circle,#ffd16670,#ffd16600);border-radius:999px;width:220px;height:220px;transition:transform .86s cubic-bezier(.18,.88,.22,1),opacity .76s;position:absolute;inset:auto -12% 80% auto;transform:translateY(-4px)scale(.96)}.quiz-card.is-option-expanded:before{opacity:1;transform:translate(-14px,18px)scale(1.08)}.hero-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff47,#0000 35%),linear-gradient(300deg,#2ec4b61f,#0000 36%);position:absolute;inset:0}.quiz-card:after{content:"";pointer-events:none;background:linear-gradient(300deg,#2ec4b61f,#0000 36%);position:absolute;inset:0}.hero-card--summary{grid-template-columns:1fr}.hero-card--top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px}.hero-card--top .eyebrow,.hero-card--top .hero-copy{display:none}.hero-card--top h1{background:linear-gradient(90deg, var(--berry), var(--accent), var(--electric));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.1rem,2.4vw,1.5rem);line-height:1.1}.brand-title{align-items:center;gap:.5rem;display:inline-flex}.brand-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.brand-word{letter-spacing:.01em;padding-top:.04em;font-size:.8em;font-weight:400;line-height:1.15;display:inline-block;font-family:var(--font-brand)!important}.brand-flag{background:linear-gradient(90deg,#1a4ba3 0 33.33%,#f6f7fb 33.33% 66.66%,#d13a47 66.66% 100%);border:1px solid #1c1b382e;border-radius:2px;width:1.05em;height:.72em;box-shadow:0 1px 2px #10142433}.hero-card--top .hero-meta{align-items:center;gap:6px;display:flex}.hero-card--top .meta-pill{background:linear-gradient(120deg,#ffffffe6,#ffeed8d9);border:1px solid #7b2cbf33;border-radius:999px;padding:6px 10px}.hero-card--top .meta-pill span{font-size:.72rem}.hero-card--top .meta-pill strong{font-size:.78rem}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.7rem}.hero-card h1,.quiz-card h2{font-family:var(--font-display);color:var(--ink);margin:10px 0 0;font-weight:700;transition:color .9s ease-in-out}.hero-card h1{font-size:clamp(1.9rem,5vw,2.8rem);line-height:.98}.hero-copy{max-width:56ch;color:var(--muted);margin:8px 0 0;font-size:.9rem}.hero-meta,.summary-strip{gap:8px;display:grid}.hero-meta{align-content:start}.meta-pill,.summary-strip>div{background:linear-gradient(120deg,#ffffffd9,#fff2dcb8);border:1px solid #7b2cbf24;border-radius:14px;justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.meta-pill span,.summary-label{color:var(--muted);font-size:.8rem}.meta-pill strong,.summary-strip strong{color:var(--ink);font-size:.88rem}.hero-actions{gap:8px;margin-top:12px;display:flex}.quiz-card{padding:16px}.quiz-header,.footer-bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.header-actions{align-items:center;gap:6px;display:inline-flex}.question-step{color:var(--muted);margin:0 0 4px;font-size:.82rem}.quiz-card h2{font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.2}.progress-track{background:#5b473214;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--berry), var(--accent), var(--gold), var(--electric));height:100%;display:block}.quiz-main-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:start;gap:10px;margin-top:10px;display:grid}.question-card{background:linear-gradient(135deg, #fff0d5eb, #f6eaffad), var(--paper);border:1px solid #7b2cbf2e;border-radius:16px;margin-top:0;padding:14px;box-shadow:inset 0 1px #ffffffb3}.question-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.question-type{color:var(--berry);letter-spacing:.02em;text-transform:capitalize;white-space:nowrap;background:#7b2cbf1f;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.category-chip{color:var(--berry);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(120deg,#7b2cbf29,#2ec4b62e);border-radius:999px;align-items:center;padding:4px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.question-phrase{font-family:var(--font-display);color:var(--ink);margin:8px 0 4px;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.1}.question-phrase-row{align-items:center;gap:8px;display:inline-flex}.question-phrase-row .audio-icon-button{opacity:.85;width:32px;height:32px}.question-phrase-row .audio-icon-button svg{width:17px;height:17px}.question-note,.footer-copy,.option-supporting,.panel-copy,.example-copy,.image-caption{color:var(--muted)}.options-grid{grid-template-columns:1fr;gap:10px;max-height:min(58vh,470px);margin-top:0;padding-right:2px;display:grid;overflow:auto}.options-grid::-webkit-scrollbar{width:8px}.options-grid::-webkit-scrollbar-track{background:#7b2cbf14;border-radius:999px}.options-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--berry), var(--accent));border-radius:999px}.option-card{background:linear-gradient(120deg,#ffffffeb,#fff3e2c7);border:1px solid #7b2cbf29;border-radius:14px;transition:transform .16s,box-shadow .16s;overflow:hidden}.option-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #40198329}.option-button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.option-button:hover{background:linear-gradient(100deg,#7b2cbf14,#ff6b3514)}.option-index{width:28px;height:28px;color:var(--berry);background:linear-gradient(135deg,#fffffff2,#efe8ffe6);border:1px solid #7b2cbf38;border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.option-copy{flex:1}.option-copy h3{color:var(--ink);margin:0;font-size:.98rem;line-height:1.25}.option-supporting{opacity:0;max-height:0;margin:0;font-size:.78rem;line-height:1.25;transition:max-height .22s,opacity .18s,transform .18s,margin-top .22s;overflow:hidden;transform:translateY(-3px)}.option-button:hover .option-supporting,.option-card.is-correct .option-supporting,.option-card.is-incorrect .option-supporting,.option-card.is-expanded .option-supporting{opacity:1;max-height:42px;margin-top:4px;transform:translateY(0)}.option-status{min-width:92px;color:var(--berry);white-space:nowrap;background:linear-gradient(120deg,#7b2cbf1f,#2ec4b61f);border-radius:999px;justify-content:center;align-items:center;padding:6px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.option-card.is-correct{background:linear-gradient(120deg,#eefdf7f2,#e2fff4f2);border-color:#1f9d7566}.option-card.is-correct .option-status{color:var(--success);background:#2d8a5f29}.option-card.is-correct .panel-shell{background:#eefdf799;border-color:#1f9d7559;box-shadow:0 4px 12px #1f9d751a}.option-card.is-correct .panel-heading h4,.option-card.is-correct .term-list{color:var(--success)}.option-card.is-incorrect{background:linear-gradient(120deg,#fff0f1f0,#ffe4e6f0);border-color:#d6283959}.option-card.is-incorrect .option-status{color:var(--danger);background:#b1493d26}.option-card.is-incorrect .panel-shell{background:#fff3f599;border-color:#d6283959;box-shadow:0 4px 12px #d628391a}.option-card.is-incorrect .panel-heading h4,.option-card.is-incorrect .term-list{color:var(--danger)}.option-card.is-expanded{box-shadow:0 14px 24px #7b2cbf33}.panel{margin-top:4px;padding:14px 0 0}.panel-shell{background:linear-gradient(135deg,#f6f3ffcc,#fffaf5d9);border:1px solid #7b2cbf1a;border-radius:14px;padding:16px;position:relative;box-shadow:0 6px 16px #7b2cbf1f}.panel-shell:before{content:"";display:none}.option-card.is-correct .panel-shell:before,.option-card.is-incorrect .panel-shell:before{display:none}.panel-heading{border-bottom:1px solid #7b2cbf0f;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding-bottom:14px;display:flex}.panel-heading h4,.example-block h5,.image-card h5{color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.term-list{color:var(--berry);margin:8px 0 0;font-size:.95rem;font-weight:700}.panel-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:0;display:grid}.example-block,.image-card{background:#fff6;border:1px solid #7b2cbf14;border-radius:10px;padding:12px}.example-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sentence-french{color:var(--ink);margin:7px 0 4px;font-size:.93rem;font-weight:700}.sentence-english{color:var(--muted);margin:0}.image-card{background:radial-gradient(circle at 20% 20%,#ffd166b8,#0000 34%),radial-gradient(circle at 80% 30%,#7b2cbf3d,#0000 28%),linear-gradient(140deg,#ffe8c6,#efe5ff 52%,#dffcf5 100%);flex-direction:column;justify-content:flex-end;min-height:120px;display:flex;position:relative}.image-card--placeholder{text-align:center;justify-content:center;align-items:center;padding:20px}.image-card:after{content:"";border:1px dashed #5b47322e;border-radius:16px;position:absolute;inset:14px}.image-card>*{z-index:1;position:relative}.image-badge{color:var(--berry);letter-spacing:.08em;text-transform:uppercase;background:#ffffffd6;border-radius:999px;align-self:flex-start;margin-bottom:auto;padding:8px 12px;font-size:.8rem;font-weight:700}.image-caption{max-width:18ch;margin:0;font-size:.78rem}.button-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.primary-button{background:linear-gradient(120deg, var(--berry), var(--accent), var(--gold));color:#fff8f1;background-size:180% 180%;animation:4s infinite pulseShift;box-shadow:0 10px 20px #7b2cbf47}.secondary-button,.ghost-button{color:var(--berry);background:linear-gradient(120deg,#7b2cbf1f,#2ec4b624)}.theme-toggle{border:1px solid #7b2cbf4d}.icon-button{transform-origin:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s,background .18s;display:inline-flex}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .18s}.icon-button:hover svg{transform:scale(1.05)}.icon-button:active{transform:scale(.92)rotate(-2deg)}.icon-button:active svg{transform:scale(.94)}.icon-button:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.audio-icon-button{flex:none;width:30px;height:30px}.audio-icon-button svg{width:16px;height:16px}.example-header-row .audio-icon-button{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--berry));background:linear-gradient(135deg, color-mix(in srgb, var(--berry) 28%, white), color-mix(in srgb, var(--accent) 35%, white));width:38px;height:38px;color:color-mix(in srgb, var(--berry) 70%, #10222e);box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 26%, transparent);animation:1.7s ease-in-out infinite audioBeacon}.example-header-row .audio-icon-button svg{width:18px;height:18px}.example-header-row .audio-icon-button:hover{transform:translateY(-1px)scale(1.03)}.example-header-row .audio-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.example-header-row .audio-icon-button:disabled{opacity:.62;animation:none}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#5b47322e;animation:none}.options-grid .option-card{animation:.34s both cardRise}.options-grid .option-card:nth-child(2){animation-delay:50ms}.options-grid .option-card:nth-child(3){animation-delay:90ms}.options-grid .option-card:nth-child(4){animation-delay:.13s}.footer-bar{margin-top:10px}.footer-copy,.question-note,.panel-copy,.sentence-english{font-size:.82rem;line-height:1.3}.signature-note{font-family:var(--font-signature);letter-spacing:.02em;text-transform:none;color:var(--muted);opacity:.58;-webkit-user-select:none;user-select:none;pointer-events:none;place-self:center end;margin:2px 4px 0 0;font-size:.86rem}.signature-note--mobile{white-space:nowrap;margin:0;display:none}:root[data-theme=dark] .meta-pill,:root[data-theme=dark] .summary-strip>div{background:linear-gradient(120deg,#231d42db,#182732cc);border-color:#a293ed42}:root[data-theme=dark] .hero-card--top .meta-pill{background:linear-gradient(120deg,#302656d9,#19303dcc)}:root[data-theme=dark] .settings-drawer,:root[data-theme=dark] .stats-panel{background:linear-gradient(120deg,#231d42db,#182732cc);border-color:#a293ed42}:root[data-theme=dark] .stats-pill{background:linear-gradient(120deg,#302656cc,#19303dc2);border-color:#a293ed3d}:root[data-theme=dark] .weak-terms-pane{background:linear-gradient(120deg,#231d42db,#182732cc);border-color:#a293ed42}:root[data-theme=dark] .weak-terms-list li{background:linear-gradient(120deg,#302656cc,#19303dc2);border-color:#a293ed3d}:root[data-theme=dark] .option-card{background:linear-gradient(120deg,#2b2349e6,#21323fc2);border-color:#a293ed47}:root[data-theme=dark] .option-button:hover{background:linear-gradient(100deg,#b67bff29,#38e2cc1f)}:root[data-theme=dark] .option-index{background:linear-gradient(135deg,#2a2248f0,#233a4ae6);border-color:#b67bff61}:root[data-theme=dark] .option-status{background:linear-gradient(120deg,#b67bff33,#38e2cc2e)}:root[data-theme=dark] .panel-shell{background:linear-gradient(135deg,#231c41e6,#1c2837e0);border-color:#b67bff26;box-shadow:0 6px 18px #00000059}:root[data-theme=dark] .option-card.is-correct .panel-shell{background:linear-gradient(135deg,#12352acc,#142d32bf);border-color:#45d39f4d}:root[data-theme=dark] .option-card.is-correct .panel-shell:before{display:none}:root[data-theme=dark] .option-card.is-correct .panel-heading h4,:root[data-theme=dark] .option-card.is-correct .term-list{color:#7ef0c8}:root[data-theme=dark] .option-card.is-incorrect .panel-shell{background:linear-gradient(135deg,#3c1923cc,#32141ebf);border-color:#ff6b7c4d}:root[data-theme=dark] .option-card.is-incorrect .panel-shell:before{display:none}:root[data-theme=dark] .option-card.is-incorrect .panel-heading h4,:root[data-theme=dark] .option-card.is-incorrect .term-list{color:#ff9aa6}:root[data-theme=dark] .example-block,:root[data-theme=dark] .image-card{background:#181f31c2;border-color:#a293ed33}:root[data-theme=dark] .question-card{background:linear-gradient(135deg, #5032824d, #32506438), var(--paper);border-color:#b67bff33}:root[data-theme=dark] .question-type{color:#b67bff;background:#b67bff33}@media (width<=1120px){.quiz-main-grid{grid-template-columns:1fr;gap:8px}.stats-panel{grid-template-columns:repeat(5,minmax(0,1fr))}.weak-terms-list li{grid-template-columns:minmax(0,1fr)}.weak-term-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;margin-top:0;overflow:visible}}@media (prefers-reduced-motion:reduce){.settings-drawer,.weak-terms-pane,.quiz-card:before,.icon-button,.icon-button svg{transition:none;animation:none}.primary-button,.options-grid .option-card{animation:none}.option-card,.primary-button,.secondary-button,.ghost-button{transition:none}}@media (width<=840px){.app-shell{gap:8px;width:min(100%,100% - 20px);padding-top:8px}.hero-card,.panel-grid,.quiz-header{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.header-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.header-actions .icon-button{width:100%}.hero-card--top{gap:6px;padding:8px 10px}.hero-card--top .hero-copy,.hero-card--top .eyebrow{display:none}.hero-card--top .hero-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.hero-card--top .meta-pill{border-radius:14px;gap:6px;padding:5px 8px}.hero-card--top .meta-pill span{font-size:.68rem}.hero-card--top .meta-pill strong{font-size:.74rem}.hero-card--top h1{font-size:1.1rem}.brand-title{gap:.44rem}.brand-row{justify-content:space-between;width:100%}.signature-note--mobile{opacity:.54;text-align:right;margin:0 0 0 auto;font-size:.6rem;display:block}.signature-note--footer{display:none}.signature-note{opacity:.52;margin-right:2px;font-size:.64rem}.hero-card,.quiz-card,.question-card,.option-button,.panel,.panel-shell{padding-left:18px;padding-right:18px}.question-header{align-items:flex-start}.question-type{display:none}.question-phrase{margin:2px 0 0;font-size:clamp(1.15rem,5.4vw,1.45rem)}.quiz-card{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px));overflow:visible}.footer-bar{z-index:140;box-sizing:border-box;width:100%;max-width:100vw;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #0a0f1e38}.footer-copy{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;margin:0;overflow:hidden}.footer-bar .primary-button{flex:none}.settings-row{grid-template-columns:1fr;gap:8px}.stats-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px}.stats-pill--toughest{grid-column:1/-1}.stats-pill{gap:2px;padding:7px 8px}.stats-pill span{white-space:nowrap;font-size:.7rem;line-height:1.05}.stats-pill strong{font-size:.78rem;line-height:1.15}.stats-pill .secondary-button{padding:6px 10px;font-size:.72rem}.settings-drawer.is-open{max-height:320px}.settings-drawer-inner{padding:10px}.option-button{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.option-copy{min-width:0}.options-grid{grid-template-columns:1fr}.option-supporting{opacity:1;max-height:42px;margin-top:4px;transform:translateY(0)}.option-status{place-self:center end;min-width:88px}.weak-terms-pane.is-open{max-height:min(64vh,520px)}.weak-terms-pane.is-open .weak-terms-inner{max-height:calc(min(64vh,520px) - 20px);overflow-y:auto}.weak-terms-actions{justify-content:flex-end;margin-bottom:8px;display:flex}.weak-terms-list{grid-template-columns:1fr}.weak-terms-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center}.weak-term-copy{grid-template-columns:1fr;gap:4px}.weak-term-clear{opacity:1;margin-top:0}.quiz-card:before{width:180px;height:180px;inset:auto -24% 88% auto;transform:translate(1px,-3px)scale(.93)}.quiz-card.is-option-expanded:before{opacity:.94;transform:translate(-24px,20px)scale(1.05)}}@media (width<=560px){.app-shell{gap:6px;width:min(100%,100% - 14px)}.hero-card,.quiz-card,.question-card,.option-button,.panel,.panel-shell{padding-left:14px;padding-right:14px}.hero-card--top{padding:7px 8px}.hero-card--top .hero-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.hero-card--top .meta-pill{border-radius:10px;padding:4px 7px}.hero-card--top h1{font-size:1rem}.stats-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px}.stats-pill{border-radius:10px;padding:6px 7px}.stats-pill span{white-space:nowrap;font-size:.66rem;line-height:1.05}.stats-pill strong{font-size:.74rem}.stats-pill .secondary-button{padding:5px 8px;font-size:.68rem}.weak-terms-list li{padding:8px 9px}.quiz-card:before{width:160px;height:160px;inset:auto -26% 90% auto;transform:translate(1px,-2px)scale(.92)}.quiz-card.is-option-expanded:before{opacity:.92;transform:translate(-18px,15px)scale(1.03)}}@keyframes cardRise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panelDropGlow{0%{box-shadow:var(--shadow-soft), 0 4px 8px #ffd16614;transform:translateY(-14px)scale(.992)}55%{box-shadow:var(--shadow-soft), 0 22px 36px #ffd16666;transform:translateY(2px)scale(1)}to{box-shadow:var(--shadow-soft), 0 16px 28px #ffd1664d;transform:translateY(0)}}@keyframes pulseShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes audioBeacon{0%,to{box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 0 0 color-mix(in srgb, var(--accent) 20%, transparent)}50%{box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 28%, transparent), 0 0 0 6px color-mix(in srgb, var(--accent) 8%, transparent)}}