@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CZLC1jgY.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-500-normal-XmtXq_5I.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-600-normal-B3qNl98V.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-700-normal-COV7B1nq.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}@font-face{font-family:Peyda Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Peyda-500-C5xlz1I6.woff2)format("woff2")}@font-face{font-family:Peyda Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Peyda-600-Boj-y2mm.woff2)format("woff2")}@font-face{font-family:Peyda Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Peyda-700-DVrJGAcM.woff2)format("woff2")}:root{--green-950:#04250f;--green-900:#073e1f;--green-800:#0a5c2d;--green-700:#0f7a3d;--green-600:#17914b;--green-500:#2fbf71;--green-100:#e6f4ea;--green-50:#f3faf5;--color-primary:var(--green-700);--color-primary-dark:var(--green-800);--color-primary-darker:var(--green-900);--color-primary-soft:var(--green-100);--color-primary-softer:var(--green-50);--color-accent:var(--green-500);--color-accent-warm:var(--accent-gold);--gradient-primary:linear-gradient(135deg, var(--green-900) 0%, var(--green-800) 50%, var(--green-700) 100%);--n-900:#0f1613;--n-700:#46524b;--n-500:#6b756f;--n-300:#cfd8d2;--n-200:#e2e8e4;--n-100:#eef2ef;--n-0:#fff;--color-text:var(--n-900);--color-text-muted:var(--n-700);--color-text-soft:var(--n-500);--color-on-dark:#eef5f0;--color-on-dark-muted:#b9ccc0;--color-bg:var(--n-0);--color-bg-alt:var(--n-100);--color-bg-raised:var(--n-0);--color-border:var(--n-300);--color-border-soft:var(--n-200);--color-on-primary:#fff;--color-black:#000;--color-danger:#c0392b;--color-danger-soft:#fbe9e7;--color-warning:#b7791f;--color-warning-soft:#fbf1de;--color-admin:#8a4fd1;--color-admin-dark:#6d3bb0;--color-admin-darker:#5a2e91;--color-admin-soft:#f1e9fb;--gradient-admin:linear-gradient(135deg, var(--color-admin-darker) 0%, var(--color-admin) 100%);--status-pending:#b7791f;--status-pending-soft:#fbf1de;--status-success:#17914b;--status-success-soft:#e6f4ea;--status-failed:#c0392b;--status-failed-soft:#fbe9e7;--accent-gold:#c9a227;--accent-teal:#1ba39c;--hairline-gold:linear-gradient(90deg, transparent, var(--accent-gold) 18%, var(--accent-gold) 82%, transparent);--pattern-girih:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%3E%3Cg%20fill='none'%20stroke='%230f7a3d'%20stroke-width='1'%20stroke-linejoin='round'%3E%3Cpath%20d='M39.3%2024.0%2034.81%2028.48%2034.82%2034.82%2028.48%2034.81%2024.0%2039.3%2019.52%2034.81%2013.18%2034.82%2013.19%2028.48%208.7%2024.0%2013.19%2019.52%2013.18%2013.18%2019.52%2013.19%2024.0%208.7%2028.48%2013.19%2034.82%2013.18%2034.81%2019.52Z'/%3E%3Cpath%20d='M15.3%200.0%2010.81%204.48%2010.82%2010.82%204.48%2010.81%200.0%2015.3%20-4.48%2010.81%20-10.82%2010.82%20-10.81%204.48%20-15.3%200.0%20-10.81%20-4.48%20-10.82%20-10.82%20-4.48%20-10.81%20-0.0%20-15.3%204.48%20-10.81%2010.82%20-10.82%2010.81%20-4.48Z'/%3E%3Cpath%20d='M63.3%200.0%2058.81%204.48%2058.82%2010.82%2052.48%2010.81%2048.0%2015.3%2043.52%2010.81%2037.18%2010.82%2037.19%204.48%2032.7%200.0%2037.19%20-4.48%2037.18%20-10.82%2043.52%20-10.81%2048.0%20-15.3%2052.48%20-10.81%2058.82%20-10.82%2058.81%20-4.48Z'/%3E%3Cpath%20d='M15.3%2048.0%2010.81%2052.48%2010.82%2058.82%204.48%2058.81%200.0%2063.3%20-4.48%2058.81%20-10.82%2058.82%20-10.81%2052.48%20-15.3%2048.0%20-10.81%2043.52%20-10.82%2037.18%20-4.48%2037.19%20-0.0%2032.7%204.48%2037.19%2010.82%2037.18%2010.81%2043.52Z'/%3E%3Cpath%20d='M63.3%2048.0%2058.81%2052.48%2058.82%2058.82%2052.48%2058.81%2048.0%2063.3%2043.52%2058.81%2037.18%2058.82%2037.19%2052.48%2032.7%2048.0%2037.19%2043.52%2037.18%2037.18%2043.52%2037.19%2048.0%2032.7%2052.48%2037.19%2058.82%2037.18%2058.81%2043.52Z'/%3E%3C/g%3E%3C/svg%3E");--mask-arch:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='120'%20viewBox='0%200%20100%20120'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23fff'%20d='M0%20120%20L0%2052%20Q6%2014%2050%200%20Q94%2014%20100%2052%20L100%20120%20Z'/%3E%3C/svg%3E");--radius-arch:46% 46% var(--radius-md) var(--radius-md) / 60% 60% var(--radius-md) var(--radius-md);--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--font-arabic:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-latin:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body:var(--font-arabic), var(--font-latin);--font-display:"Peyda Pro", "IBM Plex Sans Arabic", var(--font-latin);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--line-height-tight:1.25;--line-height-base:1.7;--line-height-loose:1.85;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-display:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--shadow-ink:15 41 24;--shadow-sm:0 1px 2px rgb(var(--shadow-ink) / .07), 0 1px 1px rgb(var(--shadow-ink) / .05);--shadow-md:0 4px 12px rgb(var(--shadow-ink) / .1), 0 2px 4px rgb(var(--shadow-ink) / .06);--shadow-lg:0 12px 32px rgb(var(--shadow-ink) / .16), 0 4px 10px rgb(var(--shadow-ink) / .08);--shadow-focus:0 0 0 3px #0f7a3d73;--overlay:rgb(var(--shadow-ink) / .45);--transition-fast:.15s ease;--transition-base:.22s ease;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-emphasized:cubic-bezier(.2, .8, .2, 1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.4s;--container-max:1200px;--header-height:72px;--section-pad:var(--space-7)}[dir=ltr]{--font-display:"Space Grotesk", var(--font-latin)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}.brand-mark__icon{block-size:72%;inline-size:72%}ul,ol{padding-inline-start:var(--space-5)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark);text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0 0 var(--space-4) 0}#root,.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%}.container{width:100%;max-width:1120px;padding-inline:var(--space-4);margin-inline:auto}.btn{min-block-size:44px;padding-inline:var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-base);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-on-primary);text-decoration:none}.btn-secondary{background-color:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary-soft);text-decoration:none}.icon-btn{border-radius:var(--radius-md);block-size:44px;inline-size:44px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background-color:var(--color-primary-soft);color:var(--color-primary)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}:where(a,button,.btn,.icon-btn,[role=button],[tabindex]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.section{padding-block:var(--section-pad)}@media (width>=768px){:root{--section-pad:var(--space-8)}}.section-title{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-display);color:var(--color-primary-dark);text-align:center;margin-block-end:var(--space-6)}.steps-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--color-bg-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card__title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--color-primary-dark);font-weight:700;font-size:var(--font-size-lg)}.placeholder-page{padding-block:var(--space-7);text-align:center}.page-status{padding-block:var(--space-7);text-align:center;color:var(--color-text-muted)}.auth-page{padding-block:var(--space-7);justify-content:center;display:flex}.auth-card{width:100%;max-width:30rem}.auth-card__title{color:var(--color-primary-dark);font-size:var(--font-size-xl)}.auth-card__subtitle{color:var(--color-text-muted)}.auth-card__note{color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-card__footer{text-align:center;color:var(--color-text-muted);margin-block-start:var(--space-5)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field__label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.form-field input{min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.form-field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.form-error{color:var(--color-danger);font-size:var(--font-size-sm)}.form-success{color:var(--color-primary-dark);background-color:var(--color-primary-soft);border-radius:var(--radius-md);padding:var(--space-3)}.form-status{color:var(--color-text-muted)}.auth-form__submit{inline-size:100%;margin-block-start:var(--space-2)}.admin-layout{padding-block-end:var(--space-7)}.admin-layout__header{padding-block:var(--space-5) var(--space-3)}.admin-layout__title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--color-primary-dark);font-size:var(--font-size-xl);margin:0}.admin-layout__nav-scroll{border-block:1px solid var(--color-border);background-color:var(--color-bg-alt);overflow-x:auto}.admin-layout__nav{align-items:center;gap:var(--space-2);padding-block:var(--space-2);width:max-content;min-width:100%;display:flex}.admin-layout__link{min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.admin-layout__link:hover{background-color:var(--color-primary-soft);color:var(--color-primary-dark);text-decoration:none}.admin-layout__link--active{background-color:var(--color-primary);color:var(--color-on-primary)}.admin-layout__content{padding-block-start:var(--space-5)}.admin-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.admin-list{gap:var(--space-3);flex-direction:column;display:flex}.admin-list-item{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-badge{min-block-size:28px;padding-inline:var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);background-color:var(--color-bg-alt);color:var(--color-text-muted);align-items:center;font-weight:600;display:inline-flex}.admin-badge--published{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.admin-table-scroll{overflow-x:auto}.btn-danger{background-color:var(--color-bg);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger-soft);text-decoration:none}.form-field textarea,.form-field select{min-block-size:44px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.form-field textarea{resize:vertical}.form-field textarea:focus,.form-field select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.form-field__help{font-size:var(--font-size-sm);color:var(--color-text-muted)}.admin-form-row{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.admin-form-row{grid-template-columns:1fr 1fr}}.admin-actions-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-icon-btn{padding-inline:var(--space-3);min-inline-size:44px}.admin-list-item__main{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-list-item__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-cover-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);max-inline-size:12rem}.admin-inline-form{background-color:var(--color-bg-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);margin-block-end:var(--space-4)}.admin-card__hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-course-edit{gap:var(--space-5);flex-direction:column;display:flex}.admin-lessons-panel{gap:var(--space-3);flex-direction:column;display:flex}.admin-stats-grid{gap:var(--space-4);grid-template-columns:1fr;margin-block-end:var(--space-5);display:grid}@media (width>=640px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}.admin-stat-card{gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.admin-stat-card__value{font-size:var(--font-size-2xl);color:var(--color-primary-dark);font-weight:700}.admin-stat-card__label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-lesson-edit{gap:var(--space-6);flex-direction:column;display:flex}.form-field--checkbox{align-items:center;gap:var(--space-3);flex-direction:row}.form-field--checkbox input{block-size:20px;inline-size:20px}.block-list,.block-list__items{gap:var(--space-4);flex-direction:column;display:flex}.block-item{gap:var(--space-3);flex-direction:column;display:flex}.block-item__header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.block-item__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.block-field-group{gap:var(--space-3);flex-direction:column;display:flex}.block-list__add{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.block-list__add select{min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.asset-upload{gap:var(--space-2);flex-direction:column;display:flex}.asset-upload__current{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.asset-upload__current-id{font-size:var(--font-size-sm);color:var(--color-text-muted);overflow-wrap:anywhere;background-color:var(--color-bg-alt);border-radius:var(--radius-sm);padding-inline:var(--space-2)}.asset-upload__actions{align-items:center;gap:var(--space-3);display:flex}.asset-upload__input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.asset-upload__progress{border-radius:var(--radius-full);background-color:var(--color-bg-alt);block-size:8px;position:relative;overflow:hidden}.asset-upload__progress-bar{background-color:var(--color-primary);transition:inline-size .2s;position:absolute;inset-block:0;inset-inline-start:0}.asset-upload__progress-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-block-start:var(--space-1);display:block}.asset-upload__message{margin:0}.vocabulary-editor{gap:var(--space-4);flex-direction:column;display:flex}.vocabulary-editor__rows{gap:var(--space-4);flex-direction:column;min-inline-size:280px;display:flex}.vocabulary-row{gap:var(--space-3);flex-direction:column;display:flex}.vocabulary-editor__toolbar{gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-quiz-builder{gap:var(--space-5);border-block-start:1px solid var(--color-border);flex-direction:column;margin-block-start:var(--space-6);padding-block-start:var(--space-6);display:flex}.admin-quiz-builder__settings,.admin-quiz-builder__questions{gap:var(--space-4);flex-direction:column;display:flex}.quiz-choice-row,.quiz-accepted-row,.quiz-matching-item,.quiz-ordering-item{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.quiz-matching-column{gap:var(--space-2);flex-direction:column;flex:12rem;display:flex}.quiz-matching-pairs,.quiz-matching-pair-row{gap:var(--space-2);flex-direction:column;display:flex}.quiz-matching-pair-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-alt);border-radius:var(--radius-md);flex-flow:wrap}.quiz-ordering-correct-list{gap:var(--space-2);flex-direction:column;padding-inline-start:0;list-style:none;display:flex}.quiz-ordering-correct-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-alt);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.quiz-ordering-correct-row input[type=text]{flex:8rem;min-inline-size:0}.quiz-drag-handle{min-block-size:44px;min-inline-size:44px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text-muted);cursor:grab;touch-action:none;transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.quiz-drag-handle:hover{background-color:var(--color-bg-alt);color:var(--color-text)}.quiz-drag-handle:active{cursor:grabbing}.block-item__header-lead{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.quiz-sortable-item--dragging{z-index:1;opacity:.9;box-shadow:var(--shadow-md);position:relative}.quiz-player{gap:var(--space-5);padding-block:var(--space-5);flex-direction:column;display:flex}.quiz-attempts-summary{gap:var(--space-1);flex-direction:column;display:flex}.quiz-question-card{gap:var(--space-4);flex-direction:column;display:flex}.quiz-question-prompt{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.quiz-choice-list{gap:var(--space-3);flex-direction:column;display:flex}.quiz-choice-option{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);display:flex}.quiz-choice-option:has(input:checked){border-color:var(--color-primary);background-color:var(--color-primary-soft)}.quiz-radio-group{gap:var(--space-4);flex-wrap:wrap;display:flex}.quiz-radio-option{align-items:center;gap:var(--space-2);display:flex}.quiz-text-answer{min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.quiz-prompt-image{border-radius:var(--radius-md);max-inline-size:100%}.quiz-prompt-audio{inline-size:100%}.quiz-ordering-list{gap:var(--space-2);flex-direction:column;padding-inline-start:0;list-style:none;display:flex}.quiz-ordering-list__item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-alt);border-radius:var(--radius-md);display:flex}@media (prefers-reduced-motion:reduce){.quiz-drag-handle,.quiz-sortable-item{transition:none!important}}.quiz-result{gap:var(--space-3);flex-direction:column;display:flex}.quiz-result__score{font-size:var(--font-size-xl);color:var(--color-primary-dark);font-weight:700}.quiz-result__questions{gap:var(--space-3);flex-direction:column;display:flex}.quiz-result__question{gap:var(--space-2);flex-direction:column;display:flex}.quiz-progress{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);block-size:8px;inline-size:100%;overflow:hidden}.quiz-progress__fill{background-color:var(--color-primary);border-radius:var(--radius-full);block-size:100%;transition:width var(--dur-base) var(--ease-standard)}@keyframes quizCardEnterNext{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes quizCardEnterPrev{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-question-card--enter-next{animation:quizCardEnterNext var(--dur-base) var(--ease-emphasized) both}.quiz-question-card--enter-prev{animation:quizCardEnterPrev var(--dur-base) var(--ease-emphasized) both}[dir=rtl] .quiz-question-card--enter-next{animation-name:quizCardEnterPrev}[dir=rtl] .quiz-question-card--enter-prev{animation-name:quizCardEnterNext}.quiz-result__celebration{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.quiz-result__headline{gap:var(--space-2);flex-direction:column;flex:12rem;min-inline-size:0;display:flex}.quiz-result__title{font-size:var(--font-size-xl)}.quiz-score-ring{flex:none;block-size:120px;inline-size:120px;position:relative}.quiz-score-ring__track{stroke:var(--color-border)}.quiz-score-ring__value{stroke:var(--color-primary);transition:stroke-dashoffset var(--dur-slow) var(--ease-emphasized)}.quiz-score-ring--fail .quiz-score-ring__value{stroke:var(--color-warning)}.quiz-score-ring__pct{font-size:var(--font-size-xl);color:var(--color-text);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.quiz-result__stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.quiz-stat{gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;flex:8rem;display:flex}.quiz-stat__value{font-size:var(--font-size-lg);color:var(--color-primary-dark);font-weight:700}.quiz-stat__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.quiz-result__streak{color:var(--color-primary-dark);font-weight:600}.quiz-result__question--correct{border-inline-start:3px solid var(--color-accent)}.quiz-result__question--incorrect{border-inline-start:3px solid var(--color-danger)}.quiz-result__question-head{align-items:center;gap:var(--space-2);display:flex}.quiz-result-mark{border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;block-size:28px;inline-size:28px;display:inline-flex}.quiz-result-mark--correct{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.quiz-result-mark--incorrect{background-color:var(--color-danger-soft);color:var(--color-danger)}.quiz-result-mark__check{stroke-dasharray:24;animation:checkDraw var(--dur-base) var(--ease-standard) both}.quiz-result__feedback--correct{color:var(--color-primary-dark);font-weight:600}.quiz-result__feedback--incorrect{color:var(--color-danger);font-weight:600}.quiz-result__prompt{color:var(--color-text);font-weight:600}.quiz-result__answers{gap:var(--space-1);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.quiz-progress__fill,.quiz-score-ring__value{transition:none!important}.quiz-question-card--enter-next,.quiz-question-card--enter-prev,.quiz-result-mark__check{animation:none!important}}.catalog-header{text-align:center;margin-block-end:var(--space-7)}.catalog-subtitle{color:var(--color-text-muted);text-align:center;max-width:40rem;margin-inline:auto}.catalog-empty{text-align:center;padding:var(--space-8) var(--space-5);border:1px dashed var(--color-border-soft,var(--color-border));border-radius:var(--radius-lg);background-color:var(--color-bg-alt)}.catalog-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}.catalog-card{color:inherit;background-color:var(--color-bg-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.catalog-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-4px)}.catalog-card:focus-visible{box-shadow:var(--shadow-focus);outline:none}.catalog-card__cover{aspect-ratio:16/9;background-color:var(--color-bg-alt);overflow:hidden}.catalog-card__cover img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--transition-base)}.catalog-card:hover .catalog-card__cover img{transform:scale(1.04)}.catalog-card__body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.catalog-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.catalog-card__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.catalog-card__meta-item{color:var(--color-text-muted);font-size:var(--font-size-sm)}.catalog-card__description{color:var(--color-text-muted);font-size:var(--font-size-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.catalog-card__cta{align-self:flex-start;margin-block-start:auto;padding-block-start:var(--space-2)}.catalog-badge{min-block-size:28px;padding-inline:var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);background-color:var(--color-bg-alt);color:var(--color-text-muted);align-items:center;font-weight:600;display:inline-flex}.catalog-badge--preview{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.catalog-badge--locked{background-color:var(--color-danger-soft);color:var(--color-danger)}.catalog-badge--enrolled{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.home-featured__footer{justify-content:center;margin-block-start:var(--space-6);display:flex}.catalog-detail{gap:var(--space-5);flex-direction:column;margin-block-end:var(--space-7);display:flex}@media (width>=768px){.catalog-detail{flex-direction:row;align-items:flex-start}}.catalog-detail__cover{aspect-ratio:16/9;border-radius:var(--radius-lg);background-color:var(--color-bg-alt);overflow:hidden}@media (width>=768px){.catalog-detail__cover{flex:0 0 40%}}.catalog-detail__cover img{object-fit:cover;block-size:100%;inline-size:100%}.catalog-detail__header{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.catalog-detail__price-note{color:var(--color-text-muted);font-size:var(--font-size-sm)}.catalog-detail__cta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.catalog-detail__lessons-title{text-align:start}.catalog-lesson-list{gap:var(--space-3);flex-direction:column;padding-inline-start:0;list-style:none;display:flex}.catalog-lesson-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-alt);flex-wrap:wrap;display:flex}.catalog-lesson-item__main{gap:var(--space-1);flex-direction:column;display:flex}.catalog-lesson-item__section{color:var(--color-text-muted);font-size:var(--font-size-sm)}.catalog-lesson-item__title{font-weight:600}.catalog-lesson-item__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.checkout-card{gap:var(--space-4);flex-direction:column;max-width:32rem;margin-inline:auto;display:flex}.checkout-summary{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.checkout-summary__row{justify-content:space-between;gap:var(--space-3);display:flex}.checkout-summary__row dt{color:var(--color-text-muted)}.checkout-summary__row dd{margin:0;font-weight:600}.checkout-actions{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=480px){.checkout-actions{flex-direction:row}}.lesson-blocks{gap:var(--space-5);padding-block:var(--space-5);flex-direction:column;display:flex}.lesson-blocks__section-title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--color-primary-dark);font-size:var(--font-size-lg);margin-block-end:var(--space-3)}.lesson-block__heading{color:var(--color-primary-dark)}.lesson-block__paragraph{white-space:pre-wrap}.lesson-note{border-inline-start:4px solid var(--color-primary);background-color:var(--color-primary-soft);border-radius:var(--radius-md);padding:var(--space-4)}.lesson-note--tip{border-inline-start-color:var(--color-accent)}.lesson-note--warn{border-inline-start-color:var(--color-warning);background-color:var(--color-warning-soft)}.lesson-note__text{margin:0}.lesson-block__figure{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.lesson-block__image{border-radius:var(--radius-md);max-inline-size:100%}.lesson-block__video{border-radius:var(--radius-md);background-color:var(--color-black);inline-size:100%}.lesson-block__audio{inline-size:100%}.lesson-block__caption{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.lesson-block__resources{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-5)}.lesson-resources__list{gap:var(--space-3);flex-direction:column;padding-inline-start:0;list-style:none;display:flex}.lesson-vocab-table{border-collapse:collapse;inline-size:100%;min-inline-size:32rem}.lesson-vocab-table th,.lesson-vocab-table td{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);text-align:start}.lesson-vocab-table th{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600}.lesson-vocab-table__audio{max-inline-size:12rem}.learn-outline__list{gap:var(--space-3);flex-direction:column;padding-inline-start:0;list-style:none;display:flex}.learn-outline__item{gap:var(--space-2);flex-direction:column;display:flex}.learn-outline__section{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.learn-outline__item-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.learn-outline__item-title{color:var(--color-text);font-weight:600}.learn-outline__link{color:inherit}.learn-outline__link:hover{text-decoration:none}.learn-outline__link:hover .learn-outline__item-title{color:var(--color-primary-dark);text-decoration:underline}.learn-outline__locked{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.learn-lesson-denied{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.learn-lesson__header{padding-block-start:var(--space-5)}.learn-lesson__quiz{border-block-start:1px solid var(--color-border);margin-block-start:var(--space-5);padding-block-start:var(--space-5)}.learn-lesson__actions,.learn-lesson__nav{margin-block-start:var(--space-5)}.btn-sm{min-block-size:32px;padding-inline:var(--space-3);font-size:var(--font-size-sm)}.notebook-mode-toggle{gap:var(--space-2);flex-wrap:wrap;display:flex}.notebook-list{gap:var(--space-4);flex-direction:column;padding-inline-start:0;list-style:none;display:flex}.notebook-card{gap:var(--space-3);background-color:var(--color-bg-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}@media (width>=640px){.notebook-card{flex-direction:row;justify-content:space-between;align-items:flex-start}}.notebook-card__main{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.notebook-card__persian{font-size:var(--font-size-lg);color:var(--color-primary-dark);font-weight:700}.notebook-card__meaning{color:var(--color-text);font-weight:600}.notebook-card__meta,.notebook-card__example,.notebook-card__source{color:var(--color-text-muted);font-size:var(--font-size-sm)}.notebook-card__audio{max-inline-size:16rem}.notebook-card__actions{align-items:flex-start;display:flex}.notebook-flashcard-grid{gap:var(--space-4);grid-template-columns:1fr;padding-inline-start:0;list-style:none;display:grid}@media (width>=640px){.notebook-flashcard-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.notebook-flashcard-grid{grid-template-columns:repeat(3,1fr)}}.notebook-flashcard{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;background-color:var(--color-bg-alt);border:1px dashed var(--color-primary);border-radius:var(--radius-lg);min-block-size:8rem;inline-size:100%;padding:var(--space-5);flex-direction:column;display:flex}.notebook-flashcard__persian{font-size:var(--font-size-xl);color:var(--color-primary-dark);font-weight:700}.notebook-flashcard__hint{color:var(--color-text-muted);font-size:var(--font-size-lg)}.notebook-flashcard__hint:before{content:"؟"}.notebook-flashcard__back{gap:var(--space-1);flex-direction:column;display:flex}.notebook-flashcard__meaning{color:var(--color-text);font-weight:600}.notebook-flashcard__pronunciation,.notebook-flashcard__example{color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard-section{margin-block-end:var(--space-7)}.dashboard-section__title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--color-primary-dark);font-size:var(--font-size-lg);margin-block-end:var(--space-4)}.dashboard-empty{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.dashboard-courses-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.dashboard-courses-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-course-card{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.dashboard-course-card__cover{aspect-ratio:16/9;background-color:var(--color-bg-alt);overflow:hidden}.dashboard-course-card__cover img{object-fit:cover;block-size:100%;inline-size:100%}.dashboard-course-card__cover-placeholder{background:linear-gradient(135deg, var(--color-primary-soft), var(--color-bg-alt));block-size:100%;inline-size:100%}.dashboard-course-card__body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.dashboard-course-card__meta{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.dashboard-progress{border-radius:var(--radius-full);background-color:var(--color-bg-alt);block-size:8px;position:relative;overflow:hidden}.dashboard-progress__bar{background-color:var(--color-primary);position:absolute;inset-block:0;inset-inline-start:0}.dashboard-course-card__progress-label{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.dashboard-course-card__cta{align-self:flex-start;margin-block-start:var(--space-2)}.dashboard-stats-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-stat-tile{align-items:center;gap:var(--space-2);text-align:center;color:inherit;flex-direction:column;min-inline-size:12rem;display:flex}.dashboard-stat-tile:hover{border-color:var(--color-primary);text-decoration:none}.dashboard-stat-tile__value{font-size:var(--font-size-2xl);color:var(--color-primary-dark);font-weight:700}.dashboard-stat-tile__label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard-scores-list{gap:var(--space-3);flex-direction:column;padding-inline-start:0;list-style:none;display:flex}.dashboard-score-item{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard-score-item__main{gap:var(--space-1);flex-direction:column;display:flex}.dashboard-score-item__title{color:var(--color-text);font-weight:600}.dashboard-score-item__date{color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard-score-badge{min-block-size:28px;padding-inline:var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);background-color:var(--color-bg-alt);color:var(--color-text-muted);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.dashboard-score-badge--passed{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}.dashboard-score-badge--failed{background-color:var(--color-danger-soft);color:var(--color-danger)}.account-page{gap:var(--space-6);flex-direction:column;max-width:32rem;margin-inline:auto;display:flex}.account-section{gap:var(--space-4);flex-direction:column;display:flex}.account-section__title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--color-primary-dark);font-size:var(--font-size-lg);margin:0}.u-girih-bg{isolation:isolate;position:relative}.u-girih-bg:before{content:"";background-image:var(--pattern-girih);opacity:.05;pointer-events:none;z-index:-1;background-repeat:repeat;background-size:48px 48px;position:absolute;inset:0}@media print{.u-girih-bg:before{display:none}}.u-hairline-gold{background:var(--hairline-gold);border:0;block-size:1px}.u-arch{-webkit-mask-image:var(--mask-arch);-webkit-mask-image:var(--mask-arch);mask-image:var(--mask-arch);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes checkDraw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.u-reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease-standard), transform var(--dur-slow) var(--ease-standard);transform:translateY(16px)}.u-reveal.is-visible{opacity:1;transform:translateY(0)}.u-fade-in{animation:fadeInUp var(--dur-base) var(--ease-standard) both}.u-pop{animation:pop var(--dur-base) var(--ease-emphasized) both}.u-pulse{animation:pulse var(--dur-slow) var(--ease-standard)}.u-shake{animation:shake var(--dur-slow) var(--ease-standard)}.u-stagger>*{animation-delay:calc(var(--stagger-i,0) * 70ms)}.u-stagger>:first-child{--stagger-i:0}.u-stagger>:nth-child(2){--stagger-i:1}.u-stagger>:nth-child(3){--stagger-i:2}.u-stagger>:nth-child(4){--stagger-i:3}.u-stagger>:nth-child(5){--stagger-i:4}.u-stagger>:nth-child(6){--stagger-i:5}.u-stagger>:nth-child(7){--stagger-i:6}.u-stagger>:nth-child(8){--stagger-i:7}.btn{transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.97)}[dir=rtl] .icon-flip{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover,.btn:active{transform:none}}.language-picker{align-self:flex-start;position:relative}.language-picker__trigger{align-items:center;gap:var(--space-2);min-block-size:44px;padding-block:var(--space-1);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);line-height:1;display:inline-flex}.language-picker__trigger:hover,.language-picker__trigger[aria-expanded=true]{border-color:var(--color-primary);background-color:var(--color-primary-softer);color:var(--color-primary-dark)}.language-picker__glyph{color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.language-picker__trigger:hover .language-picker__glyph,.language-picker__trigger[aria-expanded=true] .language-picker__glyph{color:var(--color-primary)}.language-picker__current{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.language-picker__caret{color:var(--color-text-soft);transition:transform var(--transition-fast);flex-shrink:0}.language-picker__trigger[aria-expanded=true] .language-picker__caret{transform:rotate(180deg)}.language-picker__menu{min-inline-size:160px;max-inline-size:min(200px, calc(100vw - 2 * var(--space-4)));padding:var(--space-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background-color:var(--color-bg-raised);box-shadow:var(--shadow-lg);z-index:40;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0}.language-picker__item{align-items:center;gap:var(--space-2);min-block-size:44px;inline-size:100%;padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:start;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;display:flex}.language-picker__item:hover,.language-picker__item:focus-visible{color:var(--color-primary-dark);background-color:var(--color-primary-soft);text-decoration:none}.language-picker__item--active{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.language-picker__check{block-size:20px;inline-size:20px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.language-picker__item-label{flex:1;min-inline-size:0}@media (width>=768px){.language-picker--header{align-self:center}.language-picker--header .language-picker__menu{inset-inline:auto 0}}@media (prefers-reduced-motion:reduce){.language-picker__trigger,.language-picker__glyph,.language-picker__caret,.language-picker__item{transition:none}}.site-header{background-color:var(--color-bg);border-block-end:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm);z-index:30;position:sticky;inset-block-start:0}.header__bar{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:var(--header-height);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.header__brand{align-items:center;gap:var(--space-3);color:var(--color-primary-dark);font-weight:var(--font-weight-bold);display:inline-flex}.header__brand:hover{text-decoration:none}.header__brand-mark{border-radius:var(--radius-md);background:var(--gradient-primary);block-size:48px;inline-size:48px;color:var(--color-on-dark);font-family:var(--font-arabic);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.header__brand-mark .brand-mark__icon{block-size:100%;inline-size:100%;transform:scale(1.12)}.header__brand-text{line-height:var(--line-height-tight);flex-direction:column;display:inline-flex}.header__brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.header__toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);block-size:44px;inline-size:44px;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.header__toggle:hover{background-color:var(--color-primary-soft);border-color:var(--color-primary)}@media (width>=768px){.header__toggle{display:none}}.header__nav{align-items:stretch;gap:var(--space-4);inline-size:100%;min-inline-size:0;padding-block:var(--space-3) var(--space-4);border-block-start:1px solid var(--color-border-soft);flex-direction:column;flex-basis:100%;margin-block-start:var(--space-2);display:none}.header__nav--open{display:flex}@media (width>=768px){.header__nav{align-items:center;gap:var(--space-6);border-block-start:none;flex-direction:row;flex-basis:auto;inline-size:auto;margin-block-start:0;padding-block:0;display:flex}}.header__primary{align-items:stretch;gap:var(--space-1);flex-direction:column;display:flex}@media (width>=768px){.header__primary{align-items:center;gap:var(--space-2);flex-direction:row}}.header__link{min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:color var(--transition-fast), background-color var(--transition-fast);align-items:center;display:inline-flex}.header__link:hover{color:var(--color-primary-dark);background-color:var(--color-primary-soft);text-decoration:none}.header__link--active{color:var(--color-primary);font-weight:var(--font-weight-bold);background-color:var(--color-primary-softer)}.header__link--admin{color:var(--color-admin);font-weight:var(--font-weight-semibold)}.header__link--admin:hover,.header__link--admin.header__link--active{color:var(--color-admin);background-color:var(--color-admin-soft)}.header__actions{align-items:stretch;gap:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.header__actions{align-items:center;gap:var(--space-4);flex-direction:row;margin-inline-start:auto}}.header__auth{align-items:stretch;gap:var(--space-2);flex-direction:column;display:flex}@media (width>=768px){.header__auth{align-items:center;gap:var(--space-3);flex-direction:row}}.header__login{min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-weight:var(--font-weight-medium);transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.header__login:hover{color:var(--color-primary-dark);background-color:var(--color-primary-soft);text-decoration:none}.header__cta{min-block-size:44px;padding-inline:var(--space-5);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.header__cta:hover{background-color:var(--color-primary-dark);color:var(--color-on-primary);box-shadow:var(--shadow-md);text-decoration:none}.header__admin-badge{align-items:center;gap:var(--space-1);padding-block:4px;padding-inline:var(--space-3);border-radius:var(--radius-full);background-color:var(--color-admin-soft);color:var(--color-admin);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;align-self:flex-start;display:inline-flex}[dir=ltr] .header__admin-badge{letter-spacing:.02em;text-transform:uppercase}@media (width>=768px){.header__admin-badge{align-self:center}}.header__admin-badge-dot{border-radius:var(--radius-full);background-color:var(--color-admin);block-size:6px;inline-size:6px}.account-menu{align-self:flex-start;position:relative}@media (width>=768px){.account-menu{align-self:center}}.account-menu__trigger{align-items:center;gap:var(--space-2);min-block-size:44px;padding-inline-start:var(--space-1);padding-inline-end:var(--space-3);padding-block:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);display:inline-flex}.account-menu__trigger:hover,.account-menu__trigger[aria-expanded=true]{border-color:var(--color-primary);background-color:var(--color-primary-softer)}.account-menu__avatar{border-radius:var(--radius-full);background:var(--gradient-primary);block-size:32px;inline-size:32px;color:var(--color-on-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.account-menu--admin .account-menu__avatar{background:var(--gradient-admin)}.account-menu__name{text-overflow:ellipsis;white-space:nowrap;max-inline-size:12ch;font-weight:var(--font-weight-semibold);overflow:hidden}.account-menu__caret{font-size:var(--font-size-xs);color:var(--color-text-muted);transition:transform var(--transition-fast)}.account-menu__trigger[aria-expanded=true] .account-menu__caret{transform:rotate(180deg)}.account-menu__popover{min-inline-size:240px;max-inline-size:min(280px, calc(100vw - 2 * var(--space-4)));padding:var(--space-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background-color:var(--color-bg-raised);box-shadow:var(--shadow-lg);z-index:40;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0}.account-menu__heading{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.account-menu__heading-label{font-size:var(--font-size-xs);color:var(--color-text-soft);display:block}.account-menu__heading-name{font-weight:var(--font-weight-bold);color:var(--color-text);overflow-wrap:anywhere;display:block}.account-menu__divider{block-size:1px;margin-block:var(--space-2);margin-inline:var(--space-2);background-color:var(--color-border-soft);border:none}.account-menu__item{min-block-size:44px;inline-size:100%;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:start;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;align-items:center;display:flex}.account-menu__item:hover,.account-menu__item:focus-visible{color:var(--color-primary-dark);background-color:var(--color-primary-soft);text-decoration:none}.account-menu__item--admin{color:var(--color-admin);font-weight:var(--font-weight-semibold)}.account-menu__item--admin:hover,.account-menu__item--admin:focus-visible{color:var(--color-admin);background-color:var(--color-admin-soft)}.account-menu__item--logout{color:var(--color-danger)}.account-menu__item--logout:hover,.account-menu__item--logout:focus-visible{color:var(--color-danger);background-color:var(--color-danger-soft)}.footer{background:var(--color-primary-darker);color:var(--color-on-dark);margin-block-start:var(--space-9)}.footer__top{gap:var(--space-6);padding-block:var(--space-8) var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.footer__top{column-gap:var(--space-5);grid-template-columns:repeat(2,1fr)}.footer__brand{grid-column:1/-1}}@media (width>=1024px){.footer__top{gap:var(--space-6);grid-template-columns:1.5fr 1fr 1fr 1fr 1.15fr}.footer__brand{grid-column:auto}}.footer__brand{gap:var(--space-3);flex-direction:column;max-width:34rem;display:flex}.footer__brand-link{align-items:center;gap:var(--space-2);color:var(--color-on-dark);width:fit-content;text-decoration:none;display:inline-flex}.footer__brand-mark{border-radius:var(--radius-md);background:var(--gradient-primary);block-size:2.75rem;inline-size:2.75rem;color:var(--color-on-dark);font-family:var(--font-arabic);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.footer__brand-mark .brand-mark__icon{block-size:100%;inline-size:100%;transform:scale(1.12)}.footer__brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.footer__blurb{color:var(--color-on-dark-muted);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.footer__lang-note{color:var(--color-on-dark-muted);font-size:var(--font-size-xs);margin:0;font-style:italic}.footer__col{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.footer__col-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-on-dark);margin:0}.footer__col-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__link{color:var(--color-on-dark-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast);word-break:break-word;text-decoration:none}.footer__link:hover,.footer__link:focus-visible{color:var(--color-on-dark);text-decoration:underline}.footer__link:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.footer__col--contact{gap:var(--space-3)}.footer__contact-line{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.footer__contact-label{font-size:var(--font-size-xs);color:var(--color-on-dark-muted)}.footer__bottom{border-block-start:1px solid color-mix(in srgb, var(--color-on-dark) 14%, transparent)}.footer__bottom-inner{padding-block:var(--space-4);text-align:center;justify-content:center;display:flex}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-on-dark-muted);margin:0}@media (width>=640px){.footer__bottom-inner{text-align:start;justify-content:start}}.appshell{--shell-accent:var(--color-primary);--shell-accent-dark:var(--color-primary-dark);--shell-accent-soft:var(--color-primary-soft);--shell-accent-contrast:var(--color-on-primary);--shell-sidebar-w:264px;--shell-rail-w:76px;--shell-topbar-h:60px;--shell-bg:var(--color-bg-alt);--shell-surface:var(--color-bg-raised);background-color:var(--shell-bg);min-height:100vh}.appshell[data-accent=student]{--shell-accent:var(--color-primary);--shell-accent-dark:var(--color-primary-dark);--shell-accent-soft:var(--color-primary-soft)}.appshell[data-accent=admin]{--shell-accent:var(--color-admin);--shell-accent-dark:var(--color-admin-dark);--shell-accent-soft:var(--color-admin-soft)}.appshell__sidebar{z-index:60;background-color:var(--shell-surface);border-inline-end:1px solid var(--color-border);inline-size:min(84vw,300px);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform var(--transition-base), visibility var(--transition-base);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}[dir=rtl] .appshell__sidebar{transform:translate(100%)}.appshell--drawer-open .appshell__sidebar{visibility:visible;transform:translate(0)}.appshell__sidebar-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-block-end:1px solid var(--color-border-soft);display:flex}.appshell__brand{align-items:center;gap:var(--space-3);font-weight:var(--font-weight-bold);color:var(--shell-accent-dark);display:inline-flex}.appshell__brand:hover{text-decoration:none}.appshell__brand-mark{border-radius:var(--radius-md);background:var(--shell-accent);block-size:34px;inline-size:34px;color:var(--shell-accent-contrast);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:inline-flex}.appshell__drawer-close{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);block-size:40px;inline-size:40px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.appshell__nav{padding:var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.appshell-navitem{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-weight:var(--font-weight-medium);min-block-size:44px;display:flex}.appshell-navitem:hover{background-color:var(--shell-accent-soft);color:var(--shell-accent-dark);text-decoration:none}.appshell-navitem--active{background-color:var(--shell-accent);color:var(--shell-accent-contrast)}.appshell-navitem--active:hover{background-color:var(--shell-accent-dark);color:var(--shell-accent-contrast)}.appshell-navitem__icon{color:currentColor;flex:none;block-size:22px;inline-size:22px}.appshell-navitem__label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.appshell-navgroup{margin-block-start:var(--space-2)}.appshell-navgroup__heading{align-items:center;gap:var(--space-3);inline-size:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;display:flex}.appshell-navgroup__icon{flex:none;block-size:22px;inline-size:22px}.appshell-navgroup__label{text-align:start;flex:1}.appshell-navgroup__chevron{transition:transform var(--transition-fast);flex:none}.appshell-navgroup--open .appshell-navgroup__chevron{transform:rotate(180deg)}.appshell-navgroup__items{gap:var(--space-1);flex-direction:column;margin:0;padding:0;padding-inline-start:var(--space-4);list-style:none;display:flex}.appshell__sidebar-foot{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-block-start:1px solid var(--color-border-soft);display:flex}.appshell__back-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex}.appshell__back-link:hover{background-color:var(--color-bg-alt);color:var(--shell-accent-dark);text-decoration:none}.appshell__back-icon{display:inline-block}.appshell__collapse-btn{display:none}.appshell__scrim{z-index:50;background:var(--overlay);border:none;position:fixed;inset:0}.appshell__scrim[hidden]{display:none}.appshell__main{min-height:100vh;flex-direction:column;min-inline-size:0;display:flex}.appshell__topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:var(--shell-topbar-h);padding-inline:var(--space-4);background-color:var(--shell-surface);border-block-end:1px solid var(--color-border);display:flex;position:sticky;inset-block-start:0}.appshell__topbar-start,.appshell__topbar-end{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.appshell__topbar-title{font-weight:var(--font-weight-bold);color:var(--shell-accent-dark);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.appshell__hamburger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);block-size:42px;inline-size:42px;color:var(--shell-accent-dark);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:inline-flex}.appshell__content{min-inline-size:0;padding:var(--space-5) var(--space-4);flex:1}.appshell .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1024px){.appshell{grid-template-columns:var(--shell-sidebar-w) 1fr;align-items:start;display:grid}.appshell--collapsed{grid-template-columns:var(--shell-rail-w) 1fr}.appshell__sidebar{visibility:visible;block-size:100vh;inline-size:auto;box-shadow:none;z-index:auto;position:sticky;inset-block-start:0;transform:none!important}.appshell__drawer-close,.appshell__hamburger,.appshell__scrim{display:none!important}.appshell__collapse-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);block-size:34px;inline-size:34px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.appshell--collapsed .appshell__brand-text,.appshell--collapsed .appshell-navitem__label,.appshell--collapsed .appshell-navgroup__label,.appshell--collapsed .appshell-navgroup__chevron,.appshell--collapsed .appshell__back-label{display:none}.appshell--collapsed .appshell__sidebar-head,.appshell--collapsed .appshell__sidebar-foot,.appshell--collapsed .appshell-navitem,.appshell--collapsed .appshell-navgroup__heading{justify-content:center}}@media (prefers-reduced-motion:reduce){.appshell__sidebar,.appshell-navgroup__chevron{transition:none}}.appshell[data-accent=student]{--shell-bg:var(--color-primary-softer);--shell-surface:var(--color-bg-raised)}.appshell[data-accent=student] .appshell__sidebar{border-inline-end-color:var(--color-border-soft);background:linear-gradient(180deg, var(--color-primary-soft) 0, var(--shell-surface) 140px)}.appshell[data-accent=student] .appshell__sidebar-head{border-block-end-color:var(--color-border-soft)}.appshell[data-accent=student] .appshell__brand-mark{background:var(--gradient-primary);box-shadow:var(--shadow-sm)}.appshell[data-accent=student] .appshell__brand-text{color:var(--color-primary-dark);letter-spacing:-.01em}.appshell[data-accent=student] .appshell-navgroup__heading{color:var(--color-primary-dark)}.appshell[data-accent=student] .appshell-navgroup__heading:hover{color:var(--color-primary)}.appshell[data-accent=student] .appshell-navgroup__items{border-inline-start:2px solid var(--color-border-soft);margin-inline-start:var(--space-3)}.appshell[data-accent=student] .appshell-navitem--active{box-shadow:var(--shadow-sm)}.appshell[data-accent=student] .appshell__topbar{border-block-end:2px solid var(--color-primary-soft);box-shadow:var(--shadow-sm)}.appshell[data-accent=student] .appshell__content{padding-block:var(--space-4)}@media (width<=640px){.appshell[data-accent=student] .appshell__content{padding-inline:0}}.appshell[data-accent=admin]{--admin-accent:var(--color-admin);--admin-accent-dark:var(--color-admin-dark);--admin-accent-soft:var(--color-admin-soft);--admin-wash:#faf7fe}.appshell[data-accent=admin] .appshell__sidebar{background-color:var(--admin-wash)}.appshell[data-accent=admin] .appshell__sidebar-head{background-color:var(--admin-accent-soft);border-block-end-color:var(--admin-accent-soft)}.appshell[data-accent=admin] .appshell__brand-mark{box-shadow:0 2px 6px #8a4fd159}.appshell[data-accent=admin] .appshell-navgroup__items{border-inline-start:2px solid var(--admin-accent-soft);margin-inline-start:var(--space-3);padding-inline-start:var(--space-3)}.appshell[data-accent=admin] .appshell-navgroup__heading{color:var(--admin-accent-dark)}.appshell[data-accent=admin] .appshell-navitem--active{box-shadow:0 2px 8px #8a4fd147}.appshell[data-accent=admin] .appshell__topbar{background-color:var(--admin-wash);border-block-start:3px solid var(--admin-accent)}.appshell[data-accent=admin] .appshell__topbar-title{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--admin-accent);color:var(--color-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.02em;white-space:nowrap;display:inline-flex}.appshell[data-accent=admin] .appshell__topbar-title:before{content:"";border-radius:var(--radius-full);background-color:#ffffffd9;flex:none;block-size:7px;inline-size:7px}.appshell[data-accent=admin] .appshell__hamburger,.appshell[data-accent=admin] .admin-layout__title{color:var(--admin-accent-dark)}.appshell[data-accent=admin] .appshell__content .btn-primary{background-color:var(--admin-accent)}.appshell[data-accent=admin] .appshell__content .btn-primary:hover{background-color:var(--admin-accent-dark)}.appshell[data-accent=admin] .appshell__content .card__title,.appshell[data-accent=admin] .appshell__content .admin-stat-card__value{color:var(--color-admin-dark)}.appshell[data-accent=admin] .appshell__content .admin-badge--published{background-color:var(--color-admin-soft);color:var(--color-admin-dark)}.appshell[data-accent=admin] .appshell__content .btn-secondary{border-color:var(--color-admin);color:var(--color-admin-dark)}.appshell[data-accent=admin] .appshell__content .btn-secondary:hover{background-color:var(--color-admin-soft)}.appshell[data-accent=admin] .appshell__content .form-success{color:var(--color-admin-dark);background-color:var(--color-admin-soft)}.appshell[data-accent=admin] .appshell__content .form-field input:focus,.appshell[data-accent=admin] .appshell__content .form-field textarea:focus,.appshell[data-accent=admin] .appshell__content .form-field select:focus,.appshell[data-accent=admin] .appshell__content :where(a,button,.btn,.icon-btn,[role=button],[tabindex]):focus-visible{outline-color:var(--color-admin)}.admin-page__title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-size:var(--font-size-xl);color:var(--color-admin-dark);margin:0;font-weight:700}.admin-page__subtitle{color:var(--color-text-muted);font-size:var(--font-size-md);margin-block-start:var(--space-1)}.admin-page__header{gap:var(--space-1);border-block-end:1px solid var(--color-border-soft);flex-direction:column;margin-block-end:var(--space-5);padding-block-end:var(--space-4);display:flex}.admin-section__title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-size:var(--font-size-lg);color:var(--color-admin-dark);margin:0;font-weight:600}.admin-table{border-collapse:collapse;inline-size:100%;min-inline-size:34rem}.admin-table--wide{min-inline-size:48rem}.admin-table th,.admin-table td{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border-soft);text-align:start;vertical-align:middle}.admin-table thead th{color:var(--color-admin-dark);background-color:var(--color-admin-soft);font-size:var(--font-size-sm);font-weight:600}.admin-table__num{font-variant-numeric:tabular-nums}.status-badge{align-items:center;gap:var(--space-1);min-block-size:28px;padding-inline:var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;display:inline-flex}.status-badge--success{color:var(--status-success);background-color:var(--status-success-soft)}.status-badge--pending{color:var(--status-pending);background-color:var(--status-pending-soft)}.status-badge--failed{color:var(--status-failed);background-color:var(--status-failed-soft)}.status-badge--neutral{color:var(--color-text-muted);background-color:var(--color-bg-alt)}.status-badge--published{color:var(--color-admin-dark);background-color:var(--color-admin-soft)}.home{--home-section-pad:var(--section-pad)}.home-section{padding-block:var(--home-section-pad)}.home-section--alt{background-color:var(--color-bg-alt)}.home-section__title{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-display);line-height:var(--line-height-tight);color:var(--color-primary-dark);font-weight:var(--font-weight-bold);text-align:center;text-wrap:balance;margin-block-end:var(--space-6)}.home-section__title--start{text-align:start;text-wrap:pretty}.home-stagger{opacity:0;transition:opacity var(--dur-slow) var(--ease-standard), transform var(--dur-slow) var(--ease-standard);transition-delay:calc(var(--stagger-i,0) * 70ms);transform:translateY(14px)}.is-visible .home-stagger{opacity:1;transform:translateY(0)}.home-hero{background:radial-gradient(120% 120% at 100% 0%, var(--color-primary-soft) 0%, transparent 55%), linear-gradient(180deg, var(--color-primary-softer) 0%, var(--color-bg) 100%);padding-block:var(--space-8);position:relative;overflow:hidden}.home-hero.u-girih-bg:before{opacity:.07}.home-hero__inner{gap:var(--space-6);grid-template-columns:1fr;align-items:center;display:grid}.home-hero__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:var(--color-primary-soft);border:1px solid var(--color-border-soft);padding-block:var(--space-1);padding-inline:var(--space-3);border-radius:var(--radius-full);align-self:start;margin-block-end:var(--space-4);display:inline-block}[dir=ltr] .home-hero__eyebrow{letter-spacing:.04em}.home-hero__title{font-family:var(--font-display);font-size:var(--font-size-3xl);letter-spacing:var(--tracking-display);line-height:var(--line-height-tight);color:var(--color-primary-dark);font-weight:var(--font-weight-bold);text-wrap:balance;margin-block-end:var(--space-4)}.home-hero__subtitle{font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text-muted);max-width:56ch}.home-hero__actions{gap:var(--space-3);flex-direction:column;margin-block-start:var(--space-6);display:flex}.home-hero__cta{font-size:var(--font-size-md);min-block-size:52px;box-shadow:var(--shadow-sm)}.home-hero__media{align-items:stretch;gap:var(--space-4);flex-direction:column;display:flex}.home-hero__frame{aspect-ratio:5/6;background-color:var(--color-primary-softer);inline-size:100%;max-inline-size:380px;margin-inline:auto;position:relative}.home-hero__alphabet{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.home-hero__letter{font-family:var(--font-display);font-weight:var(--font-weight-medium);fill:var(--color-primary-dark);font-size:22px}.home-hero__letter--gold{fill:var(--accent-gold)}.home-hero__letter--teal{fill:var(--accent-teal)}@media (prefers-reduced-motion:no-preference){.home-hero__letter{opacity:0;animation:homeAlphabetIn var(--dur-base) var(--ease-standard) forwards;animation-delay:calc(var(--i) * 40ms)}}@keyframes homeAlphabetIn{to{opacity:1}}.home-hero__hairline{inline-size:100%;max-inline-size:380px;margin-inline:auto}@media (width>=640px){.home-hero__actions{flex-flow:wrap}.home-hero__cta{flex:0 auto}}@media (width>=1024px){.home-hero{padding-block:var(--space-9)}.home-hero__inner{gap:var(--space-8);grid-template-columns:1.05fr .95fr}.home-hero__title{font-size:var(--font-size-4xl)}}.home-about__inner{gap:var(--space-6);grid-template-columns:1fr;align-items:center;display:grid}.home-about__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-block-end:var(--space-3);display:inline-block}[dir=ltr] .home-about__eyebrow{letter-spacing:.08em;text-transform:uppercase}.home-about__image{border-radius:var(--radius-lg);block-size:auto;inline-size:100%;max-inline-size:100%;box-shadow:var(--shadow-md);display:block}.home-about__title{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-display);color:var(--color-primary-dark);font-weight:var(--font-weight-bold);text-wrap:balance;margin-block-end:var(--space-4)}.home-about__body{color:var(--color-text-muted);line-height:var(--line-height-base);max-width:60ch;margin-block-end:var(--space-5)}.home-about__bullets{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.home-about__bullet{gap:var(--space-3);color:var(--color-text);font-weight:var(--font-weight-medium);align-items:flex-start;display:flex}.home-about__bullet-icon{block-size:22px;inline-size:22px;color:var(--color-primary);flex:none;margin-block-start:1px}@media (width>=1024px){.home-about__inner{gap:var(--space-8);grid-template-columns:1fr 1fr}.home-about__media{order:1}}.home-values__head{margin-block-end:var(--space-6)}.home-values__head .home-section__title{margin-block-end:var(--space-3)}.home-values__lead{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-base);max-width:60ch;margin:0}.home-values__grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}.home-value-card{background-color:var(--color-bg-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base)}.home-value-card.home-stagger{transition:opacity var(--dur-slow) var(--ease-standard), transform var(--transition-base), box-shadow var(--transition-base)}.home-value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.home-value-card__icon{border-radius:var(--radius-md);background-color:var(--color-primary-soft);block-size:52px;inline-size:52px;color:var(--color-primary);justify-content:center;align-items:center;margin-block-end:var(--space-4);display:inline-flex}.home-value-card__icon svg{block-size:26px;inline-size:26px}.home-value-card__title{color:var(--color-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);margin-block-end:var(--space-2)}.home-value-card__body{color:var(--color-text-muted);line-height:var(--line-height-base);margin:0}@media (width>=640px){.home-values__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.home-values__grid{grid-template-columns:repeat(4,1fr)}}.home-steps{gap:var(--space-5);counter-reset:home-step;grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.home-step{gap:var(--space-4);background-color:var(--color-bg-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);align-items:flex-start;display:flex}.home-step__num{border-radius:var(--radius-full);background:var(--gradient-primary);block-size:44px;inline-size:44px;color:var(--color-on-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex:none;justify-content:center;align-items:center;display:inline-flex}.home-step__title{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);margin-block-end:var(--space-2)}.home-step__body{color:var(--color-text-muted);line-height:var(--line-height-base);margin:0}@media (width>=768px){.home-steps{grid-template-columns:repeat(3,1fr)}.home-step{flex-direction:column}}.home-featured__grid{margin-block-end:var(--space-6)}.home-featured__grid>.home-stagger{display:grid}.home-featured__footer{justify-content:center;display:flex}.home-faq__inner{max-width:820px}.home-faq__list{gap:var(--space-3);display:grid}.home-faq__item{background-color:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding-inline:var(--space-5);padding-block:var(--space-1)}.home-faq__item[open]{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.home-faq__question{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;padding-block:var(--space-4);font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-md);list-style:none;display:flex}.home-faq__question::-webkit-details-marker{display:none}.home-faq__question:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.home-faq__chevron{border-inline-end:2px solid var(--color-primary);border-block-end:2px solid var(--color-primary);block-size:12px;inline-size:12px;transition:transform var(--transition-fast);flex:none;transform:rotate(45deg)}.home-faq__item[open] .home-faq__chevron{transform:rotate(-135deg)}.home-faq__answer{color:var(--color-text-muted);line-height:var(--line-height-base);margin:0;padding-block-end:var(--space-4)}.home-final-cta{background:var(--gradient-primary);padding-block:var(--space-8)}.home-final-cta__inner{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.home-final-cta__title{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-display);font-weight:var(--font-weight-bold);color:var(--color-on-dark);text-wrap:balance;margin:0}.home-final-cta__subtitle{color:var(--color-on-dark-muted);font-size:var(--font-size-md);line-height:var(--line-height-base);max-width:56ch;margin:0}.home-final-cta__button{background-color:var(--color-bg);color:var(--color-primary-dark);font-size:var(--font-size-md);min-block-size:52px;box-shadow:var(--shadow-md);margin-block-start:var(--space-2)}.home-final-cta__button:hover{background-color:var(--color-primary-soft);color:var(--color-primary-dark);text-decoration:none}@media (width>=1024px){.home-final-cta{padding-block:var(--space-9)}.home-final-cta__title{font-size:var(--font-size-3xl)}}@media (prefers-reduced-motion:reduce){.home-value-card,.home-faq__chevron{transition:none}.home-value-card:hover{transform:none}.home-stagger{transition-delay:0s}}.home-quote{padding-block:var(--home-section-pad);background-color:var(--color-bg);border-block-start:1px solid var(--color-border-soft);text-align:center}.home-quote__inner{max-inline-size:46rem;margin-block:0;margin-inline:auto}.home-quote__mark{font-family:var(--font-display);color:var(--accent-gold);margin-block-end:var(--space-3);font-size:3.5rem;line-height:1;display:block}.home-quote__text{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-display);line-height:1.45;font-weight:var(--font-weight-medium);color:var(--color-text);text-wrap:balance;margin:0}.home-quote__author{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin-block-start:var(--space-5)}.home-quote__author:before{content:"";block-size:2px;inline-size:2.5rem;background-color:var(--accent-gold);border-radius:var(--radius-full);margin-block-end:var(--space-4);margin-inline:auto;display:block}@media (width>=768px){.home-quote__text{font-size:var(--font-size-3xl)}}.catalog-controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.catalog-controls__search{flex:16rem;min-inline-size:0;position:relative}.catalog-controls__search-icon{color:var(--color-text-soft);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-3);transform:translateY(-50%)}.catalog-controls__input,.catalog-controls__select{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);min-block-size:44px;inline-size:100%;color:var(--color-text)}.catalog-controls__input{padding-block:0;padding-inline:calc(var(--space-3) * 2 + 18px) var(--space-3)}.catalog-controls__select{padding-inline:var(--space-3);flex:0 14rem}.catalog-controls__input:focus-visible,.catalog-controls__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.catalog-card__cover{position:relative}.catalog-card__price{min-block-size:28px;padding-inline:var(--space-3);border-radius:var(--radius-full);background-color:var(--color-bg-raised);color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);align-items:center;display:inline-flex;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.catalog-card__cta{align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--font-weight-semibold);display:inline-flex}.catalog-card:hover .catalog-card__cta{color:var(--color-primary-dark)}.catalog-card__cta svg{flex:none}.catalog-detail__buy{align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.catalog-detail__price{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-primary-dark);margin:0}.checkout-summary__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);margin-block-end:0}.checkout-page .checkout-summary{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background-color:var(--color-primary-softer);flex-direction:row}.checkout-summary__cover{aspect-ratio:16/9;border-radius:var(--radius-md);background-color:var(--color-bg-alt);flex:none;inline-size:96px;overflow:hidden}.checkout-summary__cover img{object-fit:cover;block-size:100%;inline-size:100%}.checkout-summary__info{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.checkout-summary__course-title{font-weight:var(--font-weight-semibold)}.checkout-summary__price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.dashboard{gap:var(--space-6);flex-direction:column;display:flex}.dashboard .dashboard-section{margin-block-end:0}.dashboard .dashboard-hero{padding:var(--space-6);background-color:var(--color-primary-softer);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dashboard .dashboard-hero__edge{position:absolute;inset-block-start:0;inset-inline:0}.dashboard .dashboard-hero__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-dark);margin:0}.dashboard .dashboard-hero__title{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:var(--tracking-display);color:var(--color-primary-darker)}@media (width>=640px){.dashboard .dashboard-hero__title{font-size:var(--font-size-3xl)}}.dashboard .dashboard-hero__resume{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.dashboard .dashboard-hero__resume-btn{gap:var(--space-2)}.dashboard .dashboard-hero__resume-lesson{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.dashboard .dashboard-kpis{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.dashboard .dashboard-kpis{grid-template-columns:repeat(4,1fr)}}.dashboard .dashboard-kpi{gap:var(--space-1);padding:var(--space-4);text-align:start;flex-direction:column;display:flex;position:relative;overflow:hidden}.dashboard .dashboard-kpi:before{content:"";background:var(--gradient-primary);block-size:3px;position:absolute;inset-block-start:0;inset-inline:0}.dashboard .dashboard-kpi__value{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-display);line-height:var(--line-height-tight);color:var(--color-primary-dark)}.dashboard .dashboard-kpi__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dashboard .dashboard-kpi--link{color:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.dashboard .dashboard-kpi--link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none}.dashboard .dashboard-progress__bar{background:var(--gradient-primary)}.dashboard .dashboard-empty__icon{border-radius:var(--radius-full);background-color:var(--color-primary-soft);block-size:56px;inline-size:56px;color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.dashboard .dashboard-empty__line{max-inline-size:32ch;color:var(--color-text-muted);margin:0}.admin-dashboard{flex-direction:column;display:flex}.admin-kpi-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:var(--space-6);display:grid}@media (width>=720px){.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-stat-card__state{min-block-size:2rem;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.admin-stat-card__state--error{color:var(--color-danger)}.admin-chart-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=720px){.admin-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-chart-card{gap:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}.admin-chart-card__head{gap:var(--space-1);flex-direction:column;display:flex}.admin-chart-card__caption{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-tight);margin:0}.admin-chart-card__body{min-inline-size:0}.admin-chart-status{min-block-size:8rem;padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;margin:0;display:flex}.admin-chart-status--error{color:var(--color-danger)}.admin-chart-svg{block-size:auto;inline-size:100%;display:block;overflow:visible}.admin-chart-grid-line{stroke:var(--color-border-soft);stroke-width:1px}.admin-chart-baseline{stroke:var(--color-border);stroke-width:1px}.admin-chart-axis-label{fill:var(--color-text-muted);font-family:var(--font-body);font-size:11px}.admin-chart-value-label{fill:var(--color-text);font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-semibold)}.admin-chart-inline-label{font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-semibold)}.admin-chart-area{stroke:none}.admin-chart-line{fill:none;stroke:var(--color-admin);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.admin-chart-dot{fill:var(--color-admin);stroke:var(--color-bg-raised);stroke-width:2px}.admin-chart-bar{fill:var(--color-admin)}.admin-chart-arc{fill:none;stroke-width:20px}.admin-chart-arc--pending{stroke:var(--status-pending)}.admin-chart-arc--success{stroke:var(--status-success)}.admin-chart-arc--failed{stroke:var(--status-failed)}.admin-chart-arc-track{fill:none;stroke:var(--color-bg-alt);stroke-width:20px}.admin-chart-donut-total{fill:var(--color-text);font-family:var(--font-body);font-size:26px;font-weight:var(--font-weight-bold);text-anchor:middle}.admin-chart-donut-caption{fill:var(--color-text-muted);font-family:var(--font-body);text-anchor:middle;font-size:11px}.admin-chart-seg--published{fill:var(--color-admin)}.admin-chart-seg--draft{fill:var(--n-300)}.admin-chart-legend{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.admin-chart-legend__item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);display:inline-flex}.admin-chart-legend__swatch{border-radius:var(--radius-sm);flex-shrink:0;block-size:12px;inline-size:12px}.admin-chart-legend__swatch--pending{background-color:var(--status-pending)}.admin-chart-legend__swatch--success{background-color:var(--status-success)}.admin-chart-legend__swatch--failed{background-color:var(--status-failed)}.admin-chart-legend__swatch--published{background-color:var(--color-admin)}.admin-chart-legend__swatch--draft{background-color:var(--n-300)}.admin-chart-legend__value{color:var(--color-text);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.admin-chart-table{margin-block-start:var(--space-1)}.admin-chart-table>summary{cursor:pointer;color:var(--color-admin-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-block:var(--space-1);inline-size:fit-content;list-style-position:inside}.admin-chart-table>summary:hover{text-decoration:underline}.admin-chart-table>summary:focus-visible{outline:2px solid var(--color-admin);outline-offset:2px;border-radius:var(--radius-sm)}.admin-chart-table__scroll{margin-block-start:var(--space-2);overflow-x:auto}@media (prefers-reduced-motion:no-preference){.admin-chart-line{stroke-dasharray:100;animation:admin-chart-draw var(--dur-slow) var(--ease-standard) both}.admin-chart-area,.admin-chart-dot,.admin-chart-arc,.admin-chart-donut-total,.admin-chart-donut-caption{animation:admin-chart-fade var(--dur-base) var(--ease-standard) both}.admin-chart-bar{transform-box:fill-box;transform-origin:bottom;animation:admin-chart-rise var(--dur-base) var(--ease-emphasized) both}.admin-chart-seg--published,.admin-chart-seg--draft{transform-box:fill-box;transform-origin:0;animation:admin-chart-grow var(--dur-base) var(--ease-emphasized) both}@keyframes admin-chart-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes admin-chart-fade{0%{opacity:0}to{opacity:1}}@keyframes admin-chart-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes admin-chart-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.lesson-editor{gap:var(--space-4);flex-direction:column;padding-block-end:var(--space-6);display:flex}.lesson-editor__back{align-items:center;gap:var(--space-1);min-block-size:40px;padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--color-admin-dark);font-size:var(--font-size-sm);cursor:pointer;background-color:#0000;border:0;align-self:start;font-weight:600;display:inline-flex}.lesson-editor__back:hover{background-color:var(--color-admin-soft)}.lesson-editor__breadcrumb{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.lesson-editor__crumb{color:var(--color-text-muted);white-space:nowrap}a.lesson-editor__crumb:hover{color:var(--color-admin-dark);text-decoration:underline}.lesson-editor__crumb--current{color:var(--color-text);font-weight:600}.lesson-editor__crumb-sep{color:var(--color-border)}.lesson-editor__headline{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lesson-tabs__scroll{border-block-end:1px solid var(--color-border-soft);padding-block-end:var(--space-1);overflow-x:auto}.lesson-tabs{align-items:center;gap:var(--space-1);inline-size:max-content;min-inline-size:100%;display:flex}.lesson-tab{align-items:center;gap:var(--space-2);min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-full);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border:0;font-weight:600;display:inline-flex;position:relative}.lesson-tab:hover{background-color:var(--color-admin-soft);color:var(--color-admin-dark)}.lesson-tab--active,.lesson-tab--active:hover{background-color:var(--color-admin);color:var(--color-on-primary)}.lesson-tab__dot{border-radius:var(--radius-full);background-color:var(--color-admin);block-size:8px;inline-size:8px}.lesson-tab--active .lesson-tab__dot{background-color:var(--color-on-primary)}.lesson-tabpanel{gap:var(--space-4);flex-direction:column;display:flex}.lesson-tabpanel[hidden]{display:none}.lesson-editor__details{gap:var(--space-4);flex-direction:column;display:flex}.lesson-editor__advanced{border-block-start:1px solid var(--color-border-soft);padding-block-start:var(--space-3)}.lesson-editor__advanced>summary{align-items:center;gap:var(--space-1);min-block-size:40px;color:var(--color-admin-dark);font-size:var(--font-size-sm);cursor:pointer;font-weight:600;list-style:none;display:inline-flex}.lesson-editor__advanced>summary::-webkit-details-marker{display:none}.lesson-editor__advanced>summary:before{content:"＋";font-weight:700}.lesson-editor__advanced[open]>summary:before{content:"－"}.lesson-editor__advanced-body{gap:var(--space-2);flex-direction:column;padding-block-start:var(--space-3);display:flex}.lesson-editor__lesson-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.markdown-editor{gap:var(--space-3);flex-direction:column;display:flex}.markdown-editor__viewtabs{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background-color:var(--color-bg-alt);align-self:start;display:inline-flex}.markdown-editor__viewtab{align-items:center;gap:var(--space-1);min-block-size:36px;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border:0;font-weight:600;display:inline-flex}.markdown-editor__viewtab:hover{color:var(--color-admin-dark)}.markdown-editor__viewtab[aria-pressed=true]{background-color:var(--color-bg);color:var(--color-admin-dark);box-shadow:var(--shadow-sm)}.markdown-editor__viewtab--split{display:none}@media (width>=1024px){.markdown-editor__viewtab--split{display:inline-flex}}.markdown-editor__panes{display:block}.markdown-editor__pane{gap:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}.markdown-editor__panes--write .markdown-editor__pane--preview,.markdown-editor__panes--preview .markdown-editor__pane--write,.markdown-editor__panes--split .markdown-editor__pane--preview{display:none}@media (width>=1024px){.markdown-editor__panes--split{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.markdown-editor__panes--split .markdown-editor__pane--preview{display:flex}}.markdown-editor__toolbar{z-index:2;align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background-color:var(--color-bg);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex;position:sticky;inset-block-start:var(--space-2)}.markdown-editor__toolbar .icon-btn:hover{background-color:var(--color-admin-soft);color:var(--color-admin-dark)}.markdown-editor__toolbar-sep{background-color:var(--color-border);min-block-size:1.75rem;inline-size:1px;margin-inline:var(--space-1);align-self:stretch}.markdown-editor__textarea{min-block-size:18rem;inline-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);resize:vertical}.markdown-editor__textarea:focus{outline:2px solid var(--color-admin);outline-offset:1px}.markdown-editor__insert{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background-color:var(--color-bg-alt);flex-direction:column;display:flex}.markdown-editor__preview{padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background-color:var(--color-bg-raised);min-block-size:8rem;overflow-x:auto}.lesson-media{gap:var(--space-4);flex-direction:column;display:flex}.lesson-media__grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=560px){.lesson-media__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.lesson-media__grid{grid-template-columns:repeat(3,1fr)}}.lesson-media__chip{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background-color:var(--color-bg-raised);box-shadow:var(--shadow-sm);flex-direction:column;min-inline-size:0;display:flex}.lesson-media__chip-type{min-block-size:24px;padding-inline:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-admin-soft);color:var(--color-admin-dark);font-size:var(--font-size-xs);align-self:start;align-items:center;font-weight:600;display:inline-flex}.lesson-media__thumb{object-fit:cover;border-radius:var(--radius-md);background-color:var(--color-bg-alt);block-size:auto;max-block-size:12rem;inline-size:100%}.lesson-media__player{inline-size:100%}.lesson-media__filelink{align-items:center;gap:var(--space-1);color:var(--color-admin-dark);word-break:break-all;font-weight:600;display:inline-flex}.lesson-media__filelink:hover{text-decoration:underline}.lesson-media__id{font-size:var(--font-size-xs);color:var(--color-text-soft);font-variant-numeric:tabular-nums;word-break:break-all}.lesson-media__empty{padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center}.lesson-media__add{gap:var(--space-3);flex-direction:column;display:flex}.lesson-media__add-row{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.lesson-editor__savebar{z-index:3;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background-color:var(--color-bg-raised);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:sticky;inset-block-end:0}.lesson-editor__savebar-status{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);margin:0;font-weight:600;display:inline-flex}.lesson-editor__savebar-status--saved{color:var(--color-admin-dark)}.lesson-editor__savebar-status--unsaved{color:var(--color-text-muted)}.lesson-editor__unsaved-dot{border-radius:var(--radius-full);background-color:var(--color-admin);block-size:8px;inline-size:8px}.lesson-editor__savebar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}