html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{color:var(--app-color-text, #172033);background:var(--app-color-bg-layout, #f3f5f9);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{background:#000}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body,.theme-surface{min-height:100vh;color:var(--app-color-text);background:var(--app-color-bg-layout)}.auth-layout,.dashboard-layout,.full-page-loader{min-height:100vh}.auth-layout{position:relative;background:var(--app-color-bg-layout)}.auth-layout:before{position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,var(--app-color-primary-bg),transparent 28rem);content:"";pointer-events:none}.auth-appearance{position:absolute;z-index:1;top:20px;right:20px}.auth-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px 20px}.login-card{width:100%;max-width:420px;border:1px solid var(--app-color-border-secondary);box-shadow:var(--app-box-shadow-secondary)}.login-card .ant-card-body{padding:36px}.login-heading,.login-heading>.ant-space-item{width:100%}.login-heading .ant-typography{margin:0}.brand-mark{width:48px;height:48px;color:#fff;font-size:23px;background:var(--app-color-primary);border-radius:14px;box-shadow:0 8px 18px #3157d538}.brand-mark-small{width:36px;height:36px;font-size:17px;border-radius:10px}.brand-name{color:var(--app-color-primary);font-size:12px;font-weight:800;letter-spacing:.16em}.submit-item{margin-top:28px;margin-bottom:0}.auth-footer{font-size:13px}.full-page-loader,.dashboard-layout{background:var(--app-color-bg-layout)}.app-layout{min-height:100vh;background:var(--app-color-bg-layout)}.dashboard-header{min-height:72px;padding:16px clamp(20px,5vw,72px);background:var(--app-color-bg-container);border-bottom:1px solid var(--app-color-border-secondary)}.appearance-selector{min-width:130px}.appearance-selector-compact{min-width:122px}.appearance-option{display:inline-flex;gap:7px;align-items:center}.main-nav{flex:1;min-width:210px;max-width:420px;border-bottom:0}.page-content{width:100%;max-width:1240px;margin:0 auto;padding:36px 28px 56px}.lesson-page-content{max-width:1800px;padding-inline:clamp(24px,3vw,56px)}.page-stack,.full-width{width:100%}.page-stack>.ant-space-item,.page-heading{width:100%}.page-heading{display:flex;justify-content:space-between}.page-heading>div:first-child{min-width:0}.page-heading .ant-typography,.course-card .ant-typography,.course-hero .ant-typography,.builder-header .ant-typography,.browse-card .ant-typography{margin-top:0}.course-card{height:100%;border:1px solid var(--app-color-border-secondary);box-shadow:var(--app-box-shadow-secondary)}.continue-learning-card{height:100%;border:1px solid var(--app-color-primary-bg);box-shadow:var(--app-box-shadow-secondary)}.continue-learning-card .ant-typography{margin:0}.completed-copy{color:var(--app-color-success)}.course-icon{color:var(--app-color-primary);font-size:28px}.course-hero,.builder-header,.browse-card,.module-list{border:1px solid var(--app-color-border-secondary);background:var(--app-color-bg-container)}.table-title{height:auto;padding:0;white-space:normal;text-align:left;font-weight:600}.module-list .ant-list-item{padding:18px 22px}.clickable-lesson{cursor:pointer;border-radius:8px;transition:background .2s ease}.clickable-lesson:hover{background:var(--app-color-fill-secondary)}.lesson-reader{width:100%;max-width:920px;margin:0 auto}.lesson-reader>.page-heading{margin-bottom:18px}.lesson-reader-card{margin-top:18px;border:1px solid var(--app-color-border-secondary);box-shadow:var(--app-box-shadow-secondary)}.notes-actions{display:flex;width:100%;justify-content:space-between}.lesson-reader-card>.ant-card-body{padding:clamp(24px,5vw,52px)}.lesson-summary,.lesson-paragraph,.lesson-list{font-size:17px;line-height:1.8}.lesson-content>*{margin-block:22px}.lesson-hook,.lesson-example,.lesson-practice,.lesson-mistakes,.lesson-summary-block,.lesson-takeaways{border-color:var(--app-color-border)}.lesson-hook{background:var(--app-color-primary-bg)}.lesson-practice{border-left:4px solid var(--app-color-primary)}.lesson-practice-purpose{margin-bottom:8px}.lesson-practice-title.ant-typography{margin-top:0}.lesson-summary-block,.lesson-takeaways{background:var(--app-color-success-bg)}.lesson-callout-important{border-color:var(--app-color-warning)}.code-block{overflow:hidden;color:#e6edf3;background:#121826;border-radius:10px}.code-language{display:block;padding:10px 18px;color:#aeb9cc;font-size:12px;text-transform:uppercase;background:#1b2434}.code-block pre{overflow-x:auto;margin:0;padding:20px;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.lesson-callout-tip{border-color:var(--app-color-primary);background:var(--app-color-info-bg)}.lesson-navigation,.lesson-section-heading{display:flex;width:100%;justify-content:space-between}.complete-action{display:flex;justify-content:center;margin-top:34px}.lesson-player{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:28px;align-items:start}.lesson-player.lessons-open.notes-open{grid-template-columns:minmax(230px,270px) minmax(0,1fr) minmax(310px,350px);gap:24px}.lesson-player.lessons-closed.notes-open{grid-template-columns:minmax(0,1fr) minmax(310px,370px);gap:24px}.lesson-player.lessons-closed.notes-closed{grid-template-columns:minmax(0,1fr)}.lesson-player.lessons-closed .lesson-player-sidebar{display:none}.lesson-player-sidebar{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;padding:22px 16px;background:var(--app-color-bg-container);border:1px solid var(--app-color-border-secondary);border-radius:12px}.lesson-player-lesson-start{scroll-margin-top:24px}.course-navigation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.course-navigation-heading>.ant-typography{margin-top:0}.course-learning-navigation .ant-collapse-header{padding-inline:4px!important}.course-learning-navigation .ant-collapse-content-box{padding-inline:0!important}.learning-lesson-link{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;width:100%;padding:9px 10px;color:var(--app-color-text-secondary);text-align:left;background:transparent;border:0;border-radius:8px;cursor:pointer}.learning-lesson-link:hover,.learning-lesson-link.current{color:var(--app-color-primary-text);background:var(--app-color-primary-bg)}.learning-lesson-link.current{font-weight:700}.lesson-status-completed{color:var(--app-color-success)}.lesson-status-progress{color:var(--app-color-primary)}.lesson-status-pending{color:var(--app-color-text-secondary)}.lesson-player-main{min-width:0}.lesson-player-tools{display:flex;gap:12px;margin-bottom:12px}.lesson-player-tools .notes-trigger{margin-inline-start:auto}.lesson-notes-panel{position:sticky;top:24px;min-width:0;max-height:calc(100vh - 48px);overflow:hidden;background:var(--app-color-bg-container);border:1px solid var(--app-color-border-secondary);border-radius:12px;box-shadow:var(--app-box-shadow-secondary)}.student-notes{display:flex;max-height:calc(100vh - 48px);flex-direction:column;padding:20px}.student-notes-header,.notes-lesson-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.student-notes-header{margin-bottom:18px}.student-notes-header .ant-typography{margin:0}.student-notes-content{overflow-y:auto;min-height:0;margin-top:18px;padding-right:3px}.notes-context{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.note-editor{display:flex;flex-direction:column;gap:12px}.note-editor-label{font-size:13px;color:var(--app-color-text-secondary)}.note-card{padding:14px;background:var(--app-color-fill-alter);border:1px solid var(--app-color-border-secondary);border-radius:8px}.note-content{white-space:pre-wrap;overflow-wrap:anywhere}.notes-module-group>.ant-typography{margin:0}.notes-lesson-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--app-color-border-secondary)}.notes-lesson-group .note-card{margin-top:8px}.student-notes-drawer .ant-drawer-body{padding:0}.student-notes-drawer .student-notes{max-height:100vh;min-height:100%}.lesson-player-card{margin-top:18px;border:1px solid var(--app-color-border-secondary);box-shadow:var(--app-box-shadow-secondary)}.lesson-player-card>.ant-card-body{width:100%;max-width:1080px;margin-inline:auto;padding:clamp(24px,5vw,52px)}.lesson-player-content{min-width:0;margin-top:34px;padding-top:10px;border-top:1px solid var(--app-color-border-secondary)}.lesson-narration{margin-top:16px;max-width:100%}.lesson-narration>.ant-space{max-width:100%;padding:10px 12px;border:1px solid var(--app-color-border-secondary);border-radius:8px;background:var(--app-color-fill-alter)}.lesson-narration .ant-alert{margin-top:8px}@media(max-width:480px){.lesson-narration>.ant-space{width:100%}.lesson-narration .ant-select{min-width:86px}}.lesson-player-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:36px;padding-top:28px;border-top:1px solid var(--app-color-border-secondary)}.lesson-completion-action{display:flex;align-items:flex-end;flex-direction:column;gap:8px;text-align:right}.completion-error{margin-top:28px}.lesson-player-mobile-bar{display:none}.lesson-player-loading{max-width:920px;margin:0 auto;padding:32px;background:var(--app-color-bg-container);border-radius:12px}.breadcrumb-link,.back-button{padding:0;color:var(--app-color-primary);font:inherit;background:none;border:0;cursor:pointer}@media(max-width:991px){.lesson-player{display:block}.lesson-player-sidebar{display:none}.lesson-player-mobile-bar{display:flex;gap:16px;align-items:center;margin-bottom:18px}.lesson-player-mobile-bar>.ant-space{flex:1}}@media(max-width:560px){.lesson-player-actions{align-items:stretch;flex-direction:column-reverse}.lesson-player-actions .ant-btn{width:100%}.lesson-completion-action{align-items:stretch;text-align:left}}.teacher-lessons{width:100%;margin-top:12px;padding:14px;background:var(--app-color-fill-alter);border-radius:8px}.teacher-lessons .ant-list-item{padding-inline:0}.block-editor{border-color:var(--app-color-border)}.code-input textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dashboard-content{flex:1;padding:32px 20px}.dashboard-card{width:100%;max-width:620px;border:1px solid var(--app-color-border-secondary);box-shadow:var(--app-box-shadow-secondary)}.dashboard-card .ant-typography{margin:0}@media(max-width:480px){.auth-content{justify-content:flex-start;padding:24px 14px}.login-card .ant-card-body{padding:28px 22px}.dashboard-header{padding:14px 16px}.dashboard-header .ant-btn span:not(.ant-btn-icon){display:none}}@media(max-width:760px){.dashboard-header{flex-wrap:wrap}.main-nav{order:3;width:100%;max-width:none}.user-name{display:none}.page-content{padding:24px 16px 40px}.page-heading{flex-direction:column;gap:14px}.notes-actions{align-items:stretch;flex-direction:column}.module-list .ant-list-item{align-items:flex-start;flex-direction:column;gap:14px}.module-list .ant-list-item-action{margin-inline-start:0}.teacher-lessons .ant-list-item{align-items:flex-start;flex-direction:column}.teacher-lessons .ant-list-item-action{display:flex;flex-wrap:wrap}.lesson-navigation{align-items:stretch;flex-direction:column}}.lesson-inline-code{border-radius:4px;color:var(--app-color-text);background:var(--app-color-fill-secondary);padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em}.lesson-quiz{margin-top:34px;border-color:var(--app-color-primary-border)}.lesson-quiz>.ant-card-head{background:var(--app-color-primary-bg)}.lesson-quiz>.ant-card-head .ant-card-extra{margin-inline-start:16px}.lesson-quiz .ant-radio-wrapper{align-items:flex-start;min-height:40px;padding:8px;white-space:normal}.lesson-quiz .ant-alert{margin-top:12px}.lesson-quiz-result{margin-bottom:24px;padding:22px;background:var(--app-color-fill-alter);border-radius:10px;outline:none;scroll-margin-top:24px}.lesson-quiz-result>.ant-typography{margin-top:0}.lesson-quiz-result-summary{display:flex;gap:22px;align-items:center}.lesson-quiz-result-summary .ant-typography{margin-bottom:6px}.lesson-quiz-submit{display:flex;align-items:flex-end;flex-direction:column;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--app-color-border-secondary)}.lesson-quiz-submit .ant-alert{width:100%}.lesson-quiz-review-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--app-color-border-secondary)}@media(max-width:600px){.lesson-quiz .ant-card-body{padding:14px}}@media(max-width:600px){.lesson-quiz>.ant-card-head{align-items:flex-start}.lesson-quiz>.ant-card-head .ant-card-head-wrapper{align-items:flex-start;flex-direction:column;gap:4px;padding-block:10px}.lesson-quiz>.ant-card-head .ant-card-extra{margin-inline-start:0}.lesson-quiz-result-summary{align-items:flex-start;flex-direction:column}.lesson-quiz-submit{align-items:stretch}.lesson-quiz-review-actions{align-items:stretch;flex-direction:column}.lesson-quiz-review-actions .ant-btn{width:100%}}