@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary: #b8472b;--primary-dark: #97381f;--bg: #f2ece0;--card: #fbf8f1;--text: #1b1714;--muted: #77695a;--border: #e2d9c8;--danger: #a23a2e;--green: #5e7444;--blue: #3d5a73;--radius: 4px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--ink-05: color-mix(in srgb, var(--text) 5%, transparent);--ink-08: color-mix(in srgb, var(--text) 8%, transparent);--primary-tint: color-mix(in srgb, var(--primary) 12%, transparent);--primary-tint-strong: color-mix(in srgb, var(--primary) 20%, transparent);--shadow-sm: 0 1px 2px rgba(27, 23, 20, .06);--shadow: 0 14px 34px -18px rgba(27, 23, 20, .32);--shadow-lg: 0 30px 60px -24px rgba(27, 23, 20, .4);--maxw: 1080px;--hair: 1px solid var(--border)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.55;font-size:16px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;right:-240px;bottom:-240px;width:720px;height:720px;z-index:0;pointer-events:none;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 38px,color-mix(in srgb,var(--text) 6%,transparent) 38px 39px);-webkit-mask-image:radial-gradient(circle at center,#000 60%,transparent 72%);mask-image:radial-gradient(circle at center,#000 60%,transparent 72%)}#root{position:relative;z-index:1}a{color:var(--primary-dark);text-decoration:none;text-underline-offset:3px;transition:color .15s ease}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;line-height:1.08;color:var(--text)}h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,2.9rem);font-optical-sizing:auto;margin:0 0 .85rem}h2{font-size:1.45rem;margin:0 0 .25rem}h3{font-size:1.12rem;margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.container{max-width:var(--maxw);margin:0 auto;padding:0 2rem}main.container{padding-top:3rem;padding-bottom:5rem;animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell main{flex:1;width:100%}.center{display:grid;place-items:center;min-height:70vh;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.footer{border-top:var(--hair);background:color-mix(in srgb,var(--card) 60%,transparent);padding:1.5rem 0;color:var(--muted);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em}.navbar{background:color-mix(in srgb,var(--card) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--hair);position:sticky;top:0;z-index:40}.navbar-inner{display:flex;align-items:center;gap:2rem;height:72px}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:600;font-size:1.2rem;letter-spacing:-.02em;color:var(--text)}.brand:hover{text-decoration:none}.brand-logo{height:30px;width:auto;display:block}.brand-mark{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--primary);display:inline-grid;place-items:center;flex-shrink:0}.brand-mark:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary)}.nav-links{display:flex;gap:1.75rem;flex:1}.nav-links a{position:relative;color:var(--muted);font-family:var(--font-mono);font-size:.74rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:.35rem 0}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:0;background:var(--primary);transition:width .22s ease}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:var(--text)}.nav-right{display:flex;align-items:center;gap:1rem}.nav-menu{display:contents}.nav-hamburger,.nav-drawer-backdrop,.nav-drawer{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:var(--radius);border:1px solid transparent;font-family:var(--font-sans);font-size:.92rem;font-weight:600;letter-spacing:.005em;cursor:pointer;text-decoration:none;transition:transform .12s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--card);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-secondary{background:var(--primary-tint);color:var(--primary-dark)}.btn-secondary:hover{background:var(--primary-tint-strong)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--ink-05);border-color:color-mix(in srgb,var(--text) 25%,transparent)}.btn-danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--card);border-color:var(--danger)}.card{background:var(--card);border:var(--hair);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.stack{display:flex;flex-direction:column;gap:1.5rem}.row{display:flex;align-items:center;gap:.75rem}.row.spread{justify-content:space-between;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.stack>h1,section>h1{position:relative}.form-card{min-width:420px;margin:3rem auto}.login-card{min-width:380px;max-width:420px}.form-card form{display:flex;flex-direction:column;gap:1.1rem}.login-back{align-self:flex-start;margin-bottom:-.5rem}label{display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-mono);font-weight:500;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}label.checkbox{flex-direction:row;align-items:center;gap:.55rem;text-transform:none;letter-spacing:0;font-family:var(--font-sans);font-size:.9rem;color:var(--text)}input,textarea,select{font-family:var(--font-sans);font-size:.95rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 40%,var(--card));color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}input[type=color]{padding:2px;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.16rem .5rem;border-radius:3px;font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent}.badge-green{background:color-mix(in srgb,var(--green) 14%,transparent);color:color-mix(in srgb,var(--green) 70%,var(--text))}.badge-gray{background:var(--ink-05);color:var(--muted)}.badge-blue{background:color-mix(in srgb,var(--blue) 14%,transparent);color:color-mix(in srgb,var(--blue) 65%,var(--text));align-self:flex-start}.badge-lang{background:transparent;border-color:var(--border);color:var(--muted)}.badge-amber{background:#fdeccf;color:#92510e}.alert{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:color-mix(in srgb,var(--danger) 75%,var(--text));padding:.7rem .9rem;border-radius:var(--radius);margin:0;font-size:.9rem}.banner{background:var(--primary-tint);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);color:var(--primary-dark);padding:.7rem .95rem;border-radius:var(--radius);margin:0;font-size:.9rem}.linklike{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--primary-dark);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.danger-zone{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger) 4%,var(--card))}.search-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.search-bar input[type=search]{flex:1;min-width:240px;padding:.75rem .95rem}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.14rem .5rem;border-radius:3px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:.72rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}button.tag{font-family:var(--font-mono)}.tag:hover{border-color:var(--primary);color:var(--primary-dark)}.tag-active{background:var(--primary);border-color:var(--primary);color:var(--card)}.tag-active:hover{color:var(--card)}.tag-clear{cursor:pointer}.tag-removable{cursor:default;background:var(--primary-tint);color:var(--primary-dark);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.tag-removable button{border:0;background:none;color:inherit;cursor:pointer;padding:0;font-size:.72rem;line-height:1}.tag-input{position:relative}.tag-input-chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 40%,var(--card))}.tag-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:.3rem;list-style:none;background:var(--card);border:var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:220px;overflow-y:auto}.tag-suggest-item{padding:.4rem .55rem;border-radius:3px;font-family:var(--font-mono);font-size:.8rem;color:var(--muted);cursor:pointer}.tag-suggest-item.is-active,.tag-suggest-item:hover{background:var(--primary-tint);color:var(--primary-dark)}.tag-input-chips input{flex:1;min-width:140px;border:0;background:transparent;padding:.2rem}.tag-input-chips input:focus{outline:none;box-shadow:none}.course-card{position:relative;display:flex;flex-direction:column;gap:.7rem;color:var(--text);overflow:hidden;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease,border-color .18s ease}.course-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary);transform:scaleY(0);transform-origin:top;transition:transform .22s cubic-bezier(.2,.7,.2,1)}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));text-decoration:none}.course-card:hover:before{transform:scaleY(1)}.course-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem}.course-card-head h3{font-size:1.22rem}.course-card-badges{display:flex;gap:.35rem;flex-shrink:0}.course-desc{color:var(--muted);font-size:.92rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card-foot{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.course-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding-bottom:1.25rem;border-bottom:var(--hair)}.title-row{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.title-row h1{margin:0}.module-block{display:flex;flex-direction:column;gap:.85rem}.module-block h3{font-family:var(--font-display);font-size:1.18rem}.lesson-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.lesson-list li{padding:.7rem 0 .7rem 2.1rem;border-top:var(--hair);position:relative;counter-increment:lesson}.lesson-list li:before{content:counter(lesson,decimal-leading-zero);position:absolute;left:0;top:.78rem;font-family:var(--font-mono);font-size:.72rem;color:var(--primary)}.lesson-list{counter-reset:lesson}.lesson-list p{margin:.25rem 0 0}.inline-form{display:flex;gap:.5rem}.inline-form input{flex:1}.lesson-form{border-top:1px dashed var(--border);padding-top:.9rem;margin-top:.25rem}.teach-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.teach-filter{max-width:22rem;width:100%}.pager{display:flex;align-items:center;justify-content:flex-end;gap:.85rem}.pager-status{font-variant-numeric:tabular-nums}.teach-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:border-color .15s ease,box-shadow .15s ease}.teach-row:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:var(--shadow-sm)}.teach-row-main{display:flex;flex-direction:column;gap:.4rem}.teach-title{font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--text)}.admin-nav{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.5rem;border-bottom:var(--hair)}.admin-nav a{position:relative;padding:.5rem 0;color:var(--muted);font-family:var(--font-mono);font-size:.74rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em}.admin-nav a:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--primary);transition:width .2s ease}.admin-nav a:hover{color:var(--text);text-decoration:none}.admin-nav a:hover:after,.admin-nav a.active:after{width:100%}.admin-nav a.active{color:var(--text)}.metric-card{display:flex;flex-direction:column;gap:.35rem}.metric-value{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1}.metric-label{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.bill-list{margin:1rem 0 0}.bill-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:var(--hair)}.bill-row dt{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.bill-row dd{margin:0;font-weight:600}.temp-password{display:block;font-family:var(--font-mono);font-size:1.3rem;font-weight:600;letter-spacing:.06em;padding:.75rem 1rem;background:var(--ink-05);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;-webkit-user-select:all;user-select:all}.progress{flex:1;height:7px;border-radius:999px;background:var(--ink-08);overflow:hidden;min-width:80px}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.path-progress{display:flex;align-items:center;gap:.75rem}.path-group{display:flex;flex-direction:column;gap:.75rem}.path-group.is-locked{opacity:.6}.path-group-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.path-group-head h3{display:flex;align-items:center;gap:.6rem}.path-group-index{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--primary-tint);color:var(--primary-dark);font-family:var(--font-mono);font-size:.8rem}.path-course-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.path-course-list li{display:flex;align-items:center;gap:.5rem;padding:.55rem 0;border-top:var(--hair)}.path-course-locked{color:var(--muted)}.path-course-done{color:var(--green);font-weight:700}.path-group-editor{border:1px dashed var(--border)}.path-group-title{flex:1;font-family:var(--font-display);font-size:1.05rem;font-weight:600}.path-group-courses{margin:.25rem 0}.path-picker{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.path-picker-results{list-style:none;margin:0;padding:.25rem;border:var(--hair);border-radius:var(--radius);background:var(--card);max-height:220px;overflow-y:auto}.path-picker-results li button{width:100%;text-align:left;border:0;background:transparent;padding:.45rem .5rem;border-radius:3px;font:inherit;color:var(--text);cursor:pointer}.path-picker-results li button:hover{background:var(--primary-tint);color:var(--primary-dark)}.toast-container{position:fixed;bottom:1.75rem;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:.75rem;align-items:center;pointer-events:none}.toast{pointer-events:auto;min-width:360px;max-width:min(94vw,620px);padding:1.1rem 1.5rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);border-left-width:6px;box-shadow:var(--shadow-lg);font-size:1.1rem;font-weight:600;line-height:1.4;color:var(--text);cursor:pointer;animation:toast-in .18s cubic-bezier(.2,.7,.2,1) both}.toast-success{border-left-color:var(--green)}.toast-error{border-left-color:var(--danger);color:color-mix(in srgb,var(--danger) 80%,var(--text))}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.quiz-card,.quiz-editor,.quiz-editor-empty{border-left:3px solid var(--primary)}.quiz-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.quiz-questions{margin:.75rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:1rem}.quiz-prompt{margin:0 0 .5rem;font-weight:600}.quiz-options{display:flex;flex-direction:column;gap:.4rem}.quiz-option{display:flex;flex-direction:row;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font-family:var(--font-sans);font-size:.92rem;color:var(--text);font-weight:400;cursor:pointer}.quiz-option input{width:auto}.quiz-editor-questions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.quiz-editor-question{border:1px dashed var(--border);border-radius:var(--radius);padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.quiz-editor-options{display:flex;flex-direction:column;gap:.45rem}.quiz-editor-option{display:flex;align-items:center;gap:.5rem}.quiz-editor-option>input[type=text],.quiz-editor-option>input:not([type]){flex:1}.quiz-correct{margin:0}.quiz-correct input{width:auto}.quiz-option-remove{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.8rem;padding:.2rem .35rem}.quiz-option-remove:hover{color:var(--danger)}.quiz-settings-row{flex-wrap:wrap;gap:1.5rem;align-items:flex-end}.quiz-threshold input{width:90px}.locked-card{color:var(--muted);font-size:.9rem}.lesson-locked{font-size:.9rem}.editor-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.editor-sidebar{position:sticky;top:88px;background:var(--card);border:var(--hair);border-radius:var(--radius);padding:.6rem;display:flex;flex-direction:column;gap:.2rem}.ed-section-head{display:flex;align-items:center;justify-content:space-between;margin:.85rem .4rem .3rem;font-family:var(--font-mono);font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ed-empty{margin:.2rem .5rem .5rem}.ed-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.5rem .55rem;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.ed-item.is-active{background:var(--primary-tint);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.ed-item-label{flex:1;border:0;background:none;padding:0;font:inherit;text-align:left;color:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-course{font-family:var(--font-display);font-weight:600;font-size:1rem}.ed-course-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-status{display:flex;align-items:center;gap:.5rem;width:100%;margin-top:.15rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,background .15s ease}.ed-status.is-draft{color:var(--muted)}.ed-status:disabled{opacity:.6;cursor:progress}.ed-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ed-status.is-published .ed-status-dot{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent)}.ed-status.is-draft .ed-status-dot{background:var(--muted)}.ed-status-label{flex:1;text-align:left}.ed-status-action{color:var(--primary-dark);opacity:0;transition:opacity .15s ease}.ed-status:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.ed-status:hover .ed-status-label{display:none}.ed-status:hover .ed-status-action{opacity:1;flex:1;text-align:left}.ed-handle{color:var(--muted);cursor:grab;font-size:.85rem;line-height:1}.warn-dot{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--danger);cursor:help}.warn-dot:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);right:-4px;white-space:nowrap;background:var(--text);color:var(--card);font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:0;text-transform:none;padding:.4rem .6rem;border-radius:6px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:50}.warn-dot:hover:after{opacity:1}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:.35rem;border-radius:50%;font-size:.7rem;color:var(--muted);cursor:help;vertical-align:middle}.info-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:260px;white-space:normal;text-align:left;line-height:1.35;background:var(--text);color:var(--card);font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:0;text-transform:none;padding:.5rem .65rem;border-radius:6px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:50}.info-tip:hover:after,.info-tip:focus:after{opacity:1}.label-with-tip{display:inline-flex;align-items:center}.todo-note{background:color-mix(in srgb,#b8860b 12%,transparent);border:1px solid color-mix(in srgb,#b8860b 32%,transparent);color:color-mix(in srgb,#8a6508 78%,var(--text))}.import-errors{margin:0;padding-left:1.1rem}.import-mapping label{min-width:0}.import-mapping select{width:100%;max-width:100%}.ed-module{font-weight:600}.ed-add{border:0;background:none;color:var(--muted);font-size:1.05rem;line-height:1;cursor:pointer;padding:0 .2rem;border-radius:4px}.ed-add:hover{color:var(--primary);background:var(--ink-05)}.ed-modules,.ed-lessons{list-style:none;margin:0;padding:0}.ed-modules>li{margin-top:.15rem}.ed-lessons{margin:.1rem 0 .3rem .9rem;border-left:1px solid var(--border);padding-left:.35rem}.ed-lesson{font-size:.9rem;padding:.4rem .5rem}.editor-sidebar li[draggable=true]{cursor:default}.field{display:flex;flex-direction:column;gap:.4rem}.lang-checks{display:flex;flex-wrap:wrap;gap:1rem}.lang-check{flex-direction:row;align-items:center;gap:.45rem;text-transform:none;letter-spacing:0;font-family:var(--font-sans);font-size:.92rem;color:var(--text)}.lang-check input{width:auto}.ed-langswitch{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.ed-langswitch-label{font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 .4rem}.ed-langswitch-btn{border:0;border-radius:3px;background:transparent;padding:.35rem .7rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--muted);cursor:pointer}.ed-langswitch-btn.is-active{background:var(--primary);color:var(--card)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:color-mix(in srgb,var(--text) 45%,transparent);display:grid;place-items:center;padding:1.5rem}.modal{display:flex;flex-direction:column;background:var(--card);border:var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1.75rem;width:100%;max-width:560px;max-height:100%}.modal>h2,.modal-actions{flex-shrink:0}.modal-body{margin:1.25rem 0;flex:1 1 auto;min-height:0;overflow-y:auto}.session-countdown{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:.04em;text-align:center;color:var(--danger);margin:0}.modal-subhead{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem}.summary-outline{margin:0;padding-left:1.2rem}.summary-outline>li{margin-bottom:.3rem;font-weight:600}.summary-outline ul{margin:.2rem 0 .4rem;padding-left:1.2rem;font-weight:400}.summary-warning{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 7%,var(--card));border-radius:var(--radius);padding:.85rem 1rem;color:color-mix(in srgb,var(--danger) 78%,var(--text))}.summary-warning ul{margin:.5rem 0 0;padding-left:1.2rem;font-size:.85rem}.modal-actions{margin-top:.5rem}.field-label{font-family:var(--font-mono);font-weight:500;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rte{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 40%,var(--card))}.rte-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:.2rem;padding:.35rem;border-bottom:var(--hair);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background:var(--card)}.rte-btn{min-width:30px;height:28px;padding:0 .45rem;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:.78rem;font-weight:600;cursor:pointer}.rte-btn:hover{background:var(--ink-05);color:var(--text)}.rte-btn.is-active{background:var(--primary-tint);color:var(--primary-dark)}.rte-content{min-height:140px;padding:.75rem .85rem;outline:none;font-size:.95rem;line-height:1.6}.rte-content:focus{outline:none}.rte-content>:first-child{margin-top:0}.rte-content>:last-child{margin-bottom:0}.rte-content img,.rich-text img{max-width:100%;height:auto;border-radius:var(--radius);display:block}.rich-text img{margin:.6rem 0}.rte-content [data-resize-container]{margin:.6rem 0;max-width:100%}.rte-content [data-resize-wrapper]{max-width:100%}.rte-content [data-resize-container].ProseMirror-selectednode [data-resize-wrapper]{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius)}.rte-content [data-resize-handle]{width:12px;height:12px;background:var(--primary);border:2px solid var(--card);border-radius:3px;opacity:0;transition:opacity .12s ease;z-index:2}.rte-content [data-resize-container]:hover [data-resize-handle],.rte-content [data-resize-container].ProseMirror-selectednode [data-resize-handle]{opacity:1}.rte-content [data-resize-handle=top-left]{transform:translate(-50%,-50%);cursor:nwse-resize}.rte-content [data-resize-handle=top-right]{transform:translate(50%,-50%);cursor:nesw-resize}.rte-content [data-resize-handle=bottom-left]{transform:translate(-50%,50%);cursor:nesw-resize}.rte-content [data-resize-handle=bottom-right]{transform:translate(50%,50%);cursor:nwse-resize}.rich-text{line-height:1.65}.rich-text>:first-child{margin-top:0}.rich-text h2{font-size:1.2rem;margin:1.1rem 0 .4rem}.rich-text h3{font-size:1.05rem;margin:1rem 0 .35rem}.rich-text p{margin:.55rem 0}.rich-text ul,.rich-text ol{margin:.55rem 0;padding-left:1.4rem}.rich-text blockquote{margin:.7rem 0;padding-left:.9rem;border-left:3px solid var(--primary);color:var(--muted)}.rich-text pre{background:var(--text);color:var(--card);padding:.85rem 1rem;border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:.85rem}.rich-text code{font-family:var(--font-mono);font-size:.88em}.rte-content mark,.rich-text mark{background:color-mix(in srgb,var(--primary) 28%,transparent);border-radius:3px;padding:0 .1em;color:inherit}.rte-content sub,.rte-content sup,.rich-text sub,.rich-text sup{font-size:.72em;line-height:0}.rte-content hr,.rich-text hr{border:none;border-top:2px solid var(--border);margin:1.1rem 0}.rte-content hr.ProseMirror-selectednode{border-top-color:var(--primary)}.rich-text details{margin:.7rem 0;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem}.rich-text summary{cursor:pointer;font-weight:600}.rte-content div[data-type=details]{display:flex;gap:.5rem;margin:.7rem 0;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem}.rte-content div[data-type=details]>button{flex:0 0 auto;align-self:flex-start;width:1.4rem;height:1.4rem;border:none;border-radius:4px;background:var(--ink-05);color:var(--muted);cursor:pointer;line-height:1}.rte-content div[data-type=details]>button:before{content:"▸"}.rte-content div[data-type=details].is-open>button:before{content:"▾"}.rte-content div[data-type=details]>div{flex:1 1 auto}.rte-content div[data-type=details] summary{font-weight:600;list-style:none}.rte-content div[data-type=details]>div>div[data-type=detailsContent]{display:none}.rte-content div[data-type=details].is-open>div>div[data-type=detailsContent]{display:block}.rte-floating{display:flex;gap:.2rem;padding:.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 4px 14px #0000001f}.rte-floating .rte-btn{display:inline-flex;align-items:center;gap:.3rem;width:auto}.lesson-body{margin-top:.25rem}.lesson-video-player{width:100%;max-height:460px;margin-top:.25rem;border-radius:var(--radius);background:#000}.lesson-video-edit .lesson-video-player{margin-top:0}.course-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:start}.course-sidebar{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1rem}.course-back{font-size:.85rem}.course-sidebar-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.course-sidebar-title{margin:0;font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}.course-sidebar-author{margin:0}.course-sidebar-badges{display:flex;flex-wrap:wrap;gap:.5rem}.course-content{min-width:0}.progress-sidebar{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--ink-05)}.progress-title{margin:0 0 .6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.progress-list,.progress-sublist{list-style:none;margin:0;padding:0}.progress-item{display:grid;grid-template-columns:1.25rem 1fr auto;align-items:baseline;gap:.4rem;padding:.3rem 0;font-size:.85rem;color:var(--muted)}.progress-item.depth-1{padding-left:.9rem}.progress-item.depth-2{padding-left:1.8rem}.progress-icon{font-size:.8rem;text-align:center}.progress-label{overflow-wrap:anywhere}.progress-link{display:contents;color:inherit;text-decoration:none}.progress-link:hover .progress-label{color:var(--text);text-decoration:underline}.progress-item.status-done .progress-icon,.progress-item.status-passed .progress-icon{color:color-mix(in srgb,var(--green) 70%,var(--text))}.progress-item.status-failed .progress-icon{color:color-mix(in srgb,var(--danger) 70%,var(--text))}.progress-item.status-current{color:var(--text);font-weight:600}.progress-item.status-current .progress-icon{color:var(--primary)}.progress-item.status-locked{opacity:.55}.step-page{max-width:760px}.step-kind{text-transform:uppercase;letter-spacing:.08em}.step-content{margin:.5rem 0 1rem}.next-bar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border)}.next-hint{margin-right:auto}@media (max-width: 720px){.course-layout{grid-template-columns:1fr;gap:1rem}.course-sidebar{position:static}}.lang-switcher{position:relative}.lang-trigger{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:transparent;font-family:var(--font-mono);font-weight:600;font-size:.74rem;letter-spacing:.05em;color:var(--text);cursor:pointer;transition:border-color .15s ease}.lang-trigger:hover{border-color:color-mix(in srgb,var(--text) 30%,transparent)}.lang-caret{font-size:.6rem;color:var(--muted)}.lang-sep{color:var(--muted);opacity:.6}.lang-theme-icon{font-size:.95rem;line-height:1;color:var(--primary)}.lang-group-label{margin:.4rem .6rem .2rem;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lang-group-label:first-child{margin-top:.2rem}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:256px;background:var(--card);border:var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem}.lang-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .6rem;border:0;border-radius:3px;background:transparent;font:inherit;font-family:var(--font-sans);color:var(--text);text-align:left;cursor:pointer}.lang-option:hover{background:var(--ink-05)}.lang-option.is-selected{font-weight:600}.lang-option-code{display:inline-flex;justify-content:center;min-width:26px;padding:.06rem .3rem;border-radius:3px;background:var(--primary-tint);color:var(--primary-dark);font-family:var(--font-mono);font-size:.68rem;font-weight:600}.lang-help{margin:.4rem .25rem .15rem;padding-top:.5rem;border-top:var(--hair);font-size:.74rem;line-height:1.4;color:var(--muted)}.user-menu{position:relative}.user-trigger{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:transparent;font-family:var(--font-sans);font-weight:600;font-size:.9rem;color:var(--text);cursor:pointer;transition:border-color .15s ease}.user-trigger:hover{border-color:color-mix(in srgb,var(--text) 30%,transparent)}.user-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:190px;background:var(--card);border:var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem;display:flex;flex-direction:column}.user-item{display:block;width:100%;text-align:left;padding:.55rem .6rem;border:0;border-radius:3px;background:transparent;font:inherit;font-family:var(--font-sans);color:var(--text);cursor:pointer}.user-item:hover{background:var(--ink-05);text-decoration:none}.role-badge{padding:.14rem .5rem;border-radius:3px;font-family:var(--font-mono);font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.role-instructor{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary-dark)}.role-admin{background:#efe1d0;color:#7a4a16}.role-student{background:color-mix(in srgb,var(--blue) 16%,transparent);color:color-mix(in srgb,var(--blue) 65%,var(--text))}.role-superuser{background:#1b1714;color:#f4c451}.role-switch{position:relative}.role-switch-trigger{display:inline-flex;align-items:center;gap:.3rem;border:0;cursor:pointer}.role-switch-caret{font-size:.6rem;opacity:.7}.role-switch-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:260px;background:var(--card);border:var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem}.role-switch-menu .lang-option{gap:.6rem}.profile-form{max-width:540px}.translation-fields{display:flex;flex-direction:column;gap:.85rem;border:1px dashed var(--border);border-radius:var(--radius);padding:1rem 1.1rem 1.15rem;margin:0}.translation-fields legend{padding:0 .45rem;font-family:var(--font-mono);font-weight:600;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.dev-login{margin-top:1.5rem;padding-top:1.15rem;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.7rem}.dev-login-head{display:flex;align-items:center;gap:.5rem}.dev-login-buttons{display:flex;flex-direction:column;gap:.5rem}.dev-login-btn{justify-content:space-between;width:100%}.su-bar{background:#1b1714;color:#efe7d8;border-bottom:2px solid var(--primary)}.su-bar-inner{display:flex;align-items:center;gap:1.75rem;height:68px}.su-badge{font-family:var(--font-mono);font-weight:600;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .6rem;border-radius:3px;background:var(--primary);color:#fff}.su-right{display:flex;align-items:center;gap:1rem;margin-left:auto}.su-right .muted{color:#a99f8d}.su-right .btn-ghost{color:#efe7d8;border-color:#463d31}.su-right .btn-ghost:hover{background:#2a241d;border-color:#5e5343}.su-layout{display:flex;align-items:stretch;flex:1}.su-sidebar{flex-shrink:0;width:232px;background:#1b1714;border-right:1px solid #2e2720;padding:1.5rem 1rem}.su-nav{display:flex;flex-direction:column;gap:.15rem;position:sticky;top:1.5rem}.su-nav a{display:block;padding:.55rem .7rem;border-radius:5px;color:#a99f8d;font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.07em}.su-nav a:hover{color:#fff;background:#2a241d;text-decoration:none}.su-nav a.active{color:#f4c451;background:#2a241d}.su-main{flex:1;min-width:0;padding:2.5rem 2rem 4rem}.su-content{max-width:880px;margin:0 auto}.su-tile{display:block;color:var(--text);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.su-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--shadow);text-decoration:none}.su-tile h3{font-family:var(--font-display);margin-bottom:.4rem}.su-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.su-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.su-color{font-family:var(--font-mono);font-size:.72rem;text-transform:none;letter-spacing:0}.su-theme-glyph{font-size:1.4rem;color:var(--primary)}.su-theme-switch{display:inline-flex;gap:.3rem;padding:.2rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 40%,var(--card))}.su-theme-switch-btn{width:36px;height:32px;display:grid;place-items:center;font-size:1.05rem;border:0;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.su-theme-switch-btn:hover{color:var(--text)}.su-theme-switch-btn.is-selected{background:var(--primary);color:var(--card)}.su-field-label{display:block;margin-bottom:.4rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.su-icon-picker{display:flex;flex-wrap:wrap;gap:.5rem}.su-icon-btn{width:44px;height:44px;display:grid;place-items:center;font-size:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 40%,var(--card));color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.su-icon-btn:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.su-icon-btn.is-selected{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-dark)}.su-color-inputs{display:flex;gap:.5rem;align-items:center}.su-color-inputs input[type=color]{width:44px;height:40px}.su-color-inputs input[type=text]{flex:1;min-width:0;font-family:var(--font-mono)}.su-table{width:100%;border-collapse:collapse}.su-table th,.su-table td{text-align:left;padding:.7rem .5rem;border-bottom:var(--hair);font-size:.9rem}.su-table th{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.su-table-actions{text-align:right}.su-table-actions .btn{padding:.32rem .7rem;font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.grid .course-card{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.grid .course-card:nth-child(2){animation-delay:.05s}.grid .course-card:nth-child(3){animation-delay:.1s}.grid .course-card:nth-child(4){animation-delay:.15s}.grid .course-card:nth-child(5){animation-delay:.2s}.grid .course-card:nth-child(6){animation-delay:.25s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 720px){.container{padding:0 1.25rem}.navbar-inner{height:60px}.nav-hamburger{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:.4rem .6rem;background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--text);line-height:1;border-radius:var(--radius)}.nav-hamburger:hover{background:var(--ink-05)}.nav-menu{display:none}.nav-drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:98;pointer-events:none;transition:background .2s ease}.nav-drawer-backdrop.is-visible{background:#0006;pointer-events:auto}.nav-drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--card);border-left:var(--hair);box-shadow:-6px 0 32px #0000001f;z-index:99;overflow-y:auto;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-drawer.is-open{transform:translate(0)}.nav-drawer-head{display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;min-height:60px;border-bottom:var(--hair);flex-shrink:0}.nav-drawer-close{padding:.4rem .65rem;background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--text);border-radius:var(--radius);line-height:1}.nav-drawer-close:hover{background:var(--ink-05)}.nav-drawer-user{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:var(--hair);flex-shrink:0}.nav-drawer-username{font-weight:600;font-size:.95rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-drawer-links{display:flex;flex-direction:column;padding:.4rem 0;border-bottom:var(--hair);flex-shrink:0}.nav-drawer-links a{display:block;padding:.75rem 1.25rem;color:var(--text);font-weight:500;font-size:.95rem;text-decoration:none;border-left:3px solid transparent;transition:background .12s ease}.nav-drawer-links a:hover{background:var(--ink-05);text-decoration:none}.nav-drawer-links a.active{border-left-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.nav-drawer-section{padding:1rem 1.25rem;border-bottom:var(--hair);flex-shrink:0}.nav-drawer-label{font-family:var(--font-mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .65rem}.nav-drawer-toggles{display:flex;gap:.5rem;flex-wrap:wrap}.nav-drawer-toggle{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:transparent;font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--text);cursor:pointer;text-align:center;transition:background .12s ease,border-color .12s ease,color .12s ease}.nav-drawer-toggle:hover{background:var(--ink-05);border-color:color-mix(in srgb,var(--text) 30%,transparent)}.nav-drawer-toggle.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.nav-drawer-footer{margin-top:auto;padding:1rem 1.25rem;border-top:var(--hair);flex-shrink:0}.nav-drawer-logout{width:100%;justify-content:flex-start}.form-card{min-width:0}.login-card{min-width:0;max-width:100%}.row.spread,.path-group-head{flex-wrap:wrap}.su-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.su-bar-inner{flex-wrap:wrap;height:auto;padding:.6rem 0;gap:.5rem}.su-layout{flex-direction:column}.su-sidebar{width:100%;border-right:none;border-bottom:1px solid #2e2720;padding:.75rem 1rem}.su-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;position:static}.su-main{padding:1.75rem 1rem 3rem}.su-right{gap:.6rem}.course-header{flex-direction:column}.editor-layout{grid-template-columns:1fr}.editor-sidebar{position:static}.rte-toolbar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.collab-item{flex-wrap:wrap;row-gap:.25rem}.collab-item .muted{width:100%;order:3;flex:none}.collab-add{flex-direction:column}.su-form-row{grid-template-columns:1fr}}.collab-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.collab-item{display:flex;align-items:baseline;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--ink-05)}.collab-name{font-weight:600}.collab-item .muted{flex:1}.collab-badge{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.12rem .45rem;border-radius:3px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--primary);background:var(--primary-tint);cursor:default}.collab-add{gap:.5rem;align-items:stretch}.collab-add input,.collab-add select{flex:1}.lock-banner{border-left:4px solid var(--primary);background:var(--primary-tint)}.section-secondary{font-size:1.15rem;color:var(--muted)}.assign-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.assign-filter{padding:.4rem .6rem;font-size:.88rem}.combobox{position:relative}.combobox-input{width:100%;padding-right:2rem}.combobox-clear{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);border:0;background:none;color:var(--muted);cursor:pointer;font-size:.85rem;line-height:1;padding:.2rem}.combobox-clear:hover{color:var(--text)}.combobox-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;margin:0;padding:.25rem;list-style:none;max-height:16rem;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.combobox-option{padding:.4rem .55rem;border-radius:6px;cursor:pointer;font-size:.9rem}.combobox-option.is-active{background:var(--primary-tint)}.combobox-option.is-selected{font-weight:600}.combobox-empty{padding:.4rem .55rem}.assign-list{display:flex;flex-direction:column;gap:.3rem;max-height:16rem;overflow-y:auto;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.assign-check{flex-direction:row;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font-family:var(--font-sans);font-size:.9rem;color:var(--text)}.assign-check input{width:auto}.assign-review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.assign-review-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius)}.btn-sm{padding:.25rem .6rem;font-size:.82rem}.cert-config{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.cert-config legend{padding:0 .4rem}.cert-config-body{margin-top:.5rem;padding-left:.5rem;border-left:2px solid var(--border)}.cert-months input{max-width:8rem}.cert-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.cert-progress-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cert-progress-title{font-weight:600}.certificate{position:relative;border-radius:var(--radius);padding:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--card)),var(--card));box-shadow:var(--shadow)}.certificate-frame{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1.6rem 1.4rem;border:2px solid color-mix(in srgb,var(--primary) 45%,transparent);border-radius:calc(var(--radius) - 2px);background:var(--card)}.certificate-eyebrow{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--primary-dark)}.certificate-presented,.certificate-for{margin:0;font-size:.82rem;color:var(--muted)}.certificate-name{margin:.2rem 0;font-size:1.6rem;font-weight:700;line-height:1.1}.certificate-path{margin:0;font-size:1.05rem;font-weight:600}.certificate-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.25rem;margin-top:.9rem;font-size:.78rem;color:var(--muted)}.certificate-status{margin-top:.8rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.certificate-status-soon{background:color-mix(in srgb,#b8860b 16%,transparent);color:color-mix(in srgb,#8a6508 80%,var(--text))}.certificate-status-expired{background:color-mix(in srgb,var(--danger) 14%,transparent);color:color-mix(in srgb,var(--danger) 80%,var(--text))}.certificate-expired .certificate-frame{opacity:.75}.selection-shortcuts{gap:1rem}.selection-list{display:flex;flex-direction:column;gap:.2rem;max-height:18rem;overflow-y:auto;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.selection-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.55rem;font-family:var(--font-sans);font-size:.9rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text)}.selection-item input{width:auto;flex:none}.selection-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-layout{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;align-items:start}.profile-sidebar{position:sticky;top:88px;background:var(--card);border:var(--hair);border-radius:var(--radius);padding:.6rem;display:flex;flex-direction:column;gap:.2rem}.profile-main{min-width:0}.cert-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.cert-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius)}.cert-item.is-soon{border-color:color-mix(in srgb,#b8860b 45%,transparent);background:color-mix(in srgb,#b8860b 10%,transparent)}.cert-item.is-expired{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}.cert-item-main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.cert-item-title{font-weight:600}.cert-chip{font-size:.72rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;white-space:nowrap}.cert-chip-valid{background:color-mix(in srgb,#2e7d32 15%,transparent);color:color-mix(in srgb,#2e7d32 80%,var(--text))}.cert-chip-soon{background:color-mix(in srgb,#b8860b 16%,transparent);color:color-mix(in srgb,#8a6508 80%,var(--text))}.cert-chip-expired{background:color-mix(in srgb,var(--danger) 14%,transparent);color:color-mix(in srgb,var(--danger) 80%,var(--text))}.cert-modal{max-width:640px}.cert-print-area{print-color-adjust:exact;-webkit-print-color-adjust:exact}@media print{body *{visibility:hidden}.cert-print-area,.cert-print-area *{visibility:visible}.cert-print-area{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;max-width:760px;padding:2rem;background:#fff}.cert-modal-actions{display:none!important}}@media (max-width: 720px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}}.setup-2fa-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--surface)}.setup-2fa-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;border-bottom:var(--hair);background:var(--card)}.setup-2fa-logo{font-weight:700;font-size:1rem;letter-spacing:-.01em}.setup-2fa-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;gap:1.5rem}.setup-2fa-notice{max-width:480px;text-align:center}.setup-2fa-wizard{width:100%;max-width:480px}.totp-wizard{max-width:480px}.totp-qr-wrap{display:flex;justify-content:center;padding:.5rem 0}.totp-manual{display:flex;flex-direction:column;gap:.3rem}.totp-secret{display:block;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;background:var(--surface);border:var(--hair);border-radius:var(--radius);padding:.55rem .75rem;word-break:break-all}.totp-app-list{margin:0;padding-left:1.4rem;color:var(--muted)}.recovery-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;background:var(--surface);border:var(--hair);border-radius:var(--radius);padding:.75rem}.recovery-code{display:block;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.06em;color:var(--text);padding:.25rem .4rem;border-radius:calc(var(--radius) / 2);background:var(--card);border:var(--hair);text-align:center}