.explain-voice{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-raised)}.explain-voice__actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.explain-voice__transcript{width:100%;min-height:4.5rem;margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-field);color:var(--color-text);font:inherit;resize:vertical}.explain-voice__answer{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--mix-p-06);border:1px solid var(--color-border);white-space:pre-wrap;line-height:var(--leading-relaxed)}.explain-voice__auto{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;font-weight:600;display:flex}.explain-voice__auto input{flex-shrink:0;margin-top:3px}.explain-voice__auto-hint{margin:var(--space-2) 0 0;font-size:.82rem;line-height:1.45}.explain-voice__pipeline{margin-top:var(--space-3)}.explain-voice__pipeline-pill{font-weight:700}.explain-reader__body{margin-top:var(--space-4);font-size:var(--text-body);line-height:var(--leading-relaxed);white-space:pre-wrap;max-width:42rem;color:var(--color-text)}.explain-reader__body--comfort{font-size:var(--text-lg);max-width:48rem;line-height:1.75}:root{--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--text-xs:.75rem;--text-sm:.875rem;--text-md:.9375rem;--text-body:1rem;--text-lg:1.125rem;--text-xl:1.28rem;--text-2xl:1.5rem;--text-display:1.65rem;--text-hero:clamp(2rem, 5.5vw, 2.65rem);--leading-tight:1.2;--leading-snug:1.38;--leading-normal:1.5;--leading-relaxed:1.62;--content-max:42rem;--content-wide:48rem;--font-body:"Inter", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", "Noto Sans Arabic", var(--font-body)}html[lang=ar]{--font-body:"Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-display:"Noto Sans Arabic", "Space Grotesk", var(--font-body)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#2dd4bf;--color-primary-light:#5eead4;--color-primary-dark:#14b8a6;--color-primary-container:#2dd4bf24;--color-on-primary-container:#ccfbf1;--color-accent-2:#a78bfa;--color-canvas:#05070b;--color-canvas-tint:#0a0e14;--color-surface:#0f141c;--color-surface-raised:#141b26;--color-border:#243044;--color-border-strong:#334155;--color-field:#0a1018;--color-text:#e8edf4;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-error:#f87171;--color-success:#34d399;--color-warning:#fbbf24;--color-info:#38bdf8;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 4px 20px #00000059;--shadow-md:0 12px 40px #00000073;--shadow-lg:0 24px 64px #0000008c;--shadow-bar:0 4px 24px #00000080, inset 0 1px 0 #ffffff0a;--shadow-float:var(--shadow-lg);--shadow-hover:0 20px 56px #2dd4bf1f;--app-bar-bg:#0f141cd1;--quiz-toolbar-bg:#0f141ceb;--modal-backdrop:#02060cb8;--overlay-bg:#02060c8c;--modal-shadow:0 -12px 48px #0000008c;--shell-a:#2dd4bf1f;--shell-b:#a78bfa1a;--shell-c:#38bdf80f;--shell-vignette:#0f141ce6;--shell-grid:#94a3b80a;--hub-header-1:#2dd4bf14;--hub-header-2:#0f141cf2;--hub-header-3:#05070b66;--splash-grad:linear-gradient(165deg, #0c1220 0%, #06080c 45%, #030508 100%);--splash-glow-1:#2dd4bf38;--splash-glow-2:#a78bfa1f;--splash-before:#38bdf81f;--splash-orbit:#2dd4bf33;--splash-orbit-glow:#2dd4bf0a;font-family:var(--font-body);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#0d9488;--color-primary-light:#14b8a6;--color-primary-dark:#0f766e;--color-primary-container:#0d948824;--color-on-primary-container:#134e4a;--color-accent-2:#7c3aed;--color-canvas:#f1f5f9;--color-canvas-tint:#f8fafc;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-field:#f8fafc;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-error:#dc2626;--color-success:#059669;--color-warning:#d97706;--color-info:#0284c7;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 4px 16px #0f172a14;--shadow-md:0 12px 32px #0f172a1a;--shadow-lg:0 20px 48px #0f172a1f;--shadow-bar:0 4px 20px #0f172a0f, inset 0 1px 0 #ffffffeb;--shadow-float:var(--shadow-lg);--shadow-hover:0 16px 40px #0d948824;--app-bar-bg:#ffffffdb;--quiz-toolbar-bg:#fffffff0;--modal-backdrop:#0f172a73;--overlay-bg:#0f172a59;--modal-shadow:0 -12px 48px #0f172a1f;--shell-a:#0d94881f;--shell-b:#7c3aed14;--shell-c:#0284c714;--shell-vignette:#f8fafcf5;--shell-grid:#0f172a0f;--hub-header-1:#0d94881a;--hub-header-2:#fffffff7;--hub-header-3:#f1f5f999;--splash-grad:linear-gradient(165deg, #fff 0%, #f8fafc 48%, #f1f5f9 100%);--splash-glow-1:#0d94882e;--splash-glow-2:#7c3aed1a;--splash-before:#0284c71a;--splash-orbit:#0d948838;--splash-orbit-glow:#0d94880f;font-family:var(--font-body);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased}html[data-theme=dark],html[data-theme=light]{--mix-p-06:color-mix(in srgb, var(--color-primary) 6%, transparent);--mix-p-08:color-mix(in srgb, var(--color-primary) 8%, transparent);--mix-p-10:color-mix(in srgb, var(--color-primary) 10%, transparent);--mix-p-12:color-mix(in srgb, var(--color-primary) 12%, transparent);--mix-p-20:color-mix(in srgb, var(--color-primary) 20%, transparent);--mix-p-22:color-mix(in srgb, var(--color-primary) 22%, transparent);--mix-p-25:color-mix(in srgb, var(--color-primary) 25%, transparent);--mix-p-28:color-mix(in srgb, var(--color-primary) 28%, transparent);--mix-p-30:color-mix(in srgb, var(--color-primary) 30%, transparent);--mix-p-35:color-mix(in srgb, var(--color-primary) 35%, transparent);--mix-p-38:color-mix(in srgb, var(--color-primary) 38%, transparent);--mix-p-40:color-mix(in srgb, var(--color-primary) 40%, transparent);--mix-p-45:color-mix(in srgb, var(--color-primary) 45%, transparent);--mix-p-50:color-mix(in srgb, var(--color-primary) 50%, transparent);--mix-p-55:color-mix(in srgb, var(--color-primary) 55%, transparent);--mix-e-10:color-mix(in srgb, var(--color-error) 10%, transparent);--mix-e-12:color-mix(in srgb, var(--color-error) 12%, transparent);--mix-e-28:color-mix(in srgb, var(--color-error) 28%, transparent);--mix-e-35:color-mix(in srgb, var(--color-error) 35%, transparent);--mix-s-14:color-mix(in srgb, var(--color-success) 14%, transparent);--mix-s-35:color-mix(in srgb, var(--color-success) 35%, transparent);--mix-n-10:color-mix(in srgb, var(--color-text-tertiary) 10%, transparent);--mix-n-25:color-mix(in srgb, var(--color-text-tertiary) 25%, transparent);--icon-btn-hover:var(--mix-p-10);--code-inline-bg:var(--mix-p-08);--selection-bg:var(--mix-p-28);--btn-primary-text:#020617}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}::selection{background:var(--selection-bg);color:var(--color-text)}a{color:var(--color-primary-light);text-underline-offset:2px}a:hover{color:var(--color-primary)}.app-shell{background-color:var(--color-canvas);background-image:radial-gradient(ellipse 110% 70% at 50% -35%, var(--shell-a), transparent 58%), radial-gradient(ellipse 55% 45% at 100% -5%, var(--shell-b), transparent 52%), radial-gradient(ellipse 50% 40% at 0% 100%, var(--shell-c), transparent 50%), linear-gradient(180deg, var(--shell-vignette) 0%, transparent 42%), repeating-linear-gradient(90deg, transparent, transparent 47px, var(--shell-grid) 47px, var(--shell-grid) 48px), repeating-linear-gradient(0deg, transparent, transparent 47px, var(--shell-grid) 47px, var(--shell-grid) 48px);background-size:auto,auto,auto,auto,48px 48px,48px 48px;flex-direction:column;min-height:100vh;display:flex}.app-shell--relative{position:relative}.app-shell--splash .splash{flex:1}.app-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));background:var(--app-bar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.3);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-bar);z-index:20;display:flex;position:sticky;top:0}.app-bar h1{font-size:var(--text-lg);letter-spacing:-.03em;font-weight:600;font-family:var(--font-display);margin:0}.page-title{color:var(--color-text);letter-spacing:-.03em;font-weight:600;line-height:var(--leading-tight);font-family:var(--font-display);margin:0}.page-title--bar{min-width:0;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.page-title--section{font-size:var(--text-xl);letter-spacing:-.035em;font-weight:700}.sticky-top-bar .page-title--bar{text-align:start}.sticky-top-bar{flex-wrap:nowrap}.app-bar__actions{align-items:center;gap:2px;display:flex}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:42px;height:42px;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .1s;display:inline-flex}.icon-btn:hover{background:var(--icon-btn-hover)}.icon-btn:active{transform:scale(.96)}.page-eyebrow{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2);font-weight:700;font-family:var(--font-display);display:block}.muted{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.muted code,p .muted code{background:var(--code-inline-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;padding:2px 7px;font-size:.88em}.text-balance{text-wrap:balance}.page-padding{width:100%;max-width:var(--content-wide);padding:var(--space-5) max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));padding-bottom:max(var(--space-7), env(safe-area-inset-bottom));margin:0 auto}.page-padding--narrow{max-width:var(--content-max)}.page-padding--col{flex-direction:column;align-items:stretch;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--tight{gap:var(--space-3)}.stack--relaxed{gap:var(--space-5)}.list-section{width:100%;max-width:var(--content-wide);padding:0 max(var(--space-4), env(safe-area-inset-left)) var(--space-7);padding-right:max(var(--space-4), env(safe-area-inset-right));margin:0 auto}.list-section__head{gap:var(--space-3);padding:var(--space-5) 0 var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);flex-direction:column;display:flex}.list-section__head-main{gap:var(--space-2);flex-direction:column;display:flex}.list-section__title{font-size:var(--text-2xl);letter-spacing:-.04em;color:var(--color-text);font-weight:700;font-family:var(--font-display);margin:0}.list-section__meta{font-size:var(--text-sm);line-height:var(--leading-snug);max-width:36rem;margin:0}.empty-state{text-align:center;padding:var(--space-7) var(--space-4);max-width:26rem;margin:0 auto}.empty-state__icon{width:88px;height:88px;margin:0 auto var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--color-surface-raised) 0%, var(--color-surface) 100%);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.state-block{padding:var(--space-7) var(--space-4);justify-content:center;display:flex}.state-block--compact{padding:var(--space-6) var(--space-4)}.btn:focus-visible,.icon-btn:focus-visible,.lecture-row:focus-visible,.hub-tile:focus-visible:not(:disabled),.option:focus-visible,.chip:focus-visible,a.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lecture-row:focus-visible:not(:disabled){border-color:var(--mix-p-55)}.hub-tile:focus-visible{border-color:var(--mix-p-50)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);font-weight:600;font-size:var(--text-md);cursor:pointer;font-family:var(--font-body);border:none;padding:13px 22px;text-decoration:none;transition:filter .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn--primary{color:var(--btn-primary-text);background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 45%, var(--color-primary-dark) 100%);box-shadow:0 4px 22px var(--mix-p-35), inset 0 1px 0 #ffffff47}.btn--primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 8px 28px var(--mix-p-45)}.fab-row .btn--primary{border-radius:var(--radius-full);box-shadow:0 12px 36px var(--mix-p-40), inset 0 1px 0 #ffffff4d;padding:14px 22px}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.btn--outline{color:var(--color-primary-light);border:1.5px solid var(--mix-p-45);box-shadow:none;background:0 0}.btn--outline:hover:not(:disabled){background:var(--color-primary-container);border-color:var(--color-primary)}.btn--tonal{background:linear-gradient(180deg, var(--mix-p-12) 0%, var(--mix-p-06) 100%);color:var(--color-on-primary-container);border:1px solid var(--mix-p-22)}.btn--compact{font-size:var(--text-xs);border-radius:var(--radius-full);padding:7px 14px}.app-icon{flex-shrink:0;display:block}.app-icon--primary{filter:brightness(0)saturate()invert(84%)sepia(21%)saturate(900%)hue-rotate(122deg)brightness(98%)contrast(95%)}.app-icon--muted{opacity:.78;filter:brightness(0)invert()}.app-icon--on-primary{filter:brightness(0)invert()}.fab-row{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:30;position:fixed}.card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.panel{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-5);max-width:var(--content-max);margin:0 auto}.panel--soft{background:linear-gradient(180deg, var(--color-surface-raised) 0%, var(--color-surface) 100%)}.card-list{gap:var(--space-2);flex-direction:column;width:100%;padding:0 0 96px;display:flex}.card-list--embedded{padding:0}.lecture-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lecture-row:disabled{opacity:.65;cursor:default}.lecture-row__icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.lecture-row__pending{font-size:1.15rem;line-height:1}.lecture-row__body{flex:1;min-width:0}.lecture-row__title{font-weight:600;font-size:var(--text-md);letter-spacing:-.02em;color:var(--color-text);line-height:var(--leading-snug);font-family:var(--font-display)}.lecture-row__meta{align-items:center;gap:var(--space-2);row-gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.lecture-row__course{color:var(--color-text-tertiary);letter-spacing:.02em;font-weight:500}.lecture-row__badge{border-radius:var(--radius-full);font-size:.65rem;font-weight:700;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;align-items:center;padding:3px 9px;display:inline-flex}.lecture-row__badge.status-ready{border-color:var(--mix-s-35)}.lecture-row__badge.status-processing{border-color:var(--mix-p-35)}.lecture-row__badge.status-failed{border-color:var(--mix-e-35)}.lecture-row__badge.status-other{border-color:var(--mix-n-25)}.lecture-row__error{min-width:0;color:var(--color-error);text-overflow:ellipsis;white-space:nowrap;flex:100%;font-weight:500;overflow:hidden}.lecture-row__rail{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.lecture-row__delete{opacity:.85}.lecture-row__delete:hover{opacity:1}.lecture-row__chev{color:var(--color-text-tertiary);text-align:center;width:1.25rem;font-size:1.35rem;font-weight:300;line-height:1}.lecture-row:not(:disabled):hover{box-shadow:var(--shadow-hover);border-color:var(--mix-p-35);transform:translateY(-2px)}.lecture-row:not(:disabled){transition:transform .18s,box-shadow .18s,border-color .18s}.history-quiz-row{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;width:100%;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;overflow:hidden}.history-quiz-row:hover{box-shadow:var(--shadow-hover);border-color:var(--mix-p-35);transform:translateY(-2px)}.history-quiz-row__main{align-items:center;gap:var(--space-4);padding:var(--space-4);cursor:pointer;text-align:left;width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border:none;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.history-quiz-row__main:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.history-quiz-row .lecture-row__rail{padding:0 var(--space-3);border-left:1px solid var(--color-border);background:var(--color-surface)}.status-ready{background:var(--mix-s-14);color:var(--color-success)}.status-processing{background:var(--mix-p-12);color:var(--color-primary-light)}.status-failed{background:var(--mix-e-12);color:var(--color-error)}.status-other{background:var(--mix-n-10);color:var(--color-text-secondary)}.field{border-radius:var(--radius);border:1px solid var(--color-border-strong);background:var(--color-field);width:100%;color:var(--color-text);font:inherit;font-size:var(--text-md);padding:13px 16px;transition:border-color .15s,box-shadow .15s}.field:hover{border-color:var(--mix-p-40)}.field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--mix-p-20);outline:none}.hub-header{padding:var(--space-4) max(var(--space-4), env(safe-area-inset-left)) var(--space-5);padding-right:max(var(--space-4), env(safe-area-inset-right));background:linear-gradient(155deg, var(--hub-header-1) 0%, var(--hub-header-2) 42%, var(--hub-header-3) 100%);border-bottom:1px solid var(--color-border);position:relative}.hub-header__inner{max-width:var(--content-wide);margin:0 auto}.hub-header__row{align-items:flex-start;gap:var(--space-3);display:flex}.hub-header__body{flex:1;min-width:0}.hub-header__title{font-size:var(--text-xl);letter-spacing:-.04em;font-weight:700;line-height:var(--leading-tight);color:var(--color-text);font-family:var(--font-display);margin:0}.hub-header__subtitle{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.hub-header__course{margin:var(--space-3) 0 0;border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-2);font-weight:700;font-family:var(--font-display);background:#a78bfa1f;border:1px solid #a78bfa47;align-items:center;padding:4px 12px;display:inline-flex}.hub-back{flex-shrink:0;margin-top:2px}.hub-tile{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;margin-bottom:var(--space-3);transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.hub-tile:hover{box-shadow:var(--shadow-lg);border-color:var(--mix-p-30);transform:translateY(-3px)}.hub-tile__glyph{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.hub-tile__glyph--quiz{background:linear-gradient(145deg, var(--mix-p-20) 0%, color-mix(in srgb, var(--color-primary-dark) 10%, transparent) 100%)}.hub-tile__glyph--walk{background:linear-gradient(145deg,#a78bfa2e 0%,#8b5cf60f 100%)}.hub-tile__glyph--classroom{background:linear-gradient(145deg,#38bdf82e 0%,#0ea5e90f 100%)}.hub-tile__glyph--ask{background:linear-gradient(145deg,#f472b624 0%,#db27770f 100%)}.hub-tile__content{flex:1;min-width:0}.hub-tile__title{font-weight:600;font-size:var(--text-md);letter-spacing:-.02em;color:var(--color-text);font-family:var(--font-display)}.hub-tile__desc{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.hub-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.hub-section__label{margin:0 0 var(--space-2);font-size:var(--text-sm);letter-spacing:-.01em;color:var(--color-text);font-weight:700;font-family:var(--font-display)}.hub-section__hint{margin:0 0 var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary)}.quiz-layout{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.quiz-toolbar{align-items:stretch;gap:var(--space-3);padding:var(--space-4) max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));background:var(--quiz-toolbar-bg);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.quiz-toolbar__primary,.quiz-toolbar__secondary{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.quiz-pager{align-items:center;gap:var(--space-2);padding:var(--space-3) max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));flex-wrap:wrap;display:flex}.pill{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 50%, var(--color-primary-dark) 100%);min-height:36px;color:var(--btn-primary-text);font-weight:700;font-size:var(--text-xs);letter-spacing:.04em;box-shadow:0 2px 12px var(--mix-p-28);font-family:var(--font-display);justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.pill--muted{background:var(--color-surface-raised);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:none;font-weight:600}.pill--sm{min-height:30px;padding:3px 11px;font-size:.7rem;font-weight:700}.question-stem,.qa-stem-display,.qa-answer-body,.lecex-user-text,.quiz-bank-stem,.explain-reader__body{text-align:start;word-break:break-word;unicode-bidi:plaintext}.question-stem{font-weight:600;font-size:var(--text-body);margin:0 0 var(--space-5);line-height:var(--leading-relaxed);letter-spacing:-.02em;color:var(--color-text);font-family:var(--font-display)}.quiz-meta-row{width:100%;margin-top:var(--space-2);font-size:var(--text-xs);display:block}.option{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;background:var(--color-field);color:var(--color-text);text-align:start;word-break:break-word;width:100%;font:inherit;unicode-bidi:plaintext;transition:border-color .15s,background .15s,box-shadow .15s}.option:hover{border-color:var(--mix-p-40)}.option--selected{border-color:var(--color-primary);background:var(--mix-p-10);box-shadow:0 0 0 1px var(--mix-p-25)}.quiz-share-panel-wrap{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.quiz-share-panel{max-width:40rem;padding:var(--space-5) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(165deg, var(--color-surface-raised) 0%, var(--color-surface) 55%, var(--color-surface) 100%);box-shadow:var(--shadow-md);margin:0 auto}.quiz-share-panel__header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.quiz-share-panel__header-icon{border-radius:var(--radius-lg);border:1px solid var(--mix-p-25);background:linear-gradient(145deg,#ff5b0424 0%,#ff5b040d 100%);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.quiz-share-panel__header-text{min-width:0}.quiz-share-panel__title{margin:0 0 var(--space-2);font-size:var(--text-lg);letter-spacing:-.03em;font-weight:700;font-family:var(--font-display);color:var(--color-text)}.quiz-share-panel__subtitle{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.quiz-share-panel__callout{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary)}.quiz-share-panel__callout strong{color:var(--color-text);font-weight:700}.quiz-share-panel__steps{gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.quiz-share-panel__step{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:flex-start;display:grid}.quiz-share-panel__step--highlight{padding:var(--space-4);margin:0 calc(-1 * var(--space-2));border-radius:var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--mix-p-20)}.quiz-share-panel__step-badge{border-radius:var(--radius-full);width:28px;height:28px;font-size:.8rem;font-weight:800;font-family:var(--font-display);color:var(--btn-primary-text);background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 55%, var(--color-primary-dark) 100%);box-shadow:0 2px 8px var(--mix-p-28);justify-content:center;align-items:center;display:flex}.quiz-share-panel__step-body{min-width:0}.quiz-share-panel__step-title{margin:0 0 var(--space-2);font-size:var(--text-sm);letter-spacing:-.02em;font-weight:700;font-family:var(--font-display);color:var(--color-text)}.quiz-share-panel__step-hint{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.quiz-share-panel__summary{gap:var(--space-2);margin:0;display:grid}.quiz-share-panel__summary-row{gap:var(--space-3);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-field);border:1px solid var(--color-border);grid-template-columns:7rem minmax(0,1fr);display:grid}@media (width<=520px){.quiz-share-panel__summary-row{gap:var(--space-1);grid-template-columns:1fr}}.quiz-share-panel__summary-row dt{color:var(--color-text-secondary);margin:0;font-weight:600}.quiz-share-panel__summary-row dd{color:var(--color-text);margin:0;font-weight:600}.quiz-share-panel__fields{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}@media (width>=560px){.quiz-share-panel__fields{grid-template-columns:1fr 1fr;align-items:end}}.quiz-share-panel__label{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);flex-direction:column;font-weight:600;display:flex}.quiz-share-panel__field-hint{color:var(--color-text-secondary);opacity:.9;font-weight:500}.quiz-share-panel__generate{width:100%;max-width:20rem}.quiz-share-panel__err{margin-top:var(--space-3)}.quiz-share-panel__expires{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text);font-weight:600}.quiz-share-panel__expires time{color:var(--color-primary);font-weight:700}.quiz-share-panel__result{gap:var(--space-5);align-items:start;display:grid}@media (width>=540px){.quiz-share-panel__result{grid-template-columns:auto minmax(0,1fr)}}.quiz-share-panel__qr-wrap{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);background:#fff;justify-self:start}.quiz-share-panel__qr-btn{cursor:zoom-in;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.quiz-share-panel__qr-btn img{display:block}.quiz-share-panel__qr-zoom{background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--modal-shadow);border-radius:var(--radius-lg);padding:var(--space-4);align-items:center;gap:var(--space-4);flex-direction:column;width:auto;max-width:min(92vw,420px);display:flex}.quiz-share-panel__qr-zoom img{border-radius:var(--radius);border:1px solid var(--color-border);width:min(80vw,360px);max-width:360px;height:min(80vw,360px);max-height:360px;padding:var(--space-3);background:#fff}.quiz-share-panel__qr-close{width:100%}.quiz-share-panel__toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-full);z-index:120;box-shadow:var(--shadow-md);padding:10px 14px;font-size:.82rem;font-weight:600;position:fixed;transform:translate(-50%)}.quiz-share-panel__url-block{min-width:0}.quiz-share-panel__url-field{margin-bottom:var(--space-3);resize:vertical;min-height:4.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.4}.ai-loading{text-align:center;padding:var(--space-4)}.ai-loading__msg{margin:var(--space-3) 0 0;color:var(--color-text-secondary);max-width:22rem;font-size:var(--text-sm);margin-left:auto;margin-right:auto}.modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-backdrop--center{padding:var(--space-4);align-items:center}.modal{background:var(--color-surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:520px;padding:var(--space-5) var(--space-5) max(var(--space-5), env(safe-area-inset-bottom));max-height:88vh;box-shadow:var(--modal-shadow);border:1px solid var(--color-border);overflow:auto}.modal h3{margin:0 0 var(--space-2);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700;font-family:var(--font-display)}.confirm-dialog.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto}.confirm-dialog__actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;justify-content:flex-end;display:flex}.overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;padding:var(--space-5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-field);color:var(--color-text);cursor:pointer;font:inherit;font-size:var(--text-sm);padding:8px 14px;font-weight:550;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--mix-p-40)}.chip--on{background:var(--color-primary-container);border-color:var(--mix-p-45);color:var(--color-on-primary-container);font-weight:600}.error-text{color:var(--color-error)}.inline-notice{margin:0 max(var(--space-4), env(safe-area-inset-left)) var(--space-3);margin-right:max(var(--space-4), env(safe-area-inset-right));padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--mix-p-10);color:var(--color-on-primary-container);font-size:var(--text-sm);max-width:var(--content-wide);width:calc(100% - 2 * var(--space-4));box-sizing:border-box;border:1px solid var(--mix-p-22);margin-left:auto;margin-right:auto}.error-banner{margin:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--mix-e-10);border:1px solid var(--mix-e-28);color:var(--color-error);font-size:var(--text-sm);max-width:var(--content-wide)}.lecture-blocked{margin-top:0}.form-stack{gap:var(--space-5);flex-direction:column;display:flex}.theme-segmented{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-field);max-width:100%;margin-top:var(--space-4);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.theme-segmented__btn{border-radius:calc(var(--radius-sm) - 1px);min-width:5.5rem;color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;flex:1;padding:9px 16px;font-weight:600;transition:background .15s,color .15s}.theme-segmented__btn:hover{color:var(--color-text);background:var(--mix-p-06)}.theme-segmented__btn--on{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-xs)}.theme-segmented__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lang-segmented__stack{flex-direction:column;align-items:center;gap:2px;line-height:1.25;display:flex}.lang-segmented__stack .lang-segmented__sub{opacity:.88;font-size:.72rem;font-weight:500}.form-stack label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;display:block}.form-stack .field,.form-stack input[type=password],.form-stack input[type=text]:not([hidden]){margin-top:var(--space-2);width:100%}.settings-shortcut{margin-top:var(--space-2)}.settings-shortcut .lecture-row{padding:var(--space-3) var(--space-4);box-shadow:none;border-radius:var(--radius)}.upload-drop{margin-top:var(--space-5)}.upload-file-preview{gap:var(--space-4);align-items:center;display:flex}.upload-file-preview__icon{padding:var(--space-3);border-radius:var(--radius);background:var(--mix-p-12);flex-shrink:0}.error-boundary-root{padding:max(var(--space-6), env(safe-area-inset-top)) var(--space-5);box-sizing:border-box;flex-direction:column;justify-content:center;max-width:32rem;min-height:100vh;margin:0 auto;display:flex}.error-boundary-root__trace{white-space:pre-wrap;font-size:var(--text-sm);background:var(--color-field);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border);margin:var(--space-4) 0;color:var(--color-text-secondary)}.brand-wordmark{font-family:var(--font-display);letter-spacing:-.06em;white-space:nowrap;font-weight:700;line-height:1.08}.brand-wordmark--bar{font-size:1.26rem}.brand-wordmark--display{font-size:var(--text-hero);display:inline-block}.brand-wordmark__slide{color:var(--color-text)}.brand-wordmark__wise{background:linear-gradient(120deg, var(--color-primary-light) 0%, var(--color-accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.splash{min-height:100vh;padding:var(--space-5);background:radial-gradient(ellipse 90% 65% at 50% -5%, var(--splash-glow-1), transparent 58%), radial-gradient(ellipse 50% 45% at 85% 15%, var(--splash-glow-2), transparent 55%), var(--splash-grad);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.splash:before{content:"";background:radial-gradient(circle at 40% 20%, var(--splash-before), transparent 55%);pointer-events:none;height:85vh;position:absolute;inset:-40% -20% auto}.splash__inner{z-index:1;text-align:center;max-width:26rem;position:relative}.splash__orbit{border:1px solid var(--splash-orbit);width:210px;height:210px;box-shadow:0 0 0 12px var(--splash-orbit-glow);pointer-events:none;border-radius:50%;margin-top:-28px;margin-left:-105px;position:absolute;top:0;left:50%}.splash__card{background:linear-gradient(155deg, var(--color-surface-raised) 0%, var(--color-surface) 100%);border:1px solid var(--color-border);width:104px;height:104px;box-shadow:var(--shadow-float);margin:0 auto var(--space-6);z-index:1;border-radius:22px;justify-content:center;align-items:center;display:flex;position:relative}.splash__title{letter-spacing:-.05em;font-weight:700;line-height:1.05;font-family:var(--font-display);margin:0}.splash__tagline{text-align:center;color:var(--color-text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed);max-width:22rem;margin:var(--space-4) auto var(--space-6)}.splash__loader{justify-content:center;display:flex}.splash h1{font-size:inherit}html[data-theme=light] .app-icon--muted{opacity:.72;filter:none}html[data-theme=light] .app-icon--primary{filter:brightness(0)saturate()invert(38%)sepia(72%)saturate(602%)hue-rotate(129deg)brightness(94%)contrast(97%)}.qa-study-card summary{cursor:pointer;list-style:none}.qa-study-card summary::-webkit-details-marker{display:none}.qa-summary-row{gap:var(--space-3);align-items:flex-start;display:flex}.qa-stem-display{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-snug);color:var(--color-text);flex:1}.qa-answer-block{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.qa-model-label{font-size:var(--text-sm);margin-bottom:var(--space-2);font-weight:600}.qa-answer-body{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text);white-space:pre-wrap;margin:0}.ask-page__section{max-width:42rem}.ask-page__intro{margin:var(--space-3) 0 0;line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.ask-page__block{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-raised)}.ask-page__block-title{margin:0 0 var(--space-2);font-size:var(--text-md);font-weight:700;font-family:var(--font-display);color:var(--color-text)}.ask-page__block .explain-voice{margin-top:var(--space-3);background:0 0;border:none;padding:0}.ask-page__results{max-width:42rem}