@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,700&family=Space+Grotesk:wght@400;500;700&family=Aref+Ruqaa:wght@400;700&family=Lalezar&display=swap";:root{--bg:#f5ead8;--bg-deep:#e8dcc9;--surface:#fffcf6c7;--ink:#1d3038;--muted:#6d6253;--line:#5c493424;--orange:#ef8f4b;--orange-deep:#c46635;--teal-deep:#0f766e;--shadow-soft:0 18px 40px #4a39241f;--body-font:"Space Grotesk", "Aptos", sans-serif;--heading-font:"Newsreader", Georgia, serif;--accent-font:"Aref Ruqaa", serif;font-family:var(--body-font);letter-spacing:-.01em;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#a1c4c414 35px 70px),repeating-linear-gradient(-45deg,#0000,#0000 35px,#e4b59414 35px 70px),radial-gradient(circle at 25% 25%,#bde0e01f 0%,#0000 50%),radial-gradient(circle at 75% 75%,#f2ceba1f 0%,#0000 50%),linear-gradient(135deg,#f7ede2 0%,#f5e8d8 25%,#f2e6d5 50%,#efe4d1 75%,#ecdfc9 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body.norah-theme{background-color:#0000;background-image:repeating-conic-gradient(#0000 0deg,#f9c8dc59 10deg,#0000 20deg,#ffdc8c59 30deg,#0000 40deg),radial-gradient(circle at 25% 25%,#f9c8dc40 0%,#0000 15%),radial-gradient(circle at 75% 75%,#ffdc8c40 0%,#0000 15%),radial-gradient(circle,#f9c8dc2e 0%,#0000 20%),linear-gradient(135deg,#ffecf2 0%,#fff8e6 25%,#fff2eb 50%,#fffbeb 75%,#ffefe6 100%);background-position:0 0,0 0,50px 50px,25px 25px,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:100px 100px,150px 150px,150px 150px,200px 200px,100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}body.benjamin-theme{background-color:#0000;background-image:radial-gradient(circle at 30% 30%,#78a0c866 0%,#0000 12%),radial-gradient(circle at 70% 70%,#a0bedc66 0%,#0000 12%),radial-gradient(circle,#5a8cb94d 0%,#0000 15%),repeating-linear-gradient(45deg,#0000,#0000 30px,#78a0c833 30px 60px),repeating-linear-gradient(-45deg,#0000,#0000 30px,#a0bedc33 30px 60px),linear-gradient(135deg,#dae8f3 0%,#e6f0f8 25%,#dce7f2 50%,#e4eff7 75%,#d8e4f0 100%);background-position:0 0,60px 60px,30px 30px,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:120px 120px,120px 120px,150px 150px,80px 80px,80px 80px,100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box}body.besma-theme{background-color:#0000;background-image:radial-gradient(circle at 20% 20%,#a78bfa59 0%,#0000 8%),radial-gradient(circle at 80% 80%,#c4b5fd59 0%,#0000 8%),radial-gradient(circle at 40% 60%,#8b5cf640 0%,#0000 10%),radial-gradient(circle at 60% 40%,#d8b4fe40 0%,#0000 10%),repeating-conic-gradient(from 15deg,#0000 0deg,#a78bfa26 5deg,#0000 10deg,#d8b4fe26 15deg,#0000 20deg),linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 25%,#f5f3ff 50%,#ede9fe 75%,#e9d5ff 100%);background-position:0 0,50px 50px,20px 20px,70px 70px,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:100px 100px,100px 100px,140px 140px,140px 140px,120px 120px,100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box}body:before,body:after{content:"";filter:blur(80px);opacity:.3;pointer-events:none;border-radius:999px;width:20rem;height:20rem;position:fixed;inset:auto}body:before{background:#e4b59473;top:-4rem;right:-5rem}body:after{background:#a1c4c459;bottom:-6rem;left:-6rem}body.norah-theme:before{background:#f9d5e599}body.norah-theme:after{background:#ffe6a780}body.benjamin-theme:before{background:#87adcf80}body.benjamin-theme:after{background:#aec9e373}a{color:inherit}button,input,textarea,select{font:inherit}#root{width:min(1120px,100% - 1.25rem);margin:0 auto;padding:1rem 0 2rem}h1,h2,h3{color:var(--ink);font-family:var(--heading-font);margin:0;line-height:.98}h1{max-width:100%;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.1}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:1.15rem}p{margin:0}@media (width>=700px){#root{width:min(1120px,100% - 2rem);padding:1.5rem 0 3rem}}.skip-link{background:var(--ink);color:#fff;z-index:9999;border-radius:0 0 8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:0}.skip-link:focus{outline:3px solid var(--teal-deep);outline-offset:2px;top:0}:focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,.filter-chip:focus-visible,.quiz-option:focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px}.landing-page{background:linear-gradient(135deg,#0f766e 0%,#14b8a6 25%,#0d9488 50%,#0f766e 75%,#115e59 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.landing-page:before{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(circle at 15% 20%,#ffffff1a 0%,#0000 8%),radial-gradient(circle at 85% 20%,#ffffff1a 0%,#0000 8%),radial-gradient(circle,#ffffff26 0%,#0000 12%),radial-gradient(circle at 30% 70%,#ffffff1a 0%,#0000 8%),radial-gradient(circle at 70% 70%,#ffffff1a 0%,#0000 8%);background-position:0 0,125px 0,62px 125px,0 250px,125px 250px;background-size:250px 250px;position:absolute;inset:0}.landing-page:after{content:"";opacity:.3;pointer-events:none;background-image:linear-gradient(45deg,#0000 48%,#ffffff14 49% 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#ffffff14 49% 51%,#0000 52%);background-size:100px 100px;position:absolute;inset:0}.landing-container{text-align:center;z-index:1;width:100%;max-width:1100px;position:relative}.landing-title{font-family:var(--heading-font);color:#fff;text-shadow:0 4px 12px #00000040;letter-spacing:-.02em;max-width:900px;margin:0 auto 1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.25}.landing-subtitle{color:#fff;text-shadow:0 2px 6px #0003;max-width:650px;margin:0 auto 4rem;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:400;line-height:1.6}.profile-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.landing-usp{color:#fffffff2;text-align:center;text-shadow:0 2px 4px #0003;max-width:750px;margin-top:3rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;line-height:1.7}.profile-card{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:3px solid #ffffff4d;border-radius:24px;padding:2.5rem 2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 12px 32px #0003}.profile-card:before{content:"";opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.profile-card:hover{border-color:#fff9;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.profile-card:hover:before{opacity:1}.profile-card-norah{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border-color:#f9a8d4}.profile-card-norah:before{background:linear-gradient(135deg,#ec489933,#db277726)}.profile-card-norah:hover{background:linear-gradient(135deg,#fce7f3 0%,#f9a8d4 100%);border-color:#ec4899}.profile-card-benjamin{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#60a5fa}.profile-card-benjamin:before{background:linear-gradient(135deg,#3b82f633,#2563eb26)}.profile-card-benjamin:hover{background:linear-gradient(135deg,#dbeafe 0%,#93c5fd 100%);border-color:#3b82f6}.profile-card-besma{background:linear-gradient(135deg,#e9d5ff 0%,#d8b4fe 100%);border-color:#a78bfa}.profile-card-besma:before{background:linear-gradient(135deg,#8b5cf633,#7c3aed26)}.profile-card-besma:hover{background:linear-gradient(135deg,#e9d5ff 0%,#c4b5fd 100%);border-color:#8b5cf6}.profile-card:focus-visible{outline-offset:4px;outline:4px solid #ffffffe6}.profile-card-content{text-align:center;justify-content:center;align-items:center;gap:1.5rem;display:flex}.profile-card-text{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.profile-card-icon{z-index:1;filter:drop-shadow(0 4px 8px #00000026);flex-shrink:0;transition:transform .3s;position:relative}.profile-card-icon img{object-fit:cover;border:4px solid #ffffffe6;border-radius:50%;width:140px;height:140px;display:block;box-shadow:0 4px 12px #00000026}.profile-card-icon svg{width:100%;max-width:140px;height:auto;margin:0 auto;display:block}.profile-card:hover .profile-card-icon{transform:scale(1.1)}.profile-card-name{font-family:var(--accent-font);color:var(--ink);z-index:1;margin:0;font-size:1.75rem;font-weight:700;position:relative}.profile-card-desc{color:var(--muted);z-index:1;margin:0;font-size:1rem;line-height:1.5;position:relative}.profile-card-desc strong{color:var(--ink);font-weight:700}.app-shell{gap:1.2rem;max-width:1200px;margin:0 auto;padding:1rem;display:grid;position:relative}@media (width>=768px){.app-shell{padding:1.5rem}}@media (width>=1024px){.app-shell{padding:2rem}}.app-shell.norah-theme:before{content:"";pointer-events:none;z-index:-1;opacity:.15;background-image:radial-gradient(circle at 20% 20%,#f9d5e5 0%,#0000 10%),radial-gradient(circle at 80% 80%,#ffe6a7 0%,#0000 10%),radial-gradient(circle at 40% 60%,#f9d5e5 0%,#0000 8%),radial-gradient(circle at 60% 40%,#ffe6a7 0%,#0000 8%),radial-gradient(circle at 25% 75%,#f9d5e5 0%,#0000 12%),radial-gradient(circle at 75% 25%,#ffe6a7 0%,#0000 12%);background-position:0 0,60px 60px,30px 90px,90px 30px,15px 45px,75px 75px;background-size:120px 120px;position:fixed;inset:0}.app-shell.norah-theme:after{content:"";pointer-events:none;z-index:-1;opacity:.1;background-image:repeating-conic-gradient(#0000 0deg,#f9d5e5 10deg,#0000 20deg,#ffe6a7 30deg,#0000 40deg);background-position:0 0,50px 50px;background-size:100px 100px;position:fixed;inset:0}.hero-panel,.panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:28px;position:relative;overflow:hidden}.hero-panel{background-color:#0000;background-image:linear-gradient(135deg,#fff8eb8c,#ffffff73),url(/image/vecteezy_islamic-background-with-mandala-ornament-and-mosque_22508241-1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:1.5rem}.topbar{margin-bottom:1rem}.topbar .eyebrow{color:var(--ink);margin:0;font-size:1.1rem;font-weight:600}.hero-copy{margin-bottom:1rem}.hero-content{flex:1;align-self:flex-start;gap:1rem;display:grid}.hero-text-block{gap:.5rem;display:grid}.hero-profile-image{background:#ffffff80;border:3px solid #ffffffe6;border-radius:50%;width:120px;height:120px;overflow:hidden;box-shadow:0 4px 12px #00000026}.hero-profile-image img{object-fit:cover;width:100%;height:100%;display:block}.stats-grid,.content-grid,.practice-grid{gap:1rem;display:grid}.topbar-pills,.hero-actions,.topic-list,.category-filters,.quiz-options{flex-wrap:wrap;gap:.75rem;display:flex}.profile-pill{color:var(--ink);cursor:pointer;background:#ffffff1f;border:2px solid #0000;border-radius:999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.fixed-profile-container{z-index:1000;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:fixed;top:1rem;right:1rem}.fixed-logout-button{color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #1d303826;border-radius:999px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0000001f}.fixed-logout-button:hover{background:#fff;border-color:#1d303840;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.fixed-logout-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.profile-pill.profile-norah,.profile-pill.profile-benjamin{font-family:var(--accent-font);letter-spacing:.03em;text-shadow:0 1px 2px #0000001a;padding:.6rem 1.5rem;font-size:1.5rem;font-weight:700}.profile-pill:hover{background:#fff3;transform:translateY(-1px)}.profile-pill.active{background:var(--orange);color:#fff;border-color:var(--orange-deep);box-shadow:0 4px 12px #ef8f4b4d}.profile-pill:focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px}.category-filters{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:1rem}.filter-chip{color:#1d3038d9;cursor:pointer;background:#ffffffb3;border:1px solid #1d303826;border-radius:999px;padding:.65rem 1rem;font-size:.88rem;font-weight:600;transition:all .16s}.filter-chip:hover{color:#1d3038f2;background:#ffffffe6;border-color:#1d303833;transform:translateY(-1px)}.filter-active{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-color:#0f766e;font-weight:700;box-shadow:0 4px 12px #0f766e4d}.filter-active:hover{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-color:#0f766e;transform:translateY(-1px);box-shadow:0 6px 16px #0f766e66}.eyebrow,.stat-label,.lesson-label,.phrase-topic,.quiz-meta,.pill{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.eyebrow,.stat-label,.lesson-label,.phrase-topic,.quiz-meta{color:var(--muted)}.pill{background:#fefcf5e6;border:1px solid #8e76502e;border-radius:999px;padding:.55rem .8rem}.pill-accent{color:var(--teal-deep);background:#0d94881f}.hero-copy{padding:1rem 0 .25rem}.hero-text{max-width:36rem;font-size:1rem}.primary-action,.secondary-action,.topic-chip,.quiz-option,.next-button{cursor:pointer;border:0;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s,color .16s}.primary-action,.secondary-action,.next-button{border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.9rem 1.2rem;font-weight:700;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);box-shadow:0 14px 28px #0f766e4d}.secondary-action{color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);border:1px solid #0d9488;box-shadow:0 8px 16px #0f766e33}.primary-action:hover,.secondary-action:hover,.topic-chip:hover,.quiz-option:hover,.next-button:hover{transform:translateY(-1px)}.stats-grid,.phrase-grid,.routine-list{gap:.9rem;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.review-card{background:linear-gradient(160deg,#ffb5472b,#eb783424);border:1px solid #ffb54740}.stat-card,.phrase-card,.quiz-card,.routine-item,.footer-note,.lesson-focus{border-radius:22px}.stat-card{text-align:left;background:#ffffffb8;border:1px solid #6b543a14;padding:1rem}.stat-card strong{color:var(--ink);margin:.25rem 0 .45rem;font-size:1.25rem;display:block}.accent-card{background:linear-gradient(160deg,#0d94882b,#f7bb3a24)}.content-grid,.practice-grid{grid-template-columns:1fr}.panel-wide{grid-column:1/-1}.panel{padding:1.5rem}.panel-dark{background:linear-gradient(160deg, var(--ink), #24363f);color:#f4efe4}.panel-dark .eyebrow,.panel-dark .lesson-label,.panel-dark .coach-tip,.panel-dark .lesson-meaning{color:#f4efe4c2}.panel-light{background:#ffffffd1}.panel-contrast{background:linear-gradient(#fbf7e9f0,#f6ecd6eb)}.section-heading{gap:.3rem;margin-bottom:1rem;display:grid}.topic-chip{color:inherit;background:#ffffff14;border-radius:16px;padding:.8rem 1rem}.topic-chip-active{color:#2b1d10;background:linear-gradient(135deg,#ffb547eb,#eb7834e0)}.lesson-focus{background:#ffffff12;gap:.85rem;padding:1rem;display:grid}.lesson-main{margin:.2rem 0 0;font-size:1.2rem}.darija-with-audio{align-items:center;gap:.75rem;display:flex}.darija-header{align-items:center;gap:.75rem;margin-bottom:.2rem;display:flex}.gender-badge{color:#fff8ebf2;letter-spacing:.05em;background:#ffb54738;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.75rem;font-weight:500;display:inline-flex}.gender-badge-small{width:1.5rem;height:1.5rem;color:var(--orange-deep);background:#ffb5472e;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.phrase-meta{align-items:center;gap:.5rem;display:flex}.audio-button{color:#2b1d10;cursor:pointer;background:linear-gradient(135deg,#ffb547eb,#eb7834e0);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #eb78344d}.audio-button:hover{transform:scale(1.08);box-shadow:0 6px 18px #eb783473}.audio-button:active{transform:scale(.95)}.audio-button-playing{color:#fff;background:linear-gradient(135deg,#0d9488eb,#0f766ee0);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0d94884d}50%{box-shadow:0 4px 20px #0d948899}}.lesson-darija{font-family:var(--heading-font);font-size:1.5rem}.pronunciation-box{background:#fff8eb1f;border:1px solid #ffffff14;padding:.85rem 1rem}.coach-tip,.lesson-meaning,.phrase-muted,.footer-note p,.routine-item p,.quiz-feedback p{margin:0}.phrase-grid{grid-template-columns:1fr;gap:1rem}@media (width>=768px){.phrase-grid{grid-template-columns:repeat(2,1fr)}}.phrase-card{text-align:left;background:linear-gradient(#fffaf1f5,#fffc);border:1px solid #7e62441a;padding:1.25rem}.phrase-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.phrase-card-actions{align-items:center;gap:.5rem;display:flex}.completion-badge,.review-badge{border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.completion-badge{color:var(--teal-deep);background:#0d94882e}.review-badge{color:var(--orange-deep);background:#ffb54738;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phrase-card-completed{background:linear-gradient(#dff8f5f5,#f0fdfacc);border-color:#0d948833}.phrase-card-review{border-color:#ffb54766;box-shadow:0 0 0 2px #ffb5471a}.complete-button-mini{width:2rem;height:2rem;color:var(--teal-deep);cursor:pointer;background:#0d948826;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .16s;display:inline-flex}.complete-button-mini:hover{background:#0d94884d;transform:scale(1.1)}.complete-button-mini:active{transform:scale(.9)}.reset-button-mini{color:#dc2626;cursor:pointer;background:#ef44441a;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.85rem;transition:all .16s;display:inline-flex}.reset-button-mini:hover{background:#ef444433;transform:scale(1.1)}.reset-button-mini:active{transform:scale(.9)}.phrase-stats{color:var(--muted);opacity:.7;margin-top:.5rem;font-size:.75rem}.expand-button{width:100%;color:var(--teal-deep);cursor:pointer;text-align:center;background:#0d94880f;border:1px solid #0d94881f;border-radius:12px;margin-top:.75rem;padding:.5rem;font-size:.85rem;font-weight:600;transition:all .16s}.expand-button:hover{background:#0d94881f;border-color:#0d948833}.card-details{background:#ffffff80;border:1px solid #7e624414;border-radius:14px;gap:.85rem;margin-top:.75rem;padding:1rem;display:grid}.detail-section{gap:.4rem;display:grid}.detail-section strong{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:700}.detail-section p{color:var(--ink);margin:0;font-size:.95rem;line-height:1.65}.audio-button-mini{width:2rem;height:2rem;color:var(--orange-deep);cursor:pointer;background:#ffb54740;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.audio-button-mini:hover{background:#ffb54773;transform:scale(1.1)}.audio-button-mini:active{transform:scale(.9)}.phrase-card h3{margin:.35rem 0;font-size:1.05rem}.phrase-darija{font-family:var(--heading-font);color:var(--ink);margin:0;font-size:1.2rem}.quiz-score-banner{background:linear-gradient(135deg,#0d948814,#14b8a60d);border:1px solid #0d948826;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.85rem 1.25rem;display:flex}.score-display{flex-direction:column;gap:.2rem;display:flex}.score-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:600}.score-value{color:var(--teal-deep);font-size:1.5rem;font-weight:700}.score-percentage{color:var(--teal-deep);opacity:.3;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.quiz-card{text-align:left;background:linear-gradient(#fffef9fa,#f8f2e7db);border:1px solid #6c563c1f;gap:1rem;padding:1.5rem;display:grid}.quiz-meta{justify-content:space-between;gap:.75rem;display:flex}.quiz-prompt{color:var(--ink);margin:0;font-size:1.15rem}.quiz-option{text-align:left;width:100%;color:var(--ink);background:#ffffffe6;border:1px solid #6f5a401f;border-radius:18px;justify-content:flex-start;padding:.95rem 1rem}.quiz-option:disabled{cursor:not-allowed;opacity:.7}.quiz-option:disabled:hover{transform:none}.option-correct{background:#0d948829;border-color:#0d948857;font-weight:600}.option-wrong{background:#ea580c24;border-color:#ea580c4d;font-weight:600}.quiz-feedback{background:#fff4e5db;border-radius:18px;gap:.75rem;padding:1rem;display:grid}.feedback-good{background:#dff8f5f2}.next-button{background:var(--ink);color:#fffaf2;justify-self:start}.routine-list{margin-bottom:1rem}.routine-item{background:#ffffff94;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:1rem;display:grid}.routine-item span{aspect-ratio:1;background:var(--ink);color:#fff4ea;border-radius:999px;place-items:center;width:2.25rem;font-weight:700;display:inline-grid}.footer-note{color:#fff9efeb;background:#1c2b32eb;padding:1rem}.footer-note strong{margin-bottom:.35rem;display:block}@media (width>=700px){.hero-panel,.panel{padding:1.4rem}.stats-grid,.phrase-grid,.practice-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.hero-panel,.panel{padding:1.75rem}.hero-copy{grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);align-items:end}.hero-actions{justify-content:flex-end;align-self:end}.content-grid,.practice-grid,.phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card-clickable{cursor:pointer;text-align:left;border:none;width:100%;transition:all .2s}.stat-card-clickable:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.stat-card-clickable:active{transform:translateY(-2px)}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:700px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #0000001a;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.modal-header h2{color:var(--ink);margin:0;font-size:1.5rem}.modal-close{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--ink);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.modal-close:hover{background:#0000001a;transform:rotate(90deg)}.modal-body{padding:2rem}.progress-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.progress-stat{text-align:center;background:linear-gradient(135deg,#0d948814,#14b8a60d);border:1px solid #0d948826;border-radius:16px;padding:1.25rem}.progress-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.progress-stat-value{color:var(--teal-deep);margin-bottom:.25rem;font-size:2rem;font-weight:700;display:block}.progress-stat-desc{color:var(--muted);margin:0;font-size:.875rem}.progress-section{margin-bottom:2rem}.progress-section h3{color:var(--ink);margin:0 0 1rem;font-size:1.1rem}.learning-days-list{gap:.5rem;max-height:300px;display:grid;overflow-y:auto}.learning-day-item{background:#fffc;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.day-icon{width:2rem;height:2rem;color:var(--teal-deep);background:#0d948826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.day-date{color:var(--ink);font-size:.95rem}.completed-lessons-list{gap:.5rem;max-height:400px;display:grid;overflow-y:auto}.completed-lesson-item{background:#fffc;border:1px solid #0000001a;border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.lesson-title{color:var(--ink);font-size:.95rem;font-weight:600}.lesson-meta{color:var(--muted);font-size:.8rem}.no-data{text-align:center;color:var(--muted);padding:2rem;font-style:italic}.category-progress-list{gap:1rem;display:grid}.category-progress-item{background:#fffc;border:1px solid #0000001a;border-radius:14px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.category-progress-header{justify-content:space-between;align-items:center;display:flex}.category-progress-name{color:var(--ink);text-transform:capitalize;font-size:1rem;font-weight:700}.category-progress-badge{color:var(--teal-deep);background:#0d94881a;border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:700}.category-progress-bar{background:#00000014;border-radius:999px;height:8px;overflow:hidden}.category-progress-fill{background:linear-gradient(90deg,#0d9488,#14b8a6);border-radius:999px;height:100%;transition:width .4s}.category-progress-meta{color:var(--muted);font-size:.8rem}.no-progress{color:var(--muted);opacity:.7;font-style:italic}.category-progress-item.clickable{cursor:pointer;transition:all .2s}.category-progress-item.clickable:hover{background:#fffffff2;border-color:#0d948833;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.category-progress-item.expanded{background:#fffffff2;border-color:#0d948840}.category-progress-header{transition:all .2s}.expand-icon{color:var(--teal-deep);margin-right:.5rem;font-size:.75rem;transition:transform .2s;display:inline-block}.category-lessons-detail{border-top:1px solid #0000001a;margin-top:1rem;padding-top:1rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.category-lessons-header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.category-lessons-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:600}.category-reset-btn{cursor:pointer;color:#dc2626;background:#fff;border:1px solid #ef44444d;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.category-reset-btn:hover{background:#ef444414;border-color:#ef444480;transform:translateY(-1px)}.category-reset-btn:active{transform:translateY(0)}.category-lessons-grid{gap:.5rem;display:grid}.completed-lesson-mini{background:#0d94880d;border:1px solid #0d948826;border-radius:8px;padding:.75rem;transition:all .2s}.completed-lesson-mini:hover{background:#0d948814;border-color:#0d948840}.lesson-mini-title{color:var(--ink);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.lesson-mini-meta{color:var(--muted);font-size:.75rem}.modal-intro{text-align:center;color:var(--muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.review-categories{gap:2rem;display:grid}.review-category-section{gap:1rem;display:grid}.review-category-title{color:var(--ink);border-bottom:2px solid #0d948833;margin:0;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.review-lessons-grid{gap:1rem;display:grid}.review-lesson-card{background:#ffffffe6;border:1px solid #0000001a;border-radius:14px;gap:1rem;padding:1.25rem;transition:all .2s;display:grid}.review-lesson-card:hover{border-color:#0d948833;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.review-lesson-card.needs-review{background:linear-gradient(135deg,#fffbebcc,#ffffffe6);border-color:#ffb54766}.review-lesson-content{gap:.5rem;display:grid}.review-lesson-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.review-lesson-title{color:var(--ink);font-size:1rem;font-weight:700}.review-badge{color:var(--orange-deep);white-space:nowrap;background:linear-gradient(135deg,#ffb54733,#ffb5471a);border:1px solid #ffb5474d;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.review-lesson-darija{font-family:var(--heading-font);color:var(--ink);opacity:.8;font-size:1.1rem}.review-lesson-meta{color:var(--muted);font-size:.8rem}.review-lesson-actions{gap:.75rem;display:flex}.review-action-btn{cursor:pointer;border:1px solid;border-radius:10px;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.practice-btn{color:#fff;background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:#0d9488}.practice-btn:hover{background:linear-gradient(135deg,#0f766e,#0d9488);transform:translateY(-2px);box-shadow:0 4px 12px #0d94884d}.reset-btn{color:var(--ink);background:#fff;border-color:#00000026}.reset-btn:hover{color:#dc2626;background:#ef444414;border-color:#ef44444d}@media (width<=1024px){.landing-title{font-size:2rem}.profile-cards{grid-template-columns:1fr;max-width:600px;margin:0 auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.phrase-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.landing-title{padding:0 1rem;font-size:1.75rem;line-height:1.3}.landing-subtitle{font-size:1rem}.profile-cards{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.profile-card{padding:1.5rem}.profile-card-content{flex-direction:column;gap:1rem}.profile-card-icon img{width:100px;height:100px}.profile-card-desc{font-size:.95rem}.hero-panel{padding:1rem}.hero-content h1{font-size:1.5rem;line-height:1.3}.hero-text{font-size:.9rem}.hero-actions{flex-direction:column;gap:.75rem}.primary-action,.secondary-action{width:100%;padding:.875rem 1.5rem;font-size:.95rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:1rem}.stat-card strong{font-size:1.5rem}.stat-card p{font-size:.75rem}.category-filters{gap:.5rem;padding:.5rem 0}.filter-chip{padding:.5rem .875rem;font-size:.85rem}.phrase-grid{grid-template-columns:1fr;gap:.75rem}.phrase-card{padding:1rem}.phrase-card h3{font-size:1.1rem}.phrase-darija{font-size:1.25rem}.quiz-card{padding:1.25rem}.quiz-prompt{font-size:1.1rem}.quiz-option{padding:.875rem;font-size:.95rem}.fixed-profile-container{top:.5rem;right:.5rem}.hero-profile-image{width:80px;height:80px}.fixed-logout-button{padding:.4rem .75rem;font-size:.75rem}.modal-content{width:95%;max-height:90vh;padding:1rem}.progress-stats-grid{grid-template-columns:1fr;gap:.75rem}.category-lessons-grid{grid-template-columns:1fr}}@media (width<=640px){.review-lesson-actions{flex-direction:column}.review-action-btn{width:100%}.landing-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.profile-card-icon img{width:90px;height:90px}}