:root{color:#172554;font-synthesis:none;--navy-900:#172554;--navy-800:#1e3a8a;--blue-600:#2563eb;--blue-100:#dbeafe;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-300:#cbd5e1;--slate-100:#f1f5f9;--surface:#fff;--danger:#b91c1c;--radius-sm:.65rem;--radius-md:.9rem;--radius-lg:1.2rem;--shadow:0 12px 32px #0f172a14;--content-width:1120px;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#eff6ff 0,#f8fafc 320px);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}h1,h2,h3,h4{line-height:1.15}p,li{line-height:1.65}code{background:var(--slate-100);border-radius:.35rem;padding:.15rem .35rem}.app-shell{min-height:100vh;padding-bottom:6.5rem}.app-header{padding:1.2rem max(1rem, calc((100vw - var(--content-width)) / 2));border-bottom:1px solid var(--slate-300);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb}.app-header h1{margin:0}.main-nav{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.main-nav a{color:var(--slate-600);border-radius:999px;padding:.55rem .75rem;text-decoration:none}.main-nav a:hover,.main-nav a.active{background:var(--blue-100);color:var(--navy-800)}.app-main{width:min(var(--content-width), calc(100% - 2rem));margin:0 auto;padding:2rem 0}.app-footer{z-index:50;text-align:center;color:var(--slate-500);border-top:1px solid var(--slate-300);background:var(--surface);padding:.8rem 1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #0f172a14}.app-footer p{margin:0}.footer-meta{flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin-top:.3rem;font-size:.85rem;display:flex}.footer-meta a{color:var(--slate-600);text-underline-offset:.2em}.stack-lg>*+*{margin-top:1.5rem}.page-heading{max-width:780px}.hero-panel,.content-panel,.study-panel,.quiz-card,.empty-state{background:var(--surface);border:1px solid var(--slate-300);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem)}.hero-panel{max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue-600);margin:0 0 .5rem;font-size:.75rem;font-weight:800}.muted{color:var(--slate-500)}.stats-grid,.card-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--slate-300);border-radius:var(--radius-md);flex-direction:column;padding:1rem;display:flex}.stat-card strong{color:var(--navy-800);font-size:2rem}.stat-card span{color:var(--slate-500)}.button{border-radius:var(--radius-sm);cursor:pointer;border:0;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:750;text-decoration:none;display:inline-flex}.button.primary{color:#fff;background:var(--blue-600)}.button.secondary{color:var(--navy-800);background:var(--blue-100)}.button.danger{color:#fff;background:var(--danger)}.button.compact{padding:.45rem .7rem;font-size:.85rem}.button-row,.rating-grid,.option-grid,.tag-row{flex-wrap:wrap;gap:.75rem;display:flex}.rating-grid>*{flex:150px}.option-grid{grid-template-columns:1fr;display:grid}.option-button{text-align:left;border:1px solid var(--slate-300);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:1rem}.option-button:hover{border-color:var(--blue-600);background:#eff6ff}.session-progress{color:var(--slate-500);grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}progress{width:100%}.flashcard{border:2px solid var(--blue-100);border-radius:var(--radius-lg);background:linear-gradient(160deg,#fff,#eff6ff);flex-direction:column;justify-content:center;align-items:flex-start;min-height:330px;margin-bottom:1rem;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.tag{background:var(--slate-100);color:var(--slate-700);border-radius:999px;padding:.3rem .6rem;font-size:.8rem}.empty-state{text-align:center}.field-label{gap:.45rem;max-width:720px;font-weight:700;display:grid}input:not([type=file]),select,textarea{border:1px solid var(--slate-300);border-radius:var(--radius-sm);width:100%;color:var(--navy-900);background:#fff;padding:.75rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue-600);outline:3px solid #2563eb2e}.file-button input{display:none}.inline-message{color:var(--navy-800);font-weight:700}.status-banner{border-radius:var(--radius-sm);background:var(--blue-100);min-height:1.5rem;padding:.85rem 1rem}.material-form{gap:1rem;display:grid}.material-link-list{margin:0;padding:0;list-style:none}.material-link-row{border-bottom:1px solid var(--slate-300);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.friendly-steps{padding-left:1.25rem}.template-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem;display:grid}.template-card{border:1px solid var(--slate-300);border-radius:var(--radius-md);background:var(--slate-100);gap:.75rem;padding:1rem;display:grid}.template-card h4{margin:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--slate-300);padding:.75rem}.legal-page{max-width:860px;margin:0 auto}@media (width<=640px){.session-progress{grid-template-columns:1fr}.flashcard{min-height:280px}.app-shell{padding-bottom:8rem}.template-card .button{width:100%}}.header-top-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.education-context{color:var(--slate-500);margin:.35rem 0 0}.translation-bar{border:1px solid var(--slate-300);border-radius:var(--radius-sm);background:var(--surface);min-height:2.5rem;color:var(--slate-600);align-items:center;gap:.65rem;padding:.45rem .7rem;font-size:.9rem;display:flex}.translation-bar>span{font-weight:750}.translation-bar .goog-te-gadget{color:var(--slate-600);font-family:inherit}.translation-bar .goog-te-combo{border:1px solid var(--slate-300);background:#fff;border-radius:.45rem;max-width:190px;margin:0;padding:.35rem .45rem}.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}.education-choice{border:1px solid var(--slate-300);border-radius:var(--radius-lg);background:var(--surface);max-width:900px;box-shadow:var(--shadow);text-align:center;margin:1rem auto;padding:clamp(1.4rem,4vw,2.5rem)}.education-choice>p:not(.eyebrow){max-width:650px;color:var(--slate-600);margin-left:auto;margin-right:auto}.education-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.education-card{text-align:left;border:1px solid var(--slate-300);border-radius:var(--radius-md);min-height:145px;color:var(--navy-900);cursor:pointer;background:#fff;gap:.55rem;padding:1.1rem;display:grid}.education-card:hover,.education-card:focus-visible{border-color:var(--blue-600);background:#eff6ff;outline:none}.education-card strong{color:var(--navy-800);font-size:1.05rem}.education-card span{color:var(--slate-600);line-height:1.5}.text-button{color:var(--blue-600);font:inherit;cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;margin-top:.8rem;padding:0;font-weight:700;text-decoration:underline}@media (width<=720px){.header-top-row{flex-direction:column}.translation-bar{justify-content:space-between;width:100%}}.material-option-panel{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:start;gap:2rem;display:grid}.privacy-notice{border:1px solid var(--blue-100);border-radius:var(--radius-md);background:#eff6ff;margin-top:1rem;padding:1rem}.privacy-notice strong{color:var(--navy-800)}.privacy-notice p{color:var(--slate-600);margin:.4rem 0 0}.permission-check{max-width:720px;color:var(--slate-700);align-items:flex-start;gap:.65rem;line-height:1.5;display:flex}.permission-check input{appearance:auto;border:initial;background:initial;flex:none;width:1.1rem;height:1.1rem;margin-top:.2rem;padding:0}.local-file-list{margin:0;padding:0;list-style:none}.local-file-row{border-bottom:1px solid var(--slate-300);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.local-file-row:last-child{border-bottom:0}.local-file-row>div:first-child{gap:.25rem;min-width:0;display:grid}.local-file-row strong,.local-file-row span{overflow-wrap:anywhere}.local-file-row span{color:var(--slate-500);font-size:.9rem}input[type=file]{border:1px solid var(--slate-300);border-radius:var(--radius-sm);background:#fff;width:100%;padding:.7rem}input[type=file]::file-selector-button{background:var(--blue-100);color:var(--navy-800);font:inherit;cursor:pointer;border:0;border-radius:.5rem;margin-right:.75rem;padding:.55rem .75rem;font-weight:700}@media (width<=760px){.material-option-panel{grid-template-columns:1fr}.local-file-row{flex-direction:column;align-items:flex-start}}