@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Work+Sans:wght@400;500;600;700&display=swap);:root{--font-heading:"Space Grotesk","Trebuchet MS",sans-serif;--font-body:"Work Sans","Segoe UI",sans-serif;--text-h1:3rem;--text-h2:2rem;--text-h3:1.375rem;--text-large:1.125rem;--text-body:1rem;--text-small:0.875rem;--text-tiny:0.75rem;--leading-h1:1.1;--leading-h2:1.2;--leading-h3:1.35;--leading-body:1.65;--leading-small:1.45;--color-primary:#0f6c5a;--color-primary-hover:#0b5748;--color-primary-strong:#08453a;--color-primary-light:#0f6c5a1f;--color-success:#2c8f57;--color-success-light:#2c8f571f;--color-warning:#c97923;--color-warning-light:#c9792324;--color-danger:#c4493f;--color-danger-light:#c4493f24;--color-info:#2e6da4;--color-info-light:#2e6da424;--color-text:#1e2933;--color-text-muted:#5f6f7d;--color-text-subtle:#7e8c99;--color-surface:#fffcf7e0;--color-surface-strong:#fffdf9;--color-surface-muted:#f5efe6;--color-surface-accent:#f0f7f4;--color-border:#4557652e;--color-border-strong:#45576547;--color-nav-bg:#121d24d6;--page-bg-start:#f6efe4;--page-bg-mid:#fbf8f2;--page-bg-end:#eef6f1;--hero-accent:#0f6c5a29;--hero-accent-strong:#c979232e;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--max-content-width:1180px;--page-padding:24px;--radius-card:24px;--radius-panel:20px;--radius-button:14px;--radius-input:16px;--radius-full:999px;--shadow-card:0 18px 50px #1f293714;--shadow-card-hover:0 24px 60px #1f293724;--shadow-soft:0 10px 30px #1f293714;--button-height:46px;--button-height-compact:38px;--nav-link-height:42px;--transition-fast:180ms ease;--transition-medium:260ms ease;--feed-bg-start:#0e4b40;--feed-bg-mid:#1e5f69;--feed-bg-end:#12354f;--feed-text:#fffffff0;--feed-text-muted:#ffffffad;--feed-border:#ffffff2e;--feed-surface:#ffffff1f;--feed-surface-hover:#ffffff2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#c9792324,#0000 28%),radial-gradient(circle at top right,#0f6c5a1f,#0000 26%),linear-gradient(180deg,#f6efe4,#fbf8f2 48%,#eef6f1);background:radial-gradient(circle at top left,#c9792324,#0000 28%),radial-gradient(circle at top right,#0f6c5a1f,#0000 26%),linear-gradient(180deg,var(--page-bg-start) 0,var(--page-bg-mid) 48%,var(--page-bg-end) 100%);color:#1e2933;color:var(--color-text);font-family:Work Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-body);line-height:1.65;line-height:var(--leading-body);margin:0}#root{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Trebuchet MS,sans-serif;font-family:var(--font-heading);font-weight:700;letter-spacing:-.03em;margin:0}h1{font-size:3rem;font-size:var(--text-h1);line-height:1.1;line-height:var(--leading-h1)}h2{font-size:2rem;font-size:var(--text-h2);line-height:1.2;line-height:var(--leading-h2)}h3{font-size:1.375rem;font-size:var(--text-h3);line-height:1.35;line-height:var(--leading-h3)}ol,p,ul{margin:0}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}:focus-visible{outline:3px solid #0f6c5a47;outline-offset:2px}.app-shell{min-height:100vh}.app-shell--none{background:#0000}.app-main{width:100%}.page-content{margin:0 auto;padding:2rem 24px 3rem;padding:var(--space-8) var(--page-padding) var(--space-12);width:min(100%,1180px);width:min(100%,var(--max-content-width))}.page-content--bare{max-width:none;padding:0;width:100%}.nav{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121d24d6;background:var(--color-nav-bg);border:1px solid #ffffff14;border-radius:999px;box-shadow:0 18px 40px #0a10182e;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;margin:1rem auto 0;margin:var(--space-4) auto 0;padding:.75rem;padding:var(--space-3);position:-webkit-sticky;position:sticky;top:0;width:min(calc(100% - 48px),1180px);width:min(calc(100% - var(--page-padding)*2),var(--max-content-width));z-index:40}.nav__brand{gap:.75rem;gap:var(--space-3);min-width:0}.nav__brand,.nav__brand-mark{align-items:center;display:inline-flex}.nav__brand-mark{background:linear-gradient(135deg,#f7c484,#f5f1d3 45%,#72c0ad);border-radius:14px;color:#08453a;color:var(--color-primary-strong);font-family:Space Grotesk,Trebuchet MS,sans-serif;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;height:42px;justify-content:center;width:42px}.nav__brand-copy{min-width:0}.nav__brand-title{color:#f9fafb;font-size:.98rem}.nav__brand-subtitle{color:#ffffffa6;font-size:.75rem;font-size:var(--text-tiny)}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.nav-link{align-items:center;border-radius:999px;color:#ffffffbd;display:inline-flex;font-size:.875rem;font-size:var(--text-small);font-weight:500;min-height:42px;min-height:var(--nav-link-height);padding:0 1rem;padding:0 var(--space-4);text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.nav-link:hover{background:#ffffff14;color:#fff;transform:translateY(-1px)}.nav-link--active{background:#ffffff1f;color:#fff}.nav-link--highlight{color:#ffd39e}.nav__actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.nav__user{align-items:flex-end;color:#f8fafc;display:inline-flex;flex-direction:column;line-height:1.15}.nav__user-name{font-size:.875rem;font-size:var(--text-small);font-weight:600}.nav__user-role{color:#fff9;font-size:.75rem;font-size:var(--text-tiny)}.hamburger-btn{align-items:center;background:linear-gradient(135deg,#0f6c5a,#2e6da4);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-info) 100%);border:none;border-radius:50%;bottom:24px;box-shadow:0 16px 34px #0a101847;cursor:pointer;display:none;flex-direction:column;gap:5px;height:56px;justify-content:center;position:fixed;right:24px;width:56px;z-index:1001}.hamburger-line{background:#fff;border-radius:999px;height:2px;transition:transform .18s ease,opacity .18s ease;transition:transform var(--transition-fast),opacity var(--transition-fast);width:22px}.hamburger-btn--open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn--open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn--open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172361;display:none;inset:0;position:fixed;z-index:999}.mobile-menu{background:#fffdf9f5;border:1px solid #45576529;border-radius:28px;bottom:96px;box-shadow:0 20px 50px #0a101833;display:none;opacity:0;padding:1rem;padding:var(--space-4);pointer-events:none;position:fixed;right:24px;transform:translateY(12px) scale(.96);transition:transform .18s ease,opacity .18s ease;transition:transform var(--transition-fast),opacity var(--transition-fast);width:min(320px,calc(100vw - 32px));z-index:1000}.mobile-menu--open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.mobile-menu-links{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.mobile-menu-link{background:#0000;border-radius:16px;color:#1e2933;color:var(--color-text);display:block;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none}.mobile-menu-link--active,.mobile-menu-link:hover{background:#0f6c5a1f;background:var(--color-primary-light);color:#08453a;color:var(--color-primary-strong)}.mobile-menu-link--highlight{color:#c97923;color:var(--color-warning)}.mobile-menu-logout{width:100%}.btn{align-items:center;border:1px solid #0000;border-radius:14px;border-radius:var(--radius-button);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;min-height:46px;min-height:var(--button-height);padding:0 1.25rem;padding:0 var(--space-5);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn--compact{font-size:.875rem;font-size:var(--text-small);min-height:38px;min-height:var(--button-height-compact);padding:0 1rem;padding:0 var(--space-4)}.btn--primary{background:linear-gradient(135deg,#0f6c5a,#2e6da4);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-info) 100%);box-shadow:0 14px 26px #0f6c5a38;color:#fff}.btn--primary:hover:not(:disabled){box-shadow:0 18px 30px #0f6c5a42}.btn--secondary{background:#ffffffb3;border-color:#4557652e;border-color:var(--color-border);color:#1e2933;color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:#fffdf9;background:var(--color-surface-strong)}.btn--ghost{background:#0000;border-color:#0000;color:#5f6f7d;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background:#0f6c5a14;color:#1e2933;color:var(--color-text)}.btn--danger{background:linear-gradient(135deg,#c4493f,#a9362f);background:linear-gradient(135deg,var(--color-danger) 0,#a9362f 100%);color:#fff}.btn--success{background:linear-gradient(135deg,#2c8f57,#1f7244);background:linear-gradient(135deg,var(--color-success) 0,#1f7244 100%);color:#fff}.action-card,.card,.empty-state,.list-card,.loading-state,.quiz-card,.review-card,.section-card,.stat-card,.surface-note{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf7e0;background:var(--color-surface);border:1px solid #4557651a;border-radius:24px;border-radius:var(--radius-card);box-shadow:0 18px 50px #1f293714;box-shadow:var(--shadow-card)}.card,.empty-state,.list-card,.loading-state,.quiz-card,.review-card,.section-card,.surface-note{padding:1.5rem;padding:var(--space-6)}.action-card,.card--interactive,.list-card--interactive{transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-color var(--transition-medium)}.action-card:hover,.card--interactive:hover,.list-card--interactive:hover{border-color:#0f6c5a38;box-shadow:0 24px 60px #1f293724;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.input,.textarea,select.input{background:#ffffffd1;border:1px solid #4557652e;border-radius:16px;border-radius:var(--radius-input);color:#1e2933;color:var(--color-text);min-height:46px;min-height:var(--button-height);padding:0 1rem;padding:0 var(--space-4);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.textarea{min-height:120px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);resize:vertical}.input:focus,.textarea:focus,select.input:focus{background:#fffdf9;background:var(--color-surface-strong);border-color:#0f6c5a66;box-shadow:0 0 0 4px #0f6c5a1a;outline:none}.label{color:#1e2933;color:var(--color-text);display:block;font-size:.875rem;font-size:var(--text-small);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.badge,.pill{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-tiny);font-weight:700;gap:.35rem;letter-spacing:.08em;padding:.45rem .8rem;text-transform:uppercase}.badge--success,.pill--success{background:#2c8f571f;background:var(--color-success-light);color:#2c8f57;color:var(--color-success)}.badge--warning,.pill--warning{background:#c9792324;background:var(--color-warning-light);color:#c97923;color:var(--color-warning)}.badge--danger,.pill--danger{background:#c4493f24;background:var(--color-danger-light);color:#c4493f;color:var(--color-danger)}.badge--primary,.pill--primary{background:#0f6c5a1f;background:var(--color-primary-light);color:#08453a;color:var(--color-primary-strong)}.badge--info,.pill--info{background:#2e6da424;background:var(--color-info-light);color:#2e6da4;color:var(--color-info)}.alert{border:1px solid #0000;border-radius:20px;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.alert--success{background:#2c8f571f;background:var(--color-success-light);border-color:#2c8f5738;color:#1d5f3a}.alert--warning{background:#c9792324;background:var(--color-warning-light);border-color:#c9792338;color:#885116}.alert--danger{background:#c4493f24;background:var(--color-danger-light);border-color:#c4493f38;color:#8f322a}.alert--info{background:#2e6da424;background:var(--color-info-light);border-color:#2e6da42e;color:#244f77}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{align-items:center;justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6,.stack{gap:1.5rem;gap:var(--space-6)}.stack{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid}.stack--sm{gap:1rem;gap:var(--space-4)}.stack--lg{gap:2rem;gap:var(--space-8)}.page-hero{background:radial-gradient(circle at top left,#c9792333,#0000 25%),radial-gradient(circle at bottom right,#0f6c5a2e,#0000 26%),linear-gradient(135deg,#fffdf9eb,#f4fbf7e0);border:1px solid #4557651f;border-radius:32px;box-shadow:0 18px 50px #1f293714;box-shadow:var(--shadow-card);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative}.page-hero__eyebrow{align-items:center;background:#ffffff9e;border-radius:999px;border-radius:var(--radius-full);color:#08453a;color:var(--color-primary-strong);display:inline-flex;font-size:.75rem;font-size:var(--text-tiny);font-weight:700;gap:.5rem;gap:var(--space-2);letter-spacing:.08em;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.45rem .8rem;text-transform:uppercase}.page-hero__title{margin-bottom:.75rem;margin-bottom:var(--space-3);max-width:12ch}.page-hero__text{color:#5f6f7d;color:var(--color-text-muted);font-size:1.125rem;font-size:var(--text-large);max-width:62ch}.page-hero__actions,.page-hero__meta{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-top:1.5rem;margin-top:var(--space-6)}.hero-chip{align-items:center;background:#ffffffb8;border:1px solid #4557651a;border-radius:18px;color:#1e2933;color:var(--color-text);display:inline-flex;gap:.5rem;gap:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.hero-chip__label{color:#5f6f7d;color:var(--color-text-muted);font-size:.875rem;font-size:var(--text-small)}.hero-chip__value{font-weight:700}.section-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:1.25rem;margin-bottom:var(--space-5)}.section-card__title{margin-bottom:.25rem;margin-bottom:var(--space-1)}.section-card__meta{color:#5f6f7d;color:var(--color-text-muted);font-size:.875rem;font-size:var(--text-small)}.stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{overflow:hidden;padding:1.25rem;padding:var(--space-5);position:relative}.stat-card:before{background:linear-gradient(135deg,#fff6,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}.stat-card--primary{background:linear-gradient(135deg,#0f6c5a1f,#fffdf9e0)}.stat-card--success{background:linear-gradient(135deg,#2c8f5724,#fffdf9e0)}.stat-card--warning{background:linear-gradient(135deg,#c9792329,#fffdf9e6)}.stat-card__label{color:#5f6f7d;color:var(--color-text-muted);display:block;font-size:.875rem;font-size:var(--text-small);margin-bottom:.5rem;margin-bottom:var(--space-2)}.stat-card__value{font-family:Space Grotesk,Trebuchet MS,sans-serif;font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);line-height:1}.stat-card__hint{color:#7e8c99;color:var(--color-text-subtle);font-size:.875rem;font-size:var(--text-small);margin-top:.5rem;margin-top:var(--space-2)}.action-card{grid-gap:1rem;grid-gap:var(--space-4);color:inherit;display:grid;gap:1rem;gap:var(--space-4);padding:1.25rem;padding:var(--space-5);text-decoration:none}.action-card__icon,.list-card__index{align-items:center;background:linear-gradient(135deg,#0f6c5a1f,#2e6da41a);background:linear-gradient(135deg,var(--color-primary-light),#2e6da41a);border-radius:18px;color:#08453a;color:var(--color-primary-strong);display:inline-flex;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-family:var(--font-heading);font-weight:700;height:52px;justify-content:center;width:52px}.action-card__title{margin-bottom:.5rem;margin-bottom:var(--space-2)}.action-card__text,.empty-state__text,.list-card__text,.loading-state__text,.surface-note__text{color:#5f6f7d;color:var(--color-text-muted)}.list-card{align-items:flex-start;color:inherit;display:flex;gap:1rem;gap:var(--space-4);text-decoration:none}.list-card__content{flex:1 1;min-width:0}.list-card__title{margin-bottom:.5rem;margin-bottom:var(--space-2)}.list-card__arrow{align-self:center;color:#0f6c5a;color:var(--color-primary);font-size:1.4rem;line-height:1}.toolbar{align-items:end;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.field,.toolbar__group{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);min-width:180px}.field--grow{flex:1 1 240px}.form-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4)}.form-grid--2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-actions{gap:.75rem;gap:var(--space-3)}.form-actions,.metrics-row{display:flex;flex-wrap:wrap}.metrics-row{gap:1rem;gap:var(--space-4)}.metric{grid-gap:.25rem;grid-gap:var(--space-1);display:grid;gap:.25rem;gap:var(--space-1)}.metric__label{color:#5f6f7d;color:var(--color-text-muted);font-size:.875rem;font-size:var(--text-small)}.metric__value{font-weight:700}.empty-state,.loading-state{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);min-height:220px;place-items:center;text-align:center}.empty-state__icon,.loading-state__icon{align-items:center;background:#0f6c5a1f;background:var(--color-primary-light);border-radius:22px;color:#08453a;color:var(--color-primary-strong);display:inline-flex;font-size:1.5rem;height:64px;justify-content:center;width:64px}.surface-note{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3)}.surface-note--info{background:linear-gradient(135deg,#2e6da41f,#fffdf9e0)}.surface-note--warning{background:linear-gradient(135deg,#c9792324,#fffdf9e6)}.surface-note__title{color:#1e2933;color:var(--color-text)}.auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,460px);min-height:100vh}.auth-panel{padding:clamp(2rem,5vw,4rem);position:relative}.auth-panel--brand{align-items:flex-end;background:radial-gradient(circle at top left,#c979234d,#0000 28%),radial-gradient(circle at bottom right,#0f6c5a47,#0000 30%),linear-gradient(135deg,#163b3d,#1e5f69 55%,#36587c);color:#fff;display:flex}.auth-panel--form{align-items:center;display:flex;justify-content:center}.auth-brand{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);max-width:520px}.auth-brand__badge{align-items:center;background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-tiny);font-weight:700;gap:.5rem;gap:var(--space-2);letter-spacing:.08em;padding:.45rem .8rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.auth-brand__title{max-width:10ch}.auth-brand__text{color:#ffffffc7;font-size:1.08rem;max-width:48ch}.auth-brand__bullets{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3)}.auth-brand__bullet{align-items:center;color:#ffffffe0;display:inline-flex;gap:.75rem;gap:var(--space-3)}.auth-brand__bullet:before{color:#f7c484;content:"•";font-size:1.3rem}.auth-card{background:#fffcf7e6;border:1px solid #4557651f;border-radius:30px;box-shadow:0 24px 70px #1f293724;padding:clamp(1.75rem,4vw,2.5rem);width:min(100%,430px)}.auth-card__brand{gap:.75rem;gap:var(--space-3);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.auth-card__brand,.auth-card__mark{align-items:center;display:inline-flex}.auth-card__mark{background:linear-gradient(135deg,#0f6c5a,#2e6da4);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-info) 100%);border-radius:14px;color:#fff;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-family:var(--font-heading);height:42px;justify-content:center;width:42px}.auth-card__title{margin-bottom:.5rem;margin-bottom:var(--space-2)}.auth-card__text{color:#5f6f7d;color:var(--color-text-muted);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.auth-link{color:#0f6c5a;color:var(--color-primary);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.text-muted{color:#5f6f7d;color:var(--color-text-muted)}.text-success{color:#2c8f57;color:var(--color-success)}.text-warning{color:#c97923;color:var(--color-warning)}.text-danger{color:#c4493f;color:var(--color-danger)}.text-center{text-align:center}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.quiz-shell{margin:0 auto;width:min(100%,940px)}.quiz-stack{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.quiz-card__eyebrow{align-items:center;color:#2e6da4;color:var(--color-info);display:inline-flex;font-size:.75rem;font-size:var(--text-tiny);font-weight:700;gap:.5rem;gap:var(--space-2);letter-spacing:.08em;margin-bottom:.75rem;margin-bottom:var(--space-3);text-transform:uppercase}.quiz-card__question{font-size:1.08rem;margin-bottom:1.25rem;margin-bottom:var(--space-5)}.choice-list{grid-gap:.75rem;grid-gap:var(--space-3);display:grid}.choice,.choice-list{gap:.75rem;gap:var(--space-3)}.choice{align-items:flex-start;background:#ffffffb8;border:1px solid #45576524;border-radius:18px;cursor:pointer;display:flex;padding:1rem;padding:var(--space-4);text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);width:100%}.choice:hover:not(:disabled){background:#ffffffe6;border-color:#0f6c5a42}.choice:disabled{cursor:default}.choice--selected{background:#2e6da41a;border-color:#2e6da457}.choice--correct{background:#2c8f571f;border-color:#2c8f5757}.choice--wrong{background:#c4493f1a;border-color:#c4493f57}.choice--missed{background:#c979231a;border-color:#c9792357}.choice__control{align-items:center;background:#0f6c5a1a;border-radius:12px;color:#08453a;color:var(--color-primary-strong);display:inline-flex;flex-shrink:0;font-weight:700;height:34px;justify-content:center;width:34px}.choice__body{flex:1 1;min-width:0}.choice__meta{color:#5f6f7d;color:var(--color-text-muted);font-size:.875rem;font-size:var(--text-small)}.review-card--correct{border-color:#2c8f573d}.review-card--wrong{border-color:#c4493f3d}.review-card__header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.review-card__icon{align-items:center;border-radius:14px;display:inline-flex;font-weight:700;height:40px;justify-content:center;width:40px}.review-card--correct .review-card__icon{background:#2c8f571f;background:var(--color-success-light);color:#2c8f57;color:var(--color-success)}.review-card--wrong .review-card__icon{background:#c4493f24;background:var(--color-danger-light);color:#c4493f;color:var(--color-danger)}.review-answer{align-items:flex-start;background:#ffffffc2;border:1px solid #4557651a;border-radius:16px;display:flex;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.review-answer--correct{background:#2c8f571f;border-color:#2c8f573d}.review-answer--wrong{background:#c4493f1a;border-color:#c4493f3d}.review-answer--missed{background:#c979231a;border-color:#c979233d}.typing-indicator span{background:#5f6f7d;background:var(--color-text-muted)}.learning-feed{background:linear-gradient(135deg,#0e4b40,#1e5f69 50%,#12354f);background:linear-gradient(135deg,var(--feed-bg-start) 0,var(--feed-bg-mid) 50%,var(--feed-bg-end) 100%);min-height:100vh}.learning-feed .nav{background:#0a15216b;border-color:#ffffff2e;border-color:var(--feed-border)}.learning-feed .nav-link,.learning-feed .nav__user-role{color:#ffffffad;color:var(--feed-text-muted)}.learning-feed .nav-link--active,.learning-feed .nav-link:hover,.learning-feed .nav__brand-title,.learning-feed .nav__user-name{color:#fffffff0;color:var(--feed-text)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-8px)}80%{transform:translateX(8px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes spin{to{transform:rotate(1turn)}}.feed-card{animation:slideInUp .3s ease-out}.feed-card--sliding{animation:slideOutUp .15s ease-in}@media (max-width:1024px){.nav--desktop{display:none}.hamburger-btn{display:flex}.mobile-menu,.mobile-menu-overlay{display:block}.auth-shell{grid-template-columns:1fr}.auth-panel--brand{align-items:center;min-height:34vh}}@media (max-width:768px){:root{--text-h1:2.35rem;--text-h2:1.7rem;--page-padding:16px}.page-content{padding:1.5rem 24px 2.5rem;padding:var(--space-6) var(--page-padding) var(--space-10)}.card,.empty-state,.list-card,.loading-state,.page-hero,.quiz-card,.review-card,.section-card,.surface-note{padding:1.25rem;padding:var(--space-5)}.page-hero__text{font-size:1rem;font-size:var(--text-body)}.auth-panel{padding:1.5rem 24px;padding:var(--space-6) var(--page-padding)}.form-actions,.metrics-row,.page-hero__actions,.page-hero__meta,.toolbar{align-items:stretch;flex-direction:column}.nav{width:calc(100% - 48px);width:calc(100% - var(--page-padding)*2)}.nav__user{display:none}}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 60px);margin:0 auto;max-width:1100px;padding:0 var(--space-4)}.chat-layout{display:flex;flex:1 1;gap:var(--space-6);min-height:0;padding-bottom:var(--space-4);padding-top:var(--space-4);position:relative}.chat-sidebar{display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .3s ease,opacity .3s ease,margin .3s ease;width:280px}.chat-sidebar--collapsed{margin-right:calc(var(--space-6)*-1);opacity:0;width:0}.chat-sidebar__content{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;min-width:280px;overflow:hidden;padding:var(--space-4)}.chat-sidebar__header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:var(--space-4)}.chat-sidebar__title{font-size:var(--text-h3);margin:0}.chat-sidebar__sessions{grid-gap:var(--space-2);align-content:start;display:grid;flex:1 1;gap:var(--space-2);overflow-y:auto}.chat-sidebar__actions{align-items:center;display:flex;gap:var(--space-2)}.chat-sidebar-collapse{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-text-muted);cursor:pointer;display:none;font-size:16px;height:32px;justify-content:center;padding:0;transition:var(--transition-fast);width:32px}.chat-sidebar-collapse:hover{background:var(--color-surface-muted);color:var(--color-text)}.chat-sidebar-expand{align-items:center;background:var(--color-primary);border:none;border-radius:0 var(--radius-button) var(--radius-button) 0;box-shadow:2px 0 8px #00000026;color:#fff;cursor:pointer;display:none;font-size:18px;height:40px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-fast);width:40px;z-index:10}.chat-sidebar-expand:hover{background:var(--color-primary-hover)}.chat-main{display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative}.chat-header{flex-shrink:0;margin-bottom:var(--space-4)}.chat-messages-container{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.chat-messages{flex:1 1;overflow-y:auto;padding:var(--space-4)}.chat-input-area{background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0;padding:var(--space-4)}.chat-input-row{display:flex;gap:var(--space-3)}.chat-input-row .textarea{flex:1 1;min-height:60px;resize:none}.chat-input-row .btn{height:auto;min-width:100px}.chat-message{margin-bottom:var(--space-6)}.chat-message__user{background:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-card);margin-bottom:var(--space-3);padding:var(--space-4)}.chat-message__user-label{color:var(--color-primary);font-weight:600;margin-bottom:var(--space-2)}.chat-message__user-text{line-height:1.6}.chat-message__bot{background:var(--color-surface-muted);border-left:4px solid var(--color-text-muted);border-radius:var(--radius-card);padding:var(--space-4)}.chat-message__bot-label{color:var(--color-text-muted);font-weight:600;margin-bottom:var(--space-2)}.chat-message__bot-text{line-height:1.6}.chat-history-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:none;font-size:20px;font-weight:700;height:56px;justify-content:center;left:24px;position:fixed;transition:var(--transition-fast);width:56px;z-index:1001}.chat-history-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.chat-history-overlay{animation:fadeIn .2s ease-out;background:#00000080;display:none;inset:0;position:fixed;z-index:999}.chat-history-overlay--open{display:block}.chat-history-panel{background:var(--color-surface);border-radius:var(--radius-card);bottom:96px;box-shadow:0 8px 32px #0000004d;display:none;left:24px;max-height:60vh;max-width:320px;opacity:0;overflow:hidden;padding:var(--space-4);pointer-events:none;position:fixed;transform:scale(.9) translateY(10px);transition:transform .2s ease-out,opacity .2s ease-out;width:calc(100vw - 48px);z-index:1000}.chat-history-panel--open{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.chat-history-panel__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.chat-history-panel__title{font-size:var(--text-h3);margin:0}.chat-history-panel__sessions{grid-gap:var(--space-2);display:grid;gap:var(--space-2);max-height:calc(60vh - 100px);overflow-y:auto}.chat-session-card{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3);transition:var(--transition-fast)}.chat-session-card:hover{background:var(--color-surface-muted)}.chat-session-card--active{background:var(--color-primary-light);border-color:var(--color-primary)}.chat-session-card__info{flex:1 1;min-width:0}.chat-session-card__title{font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-session-card__meta{color:var(--color-text-muted);font-size:var(--text-small)}.chat-session-card__delete{background:#0000;border:none;border-radius:var(--radius-button);color:var(--color-text-muted);cursor:pointer;font-size:16px;height:auto;min-height:auto;padding:4px 8px;transition:var(--transition-fast)}.chat-session-card__delete:hover{background:var(--color-danger-light);color:var(--color-danger)}@media (max-width:1024px){.chat-sidebar,.chat-sidebar-expand{display:none}.chat-history-btn{display:flex}.chat-history-panel{display:block}.chat-page{padding:0 var(--space-3)}.chat-layout{padding-bottom:var(--space-3);padding-top:var(--space-3)}.chat-header{margin-bottom:var(--space-3)}}@media (min-width:1025px){.chat-sidebar-collapse,.chat-sidebar-expand{display:flex}}.learning-path{min-height:calc(100vh - 200px)}.learning-path__header{margin-bottom:var(--space-8)}.progress-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);display:inline-flex;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.progress-summary__item{font-size:var(--text-body)}.learning-path__content{display:flex;flex-direction:column;gap:var(--space-8)}.branches-container{display:flex;gap:var(--space-6);overflow-x:auto;padding:var(--space-4) 0;scroll-behavior:smooth}.branch-column{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-4);min-width:280px}.branch-header{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);text-align:center}.branch-header h3{font-size:var(--text-large);font-weight:600;margin:var(--space-2) 0}.branch-icon{display:block;font-size:32px;margin-bottom:var(--space-2)}.branch-locked{background:var(--color-surface-muted);border-radius:var(--radius-button);color:var(--color-text-muted);font-size:var(--text-small);margin-top:var(--space-3);padding:var(--space-3);text-align:left}.branch-locked ul{font-size:var(--text-small);margin:var(--space-2) 0 0 0;padding-left:var(--space-4)}.branch-progress{margin-top:var(--space-3)}.progress-bar{background:var(--color-surface-muted);border-radius:4px;height:8px;margin-bottom:var(--space-1);overflow:hidden}.progress-fill{height:100%;transition:width .3s ease}.progress-text{color:var(--color-text-muted);font-size:var(--text-small);font-weight:500}.path-container{background:var(--color-surface);border-left:2px solid var(--color-border);border-radius:0;display:flex;flex-direction:column;gap:var(--space-2);min-height:400px;padding:var(--space-4) var(--space-2)}.branch-column .path-container{background:#0000}.path-segment{align-items:center;display:flex;flex-direction:column;padding:var(--space-2) 0;position:relative}.path-line{background:var(--color-border);border-radius:2px;height:20px;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:4px}.path-line--active{background:var(--color-success)}.level-node{align-items:center;background:var(--color-surface);border:3px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:64px;justify-content:center;position:relative;transition:all .2s ease;width:64px}.level-node:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:scale(1.1)}.level-node:focus{outline:2px solid var(--color-primary);outline-offset:2px}.level-node__icon{font-size:16px;line-height:1}.level-node__number{font-size:18px;font-weight:700;line-height:1}.level-node__title{font-size:var(--text-small);line-height:1.3;margin-top:var(--space-2);max-width:120px;text-align:center}.level-node--locked{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.level-node--available{animation:pulse 2s infinite;background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.level-node--in-progress{background:linear-gradient(135deg,var(--color-surface) 0,#d977061a 100%);border-color:var(--color-warning);color:var(--color-warning)}.level-node--completed{background:linear-gradient(135deg,var(--color-surface) 0,#16a34a1a 100%);border-color:var(--color-success);color:var(--color-success)}.level-node--selected{box-shadow:0 0 0 4px #2563eb4d;transform:scale(1.15)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #2563eb66}50%{box-shadow:0 0 0 8px #2563eb00}}.level-modal-overlay{animation:fadeIn .2s ease-out;background:#00000080;inset:0;position:fixed;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.level-detail-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 8px 32px #0000004d;left:50%;max-height:80vh;max-width:600px;overflow-y:auto;padding:var(--space-6);position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.level-detail-panel--empty{align-items:center;display:flex;justify-content:center;min-height:300px}.level-detail-panel__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.level-detail-panel__close{align-items:center;background:#0000;border:none;border-radius:var(--radius-button);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.level-detail-panel__close:hover{background:var(--color-surface-muted);color:var(--color-text)}.difficulty-steps{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.difficulty-step{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4)}.difficulty-step--locked{background:var(--color-surface-muted);opacity:.6}.difficulty-step--available{background:linear-gradient(135deg,var(--color-surface) 0,#2563eb0d 100%);border-color:var(--color-primary)}.difficulty-step--completed{background:linear-gradient(135deg,var(--color-surface) 0,#16a34a0d 100%);border-color:var(--color-success)}.difficulty-step__info{flex:1 1}.difficulty-step__header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.difficulty-step__name{font-size:var(--text-body);font-weight:600}.difficulty-step__check{color:var(--color-success);font-weight:700}.difficulty-step__lock{font-size:14px}.difficulty-step__score{margin-bottom:var(--space-1)}.difficulty-step__attempts,.difficulty-step__score{font-size:var(--text-small)}.difficulty-step__requirement{font-size:var(--text-small);font-style:italic;margin-top:var(--space-1)}.difficulty-step__action{flex-shrink:0}.level-detail-panel__cta{margin-top:var(--space-4)}.btn--large{font-size:var(--text-body);padding:var(--space-4);width:100%}.level-detail-panel__complete{margin-top:var(--space-4);text-align:center}.level-complete-badge{background:linear-gradient(135deg,var(--color-success) 0,#059669 100%);border-radius:var(--radius-button);color:#fff;display:inline-block;font-weight:600;padding:var(--space-2) var(--space-4)}@media (max-width:768px){.learning-path__content{gap:var(--space-4)}.branches-container{flex-direction:column}.branch-column{min-width:100%}.path-container{flex-direction:row;flex-wrap:wrap;gap:var(--space-4);justify-content:center;min-height:auto;overflow-x:auto;padding:var(--space-4)}.path-segment{padding:var(--space-2)}.path-line{display:none}.level-node{height:56px;width:56px}.level-node__number{font-size:16px}.level-node__title{font-size:11px;max-width:80px}.level-detail-panel{border-radius:0;inset:0;bottom:0;box-shadow:none;left:0;max-height:none;max-width:none;overflow-y:auto;position:fixed;right:0;top:0;transform:none;width:100%;z-index:1000}.level-detail-panel--empty{display:none}.difficulty-step{align-items:stretch;flex-direction:column;gap:var(--space-3)}.difficulty-step__action,.difficulty-step__action .btn{width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.typing-indicator{align-items:center;display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typing-bounce 1.4s ease-in-out infinite;background-color:var(--color-text-muted);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}
/*# sourceMappingURL=main.22eea4cc.css.map*/