*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--html: #f06529;--css: #5c8dff;--js: #c9920e;--bg: #0d1117;--card: #161b22;--card-raised: #1c2230;--text: #c9d1d9;--muted: #8b949e;--border: #30363d;--shadow: 0 4px 20px rgba(0, 0, 0, .45);--ease: .2s ease;--input-bg: #0d1117;--input-border: #30363d;--radius: 12px;--module-topbar-height: 2.75rem;--layout-sidebar-width: 300px;--layout-sidebar-rail-width: 3.25rem;--layout-content-max: 1280px;--week-grid-min: 17.5rem;--week-grid-max-cols: 5;--week-grid-gap: 1.25rem;--week-grid-card-max: 20rem}html,body,#root{min-height:100vh}body{font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}.site-header{background:#1a1a2e;color:#fff;text-align:center;padding:2.8rem 1rem 2.2rem}.site-header{position:relative}.site-header-actions{position:absolute;top:.85rem;right:1rem;z-index:2}.site-header h1{font-size:clamp(1.7rem,4vw,2.5rem)}.subtitle{opacity:.6;font-size:.88rem;margin-top:.4rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.week-sidebar-search{flex-shrink:0;padding:.65rem .75rem .85rem;background:#0000001f;border-bottom:1px solid rgba(255,255,255,.08)}.course-search-trigger{display:flex;align-items:center;gap:.55rem;width:100%;margin:0;padding:.62rem .8rem;border-radius:8px;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.35;text-align:left;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease),box-shadow var(--ease)}.course-search-trigger--sidebar{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffb3}.course-search-trigger--sidebar:hover{background:#ffffff1a;border-color:#ffffff3d;color:#fff;transform:none;opacity:1}.course-search-trigger--sidebar:focus-visible{outline:none;border-color:#2dd4bf8c;box-shadow:0 0 0 3px #2dd4bf38;color:#fff}.page-week[data-course=dw1] .course-search-trigger--sidebar:focus-visible{border-color:#e44d268c;box-shadow:0 0 0 3px #e44d2633}.course-search-trigger--index{border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--muted);font-size:.9rem;padding:.75rem 1rem}.course-search-trigger--index:hover{background:var(--card-raised);border-color:#4a5568;color:var(--text);transform:none;opacity:1}.course-search-trigger--index:focus-visible{outline:none;border-color:#5c8dff;box-shadow:0 0 0 3px #5c8dff33;color:var(--text)}.page-index[data-course=po2] .course-search-trigger--index:focus-visible{border-color:#0d9488;box-shadow:0 0 0 3px #0d94882e}.page-index[data-course=dw1] .course-search-trigger--index:focus-visible{border-color:#e44d26a6;box-shadow:0 0 0 3px #e44d262e}.course-search-trigger-icon{display:flex;flex-shrink:0;transition:color var(--ease)}.course-search-trigger--sidebar .course-search-trigger-icon{color:#ffffff8c}.course-search-trigger--sidebar:hover .course-search-trigger-icon,.course-search-trigger--sidebar:focus-visible .course-search-trigger-icon{color:#fffffff2}.course-search-trigger--index .course-search-trigger-icon{color:#94a3b8}.course-search-trigger--index:hover .course-search-trigger-icon,.course-search-trigger--index:focus-visible .course-search-trigger-icon{color:#64748b}.course-search-trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-sidebar-medium:not(.is-open) .week-sidebar-search{padding:.4rem .35rem .5rem;border-bottom:none;background:transparent}.week-sidebar-medium:not(.is-open) .course-search-trigger--sidebar{justify-content:center;padding:.55rem;border-radius:8px}.week-sidebar-medium:not(.is-open) .course-search-trigger-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.course-search-index{max-width:520px;margin:.85rem auto 1.25rem;text-align:left}.course-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,4vh,3rem) 1rem;background:#1a1a2e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.course-search-dialog{width:min(100%,36rem);max-height:min(85vh,640px);display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius);box-shadow:0 20px 50px #00000038;overflow:hidden}.course-search-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem .5rem}.course-search-title{font-size:1.15rem;font-weight:700}.course-search-close{flex-shrink:0;width:2.25rem;height:2.25rem;border:none;border-radius:8px;background:var(--bg);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}.course-search-close:hover{background:var(--border)}.course-search-field{position:relative;padding:0 1.15rem}.course-search-field-icon{position:absolute;left:1.65rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.course-search-input{width:100%;padding:.65rem .85rem .65rem 2.35rem;border:1.5px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;background:var(--input-bg);color:var(--text)}.course-search-input:focus{outline:none;border-color:#5c8dff;box-shadow:0 0 0 3px #5c8dff33}.course-search-hint{padding:.55rem 1.15rem 0;font-size:.82rem;color:var(--muted)}.course-search-results{flex:1;min-height:0;overflow:auto;padding:.75rem 1.15rem 1.15rem}.course-search-status,.course-search-error{font-size:.9rem;color:var(--muted)}.course-search-error{color:#c0392b}.course-search-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.course-search-result{width:100%;text-align:left;padding:.75rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--ease),background var(--ease)}.course-search-result:hover{border-color:#5c8dff;background:var(--card-raised)}.course-search-result-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin-bottom:.35rem}.course-search-result-week{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#93c5fd}.course-search-result-section{font-weight:700;font-size:.95rem}.course-search-result-snippet{display:block;font-size:.85rem;color:var(--muted);line-height:1.45}.course-search-mark{background:#3d2e00;color:#fde68a;padding:0 .1em;border-radius:2px}.pill{display:inline-block;font-size:.72rem;font-weight:700;padding:.2rem .65rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pill-done{background:#0f2d1e;color:#6ee7b7}.pill-current{background:#2d1e05;color:#fbbf24}.pill-upcoming{background:#1c2230;color:#8b949e}.pill-exam{background:#200f3d;color:#c4b5fd}.pill-locked{background:#1c2230;color:#6b7280;display:inline-flex;align-items:center;gap:.3rem}.page-index{min-height:100vh;display:flex;flex-direction:column}.index-main{width:100%;max-width:min(100% - 2rem,calc(var(--week-grid-max-cols) * var(--week-grid-card-max) + (var(--week-grid-max-cols) - 1) * var(--week-grid-gap) + 2rem));margin:0 auto;padding:2.5rem 1rem 3rem;flex:1}.page-index .site-footer{margin-top:auto}.index-intro{text-align:center;margin-bottom:2rem}.index-intro h2{font-size:1.5rem;margin-bottom:.5rem}.index-intro p{color:var(--muted);margin-bottom:1rem}.legend{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.week-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--week-grid-min),calc((100% - (var(--week-grid-max-cols) - 1) * var(--week-grid-gap)) / var(--week-grid-max-cols)))),1fr));gap:var(--week-grid-gap)}.week-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.3rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:.75rem;min-width:0;border-top:4px solid transparent;transition:transform var(--ease),box-shadow var(--ease)}.week-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.week-card.status-upcoming{opacity:.7}.week-card.status-exam{opacity:.85}.week-card.status-exam:hover{transform:none;cursor:default}.week-card.status-done{background:linear-gradient(160deg,#0f2d1e 0%,var(--card) 60%);border-top-color:#16a34a}.week-done-badge{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#16a34a;color:#fff;font-size:.88rem;font-weight:800;line-height:1;flex-shrink:0}.week-card.is-locked{opacity:.7;cursor:default}.week-card.is-locked:hover{transform:none;box-shadow:var(--shadow)}.week-card-lock-footer{margin-top:auto;padding-top:.65rem;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.3rem}.week-lock-msg{font-size:.76rem;color:var(--muted);line-height:1.4}.week-unlock-link{font-size:.8rem;color:#2563eb;text-decoration:none;font-weight:600;align-self:flex-start}.week-unlock-link:hover{text-decoration:underline}.week-lock-svg{vertical-align:-.1em;flex-shrink:0}.week-card-progress{display:flex;align-items:center;gap:.45rem;margin-top:.1rem}.week-card-progress-bar{flex:1;height:5px;background:var(--border);border-radius:999px;overflow:hidden}.week-card-progress-fill{height:100%;background:#22c55e;border-radius:999px;transition:width .35s ease}.week-card-progress-text{font-size:.72rem;color:var(--muted);font-weight:600;white-space:nowrap}.html-border{border-top-color:var(--html)}.css-border{border-top-color:var(--css)}.js-border{border-top-color:var(--js)}.exam-border{border-top-color:#4b5563}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.week-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.week-card h3{font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}.card-topics{list-style:none;padding:0;flex:1;display:flex;flex-direction:column;gap:.25rem}.card-topics li{font-size:.85rem;color:var(--muted);padding-left:1rem;position:relative;overflow-wrap:anywhere}.card-topics li:before{content:"▸";position:absolute;left:0;color:#4a5568}.topic-tag{display:inline-block;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:4px;align-self:flex-start}.html-tag{background:#2a1208;color:#f87171}.css-tag{background:#0d1e3d;color:#93c5fd}.js-tag{background:#2a1e05;color:#fbbf24}.exam-tag{background:#200f3d;color:#c4b5fd}.module-topbar{background:#1a1a2e;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;flex-wrap:wrap;gap:.5rem;position:sticky;top:0;z-index:1000;min-height:var(--module-topbar-height);box-shadow:0 2px 10px #0000001f}.home-link{color:#ffffffd9;text-decoration:none;font-weight:600;font-size:.88rem;transition:color var(--ease)}.home-link:hover{color:#fff}.week-selector{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.week-selector label{color:#ffffff8c}.week-selector select{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.3rem .6rem;font-size:.82rem;cursor:pointer}.week-selector select option{background:#1a1a2e}.module-banner{position:relative;padding:1rem 1.5rem;color:#fff;display:flex;align-items:center;gap:1rem}.banner-html{background:linear-gradient(135deg,#c0392b,#e44d26)}.banner-css{background:linear-gradient(135deg,#1a3399,#264de4)}.banner-js{background:linear-gradient(135deg,#8a6300,#d4ac0d);color:#1a1a2e}.banner-exam{background:linear-gradient(135deg,#4b5563,#6b7280)}.banner-num{font-size:2.5rem;font-weight:900;opacity:.18;line-height:1;flex-shrink:0}.banner-info{flex:1;min-width:0}.banner-info h1{font-size:clamp(1.1rem,2.5vw,1.4rem)}.banner-sub{font-size:.82rem;opacity:.75;margin-top:.15rem}.week-progress-badge{display:inline-flex;align-items:center;gap:.55rem;margin-top:.4rem;padding:.28rem .65rem;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:180px}.banner-js .week-progress-badge{background:#0000001f}.week-progress-badge-text{font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:.03em}.banner-js .week-progress-badge-text{color:#1a1a2e}.week-progress-badge-bar{flex:1;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden;min-width:48px}.banner-js .week-progress-badge-bar{background:#00000026}.week-progress-badge-fill{height:100%;background:#fff;border-radius:2px;transition:width .4s ease}.banner-js .week-progress-badge-fill{background:#1a1a2e}.page-week{height:100vh;overflow:hidden;display:flex;flex-direction:column}.page-week .week-status-message{max-width:var(--layout-content-max);margin:2rem auto;padding:0 2rem}.week-page-body{display:flex;flex:1 1 auto;align-items:stretch;min-height:0;overflow:hidden}.week-sidebar{width:var(--layout-sidebar-width);flex-shrink:0;align-self:stretch;height:100%;background:#1a1a2e;color:#fff;border-right:1px solid rgba(255,255,255,.1);box-sizing:border-box}.week-sidebar-inner{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#1a1a2e}.week-sidebar-head{flex-shrink:0;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.1)}.week-sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.week-sidebar-head-row{display:flex;align-items:stretch}.week-sidebar-menu-toggle{display:none}.week-sidebar-home{display:block;flex:1;min-width:0;padding:.85rem 1rem;color:#ffffffe6;text-decoration:none;font-weight:600;font-size:.88rem;transition:background var(--ease),color var(--ease)}.week-sidebar-home:hover{background:#ffffff0f;color:#fff}.week-sidebar-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;padding:.5rem 1rem .65rem;margin:0}.week-sidebar-current{font-size:.78rem;font-weight:600;color:#ffffffbf;padding:0 1rem .75rem;margin:0;line-height:1.35}.course-weeks-empty{max-width:520px;margin:0 auto 2rem;padding:2rem 1.5rem;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.course-weeks-empty-title{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.course-weeks-empty-text{color:var(--muted);font-size:.95rem;line-height:1.55;margin:0}.course-weeks-empty--compact{max-width:none;margin:.75rem;padding:1rem .85rem;background:#ffffff0f;border-color:#ffffff1f;box-shadow:none}.course-weeks-empty--compact .course-weeks-empty-title{font-size:1rem;color:#fffffff2}.course-weeks-empty--compact .course-weeks-empty-text{font-size:.8rem;color:#ffffffa6}.week-sidebar-loading-text{padding:.75rem 1rem;font-size:.82rem;color:#ffffff8c}.week-sidebar-tree{list-style:none;margin:0;padding:0}.week-nav-group{border-bottom:1px solid rgba(255,255,255,.06)}.week-nav-group.is-current-week{background:#ffffff0a}.week-nav-week-row{display:flex;align-items:stretch}.week-nav-toggle{flex-shrink:0;width:2rem;padding:.65rem 0;border:none;background:transparent;color:#ffffff8c;font-size:.72rem;line-height:1.35;cursor:pointer;transition:background var(--ease),color var(--ease)}.week-nav-toggle:hover{background:#ffffff0f;color:#fff}.week-nav-week-link{flex:1;min-width:0;display:block;padding:.65rem .75rem .65rem 0;color:#ffffffe0;font-size:.8rem;font-weight:600;line-height:1.35;text-decoration:none;transition:background var(--ease),color var(--ease)}.week-nav-week-link:hover{background:#ffffff0f;color:#fff}.week-nav-week-link.is-active{color:#fff;background:#ffffff14}.week-nav-week-link--locked{color:#ffffff59;cursor:default}.week-nav-week-link--locked:hover{background:none;color:#ffffff59}.week-nav-group.is-current-week .week-nav-week-row{box-shadow:inset 3px 0 #e44d26}.page-week[data-course=po2] .week-nav-group.is-current-week .week-nav-week-row{box-shadow:inset 3px 0 #14b8a6}.week-nav-sections{list-style:none;margin:0 .65rem .6rem 1.35rem;padding:.2rem 0 .35rem .75rem;border-left:1px solid rgba(255,255,255,.18)}.week-nav-section-link{display:block;padding:.38rem .65rem .38rem .45rem;font-size:.74rem;line-height:1.4;color:#ffffff94;text-decoration:none;border-left:2px solid transparent;border-radius:0 4px 4px 0;transition:background var(--ease),color var(--ease),border-color var(--ease)}.week-nav-section-link:hover{background:#ffffff0f;color:#ffffffeb}.week-nav-section-link.is-active{background:#ffffff1a;color:#fff;border-left-color:#e44d26;font-weight:600}.page-week[data-course=po2] .week-nav-section-link.is-active{border-left-color:#14b8a6}.week-nav-section-link.is-complete{color:#ffffffe6;border-left-color:#4ade8099}.week-nav-section-link.is-complete:hover{color:#fff;background:#ffffff14}.week-nav-section-check{display:inline-block;margin-right:.3rem;font-size:.65rem;color:#4ade80;vertical-align:middle;line-height:1}.week-nav-section-link.is-locked{opacity:.35;cursor:not-allowed;pointer-events:none}.week-nav-group.is-current-week .week-nav-sections{border-left-color:#e44d2673}.page-week[data-course=po2] .week-nav-group.is-current-week .week-nav-sections{border-left-color:#14b8a673}.week-page-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.module-content{flex:1;min-height:0;overflow-y:auto;width:100%;padding:1.8rem 2rem 1.5rem;display:flex;flex-direction:column;gap:0}.content-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:7rem}.section-title{background:var(--card-raised);border-bottom:1px solid var(--border);padding:.9rem 1.5rem;font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.section-title-text{flex:1;min-width:0}.section-accent-intro .section-title{border-left:3px solid #94a3b8;padding-left:calc(1.5rem - 3px)}.page-week[data-course=dw1] .section-accent-intro .section-title{border-left-color:var(--js)}.page-week[data-course=po2] .section-accent-intro .section-title{border-left-color:#14b8a6}.section-accent-quiz .section-title{border-left:3px solid #a78bfa;padding-left:calc(1.5rem - 3px)}.section-accent-exercise .section-title{border-left:3px solid #64748b;padding-left:calc(1.5rem - 3px)}.section-body,.section-blocks{display:flex;flex-direction:column;gap:.9rem}.section-blocks>.code-snippet{margin:0}.content-figure{margin:0;text-align:center}.content-figure img{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 2px 12px #00000059}.content-figure--uml img{max-width:min(100%,42rem)}.content-figure figcaption{margin-top:.55rem;font-size:.88rem;color:var(--muted);line-height:1.45}.section-body p,.section-body li{color:var(--muted)}.section-body h4{font-size:.98rem;color:var(--text)}.section-body ul,.section-body ol{padding-left:1.4rem;display:flex;flex-direction:column;gap:.3rem}.code-snippet{margin:1rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000001f}.code-snippet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .65rem .45rem .85rem;background:#181825;border-bottom:1px solid rgba(255,255,255,.08)}.code-snippet-toolbar-no-lang{justify-content:flex-end}.code-snippet-lang{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#cdd6f4d9}.code-snippet-lang.lang-html{color:#fab387}.code-snippet-lang.lang-css{color:#89b4fa}.code-snippet-lang.lang-cs{background:#68217a;color:#fff}.code-snippet-lang.lang-js{color:#f9e2af}.code-copy-btn{flex-shrink:0;padding:.3rem .65rem;font-size:.72rem;font-weight:600;font-family:inherit;line-height:1.2;color:#cdd6f4;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease)}.code-copy-btn:hover{background:#ffffff2e;border-color:#ffffff59}.code-copy-btn:focus-visible{outline:2px solid #89b4fa;outline-offset:2px}.code-copy-btn.is-copied{color:#a6e3a1;border-color:#a6e3a173;background:#a6e3a11f}.code-snippet pre{margin:0;border-radius:0;padding:1.1rem 1.3rem}pre{background:#1e1e2e;color:#cdd6f4;border-radius:8px;padding:1.1rem 1.3rem;overflow-x:auto;font-size:.86rem;line-height:1.75}code{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}pre code .tok-comment{color:#7f8ea3;font-style:italic}pre code .tok-string{color:#a6e3a1}pre code .tok-keyword{color:#f38ba8;font-weight:600}pre code .tok-number{color:#fab387}pre code .tok-built{color:#89dceb}pre code .tok-tag{color:#f38ba8}pre code .tok-attr{color:#89b4fa}pre code .tok-punc{color:#bac2de}pre code .tok-selector{color:#f9e2af}pre code .tok-prop{color:#89b4fa}pre code .tok-value{color:#a6e3a1}p code,li code{background:#2d2d40;color:#f87171;padding:.1em .35em;border-radius:4px;font-size:.87em}.info-box{background:#0d1f36;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;padding:.85rem 1.1rem;font-size:.9rem;color:#93c5fd}.warn-box{background:#2a1a05;border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;padding:.85rem 1.1rem;font-size:.9rem;color:#fcd34d}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.6rem .9rem;border:1px solid var(--border)}th{background:var(--card-raised);font-weight:700;color:var(--text)}tr:nth-child(2n) td{background:#0d1117}.week-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:var(--layout-content-max);margin:0 auto;padding:0 2rem 2.5rem}.nav-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--card);border:2px solid var(--border);color:var(--text);padding:.65rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:background var(--ease),border-color var(--ease),transform var(--ease)}.nav-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-2px)}.nav-btn.prev:before{content:"← "}.nav-btn.next:after{content:" →"}.nav-placeholder{flex:1}.demo-card{background:var(--card-raised);border:1px solid var(--border);border-radius:10px;padding:1.3rem;display:flex;flex-direction:column;gap:.75rem}.demo-card h4{font-size:1rem;color:var(--text)}.demo-card p{color:var(--muted);font-size:.9rem}.widget-demos{display:flex;flex-direction:column;gap:1.25rem}.section-widget{margin-top:1rem}.section-blocks+.section-widget{margin-top:.5rem}.counter-display{font-size:3.5rem;font-weight:900;text-align:center;color:#93c5fd;line-height:1;padding:.4rem 0;transition:color var(--ease)}.counter-buttons{display:flex;gap:.6rem;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.2rem;border:none;border-radius:7px;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity var(--ease),transform var(--ease)}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn-success{background:#52b788;color:#fff}.btn-danger{background:#e76f51;color:#fff}.btn-neutral{background:#374151;color:#e5e7eb}.btn-primary{background:#2563eb;color:#fff}.form-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.7rem}.form-row label{font-weight:600;font-size:.88rem;color:var(--text)}.form-row input,.form-row select,.form-row textarea{padding:.45rem .7rem;border:1.5px solid var(--input-border);border-radius:6px;font-size:.95rem;max-width:100%;font-family:inherit;background:var(--input-bg);color:var(--text)}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:#5c8dff}.error-msg{color:#f87171;font-size:.88rem;min-height:1.2rem}.success-msg{color:#6ee7b7;font-size:.88rem;min-height:1.2rem}.imc-result{font-weight:700;font-size:1rem;min-height:1.4rem}.list-input-row{display:flex;gap:.6rem;flex-wrap:wrap}.list-input-row input{flex:1;min-width:160px;padding:.45rem .7rem;border:1.5px solid var(--input-border);border-radius:6px;font-size:.95rem;background:var(--input-bg);color:var(--text)}.list-input-row input:focus{outline:none;border-color:#5c8dff}.dynamic-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.dynamic-list li{background:var(--card-raised);border:1px solid var(--border);border-radius:6px;padding:.45rem .8rem;display:flex;align-items:center;justify-content:space-between;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.remove-btn{background:none;border:none;cursor:pointer;color:#e76f51;font-size:.85rem;transition:color var(--ease)}.remove-btn:hover{color:#c1440e}.theme-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.theme-btn{width:2.4rem;height:2.4rem;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform var(--ease),border-color var(--ease)}.theme-btn:hover,.theme-btn.active{transform:scale(1.15);border-color:#0000004d}.fetch-output{background:#1e1e2e;color:#cdd6f4;border-radius:8px;padding:1rem;font-family:Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.6;min-height:60px;overflow-x:auto}.fetch-status{font-size:.9rem;color:var(--muted, #5c6370);min-height:1.35rem;margin:.5rem 0 .75rem}.fetch-cards-grid{display:grid;gap:.75rem;margin-top:.5rem}@media(min-width:640px){.fetch-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.fetch-post-card{background:var(--card-raised);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;box-shadow:0 1px 4px #0000004d}.fetch-post-title{margin:0 0 .4rem;font-size:.95rem;font-weight:700;color:var(--text);line-height:1.3}.fetch-post-body{margin:0;font-size:.82rem;color:var(--muted);line-height:1.45}.exam-card{background:var(--card);border:1px solid var(--border);border-left:4px solid #7c3aed;border-radius:var(--radius);padding:1.25rem 1.35rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.exam-card h3{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.exam-card p{color:var(--muted);margin:0;max-width:42rem;line-height:1.55}.site-footer{background:#1a1a2e;color:#ffffff8c;text-align:center;padding:1.5rem 1rem;font-size:.82rem;margin-top:1rem}.site-footer a{color:#ffffffeb;font-weight:600;text-decoration:underline;text-underline-offset:.15em;transition:color var(--ease)}.site-footer a:hover{color:#fff}.site-footer a:focus-visible{outline:2px solid #89b4fa;outline-offset:3px;border-radius:2px}.page-week .site-footer{margin-top:0;flex-shrink:0}.relache-card{cursor:default}.relache-card:hover{transform:none;box-shadow:var(--shadow)}.card-evals{display:flex;gap:.35rem;flex-wrap:wrap;min-width:0}.eval-badge{font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;white-space:nowrap}.eval-quiz{background:#2d1e05;color:#fbbf24}.eval-tp{background:#0d1e3d;color:#93c5fd}.eval-exam{background:#2d0a1a;color:#f9a8d4}.eval-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.8rem 2rem;margin-top:2.5rem}.eval-section h2{font-size:1.3rem;margin-bottom:1.2rem;color:var(--text)}.eval-table-wrap{overflow-x:auto}.eval-table{width:100%;border-collapse:collapse;font-size:.88rem}.eval-table th{background:var(--card-raised);padding:.65rem 1.1rem;text-align:left;font-weight:700;color:var(--text);border-bottom:2px solid var(--border)}.eval-table td{padding:.7rem 1.1rem;border-bottom:1px solid var(--border);vertical-align:middle}.eval-table tr:last-child td{border-bottom:none}.eval-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.55rem;vertical-align:middle;flex-shrink:0}.eval-dot-quiz{background:#f59e0b}.eval-dot-tp{background:#3b82f6}.eval-dot-exam{background:#ec4899}.eval-pct{font-weight:700;color:var(--text)}.eval-total-row td{font-weight:700;background:var(--card-raised);padding:.8rem 1.1rem}.quiz-question{margin-bottom:1.3rem;padding-bottom:1.3rem;border-bottom:1px solid var(--border)}.quiz-question:last-of-type{border-bottom:none;margin-bottom:.5rem}.q-text{font-weight:600;color:var(--text);margin-bottom:.6rem;font-size:.95rem}.quiz-options{display:flex;flex-direction:column;gap:.4rem}.quiz-opt{text-align:left;background:var(--card-raised);border:1.5px solid var(--border);border-radius:7px;padding:.5rem .9rem;font-size:.88rem;cursor:pointer;transition:background var(--ease),border-color var(--ease);font-family:inherit;line-height:1.4;color:var(--text)}.quiz-opt:hover,.quiz-opt.selected{background:#1a2140;border-color:#5c8dff}.quiz-opt.correct{background:#0f2d1e;border-color:#059669;color:#6ee7b7}.quiz-opt.wrong{background:#2d0a0a;border-color:#dc2626;color:#f87171}.quiz-opt:disabled{cursor:not-allowed;opacity:.95}.quiz-feedback{font-size:.85rem;margin-top:.4rem;min-height:1.1rem}.quiz-correct{color:#6ee7b7;font-weight:600}.quiz-wrong{color:#f87171;font-weight:600}.quiz-warn{color:#fcd34d}.quiz-result{text-align:center;font-weight:700;font-size:1.05rem;padding:.85rem 1rem;border-radius:8px;margin-top:.5rem}.quiz-perfect{background:#0f2d1e;color:#6ee7b7}.quiz-good{background:#2d1e05;color:#fbbf24}.quiz-poor{background:#2d0a0a;color:#f87171}.quiz-submit{margin-top:.75rem}.is-hidden{display:none}.quiz-start{display:flex;justify-content:flex-start}.quiz-start.is-hidden{display:none}.quiz-best-result{font-weight:700;color:var(--text);margin-bottom:.45rem}.quiz-progress{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}.quiz-progress-label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.quiz-progress-dots{display:flex;gap:5px;flex-wrap:wrap}.quiz-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background var(--ease)}.quiz-progress-dot--done{background:#22c55e}.quiz-progress-dot--current{background:#5c8dff}.quiz-actions{display:flex;gap:.75rem;margin-top:.75rem}.course-progress{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;margin:1rem auto 0;max-width:520px;text-align:left}.course-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.course-progress-head h3{font-size:.95rem;color:var(--text)}.course-progress-head strong{color:#93c5fd;font-size:1rem}.course-progress-bar{width:100%;height:10px;background:var(--border);border-radius:999px;overflow:hidden}.course-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#2563eb)}.course-progress p{margin-top:.45rem;font-size:.85rem;color:var(--muted)}.exercise-global-progress{background:var(--card);border:1px solid #166534;border-radius:10px;padding:.9rem 1rem;margin:.75rem auto 0;max-width:520px;text-align:left}.exercise-global-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.exercise-global-progress-head h3{font-size:.95rem;color:#4ade80;margin:0}.exercise-global-progress-head strong{color:#4ade80;font-size:1rem}.exercise-global-progress-bar{width:100%;height:10px;background:#0f2d1e;border-radius:999px;overflow:hidden}.exercise-global-progress-bar span{display:block;height:100%;background:#16a34a;border-radius:999px;transition:width .4s ease}.exercise-global-progress p{margin-top:.45rem;font-size:.85rem;color:#6ee7b7}.section-heading{display:flex;align-items:center;gap:.6rem;padding-bottom:.85rem;margin-bottom:1.1rem;border-bottom:2px solid var(--border)}.section-heading-text{flex:1;min-width:0;margin:0;font-size:1.3rem;font-weight:700;color:var(--text);letter-spacing:-.015em;line-height:1.3}.section-accent-intro .section-heading{border-bottom-color:#94a3b8}.page-week[data-course=dw1] .section-accent-intro .section-heading{border-bottom-color:var(--js)}.page-week[data-course=po2] .section-accent-intro .section-heading{border-bottom-color:#14b8a6}.section-accent-quiz .section-heading{border-bottom-color:#a78bfa}.section-accent-exercise .section-heading{border-bottom-color:#f59e0b}.section-done-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#16a34a;color:#fff;font-size:.7rem;font-weight:700;line-height:1}.section-page-nav{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;border-top:1px solid var(--border);background:var(--card);gap:.75rem}.section-page-nav-right{display:flex;align-items:center;gap:.6rem}.section-proceed-hint{font-size:.78rem;color:#fbbf24;font-style:italic}.section-page-nav .btn:disabled{opacity:.45;cursor:not-allowed}.section-complete .section-title{background:#0f2d1e;border-bottom-color:#166534}.week-quick-nav{position:sticky;top:4.7rem;flex-shrink:0;margin:1rem 1rem 0 0;z-index:900}.quick-nav-panel{width:260px;max-height:calc(100vh - 8.5rem);overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:.8rem .9rem;margin-left:auto}.quick-nav-title{font-weight:800;color:var(--text);font-size:.9rem;margin-bottom:.45rem}.quick-nav-list{list-style:none;padding-left:0;margin:0;display:grid;gap:.35rem}.quick-nav-list a{text-decoration:none;color:#93c5fd;font-weight:600;font-size:.84rem;line-height:1.35}.quick-nav-list a:hover{text-decoration:underline}.html-playground{display:flex;flex-direction:column;gap:.55rem}.html-play-input{width:100%;min-height:180px;border:1.5px solid var(--input-border);border-radius:8px;padding:.7rem .85rem;font-family:Cascadia Code,Consolas,monospace;font-size:.86rem;line-height:1.45;resize:vertical;background:var(--input-bg);color:var(--text)}.html-play-input:focus{outline:none;border-color:#5c8dff}.html-play-actions{display:flex;gap:.6rem;flex-wrap:wrap}.html-play-frame{width:100%;min-height:180px;border:1px solid var(--border);border-radius:8px;background:#fff}.css-playground{display:flex;flex-direction:column;gap:.55rem}.css-play-html{margin:0}.css-play-input{width:100%;min-height:470px;border:1.5px solid var(--input-border);border-radius:8px;padding:.7rem .85rem;font-family:Cascadia Code,Consolas,monospace;font-size:.86rem;line-height:1.45;resize:vertical;background:var(--input-bg);color:var(--text)}.css-play-input:focus{outline:none;border-color:#5c8dff}.css-play-actions{display:flex;gap:.6rem;flex-wrap:wrap}.css-play-frame{width:100%;min-height:220px;border:1px solid var(--border);border-radius:8px;background:#fff}.page-status{min-height:100vh;display:flex;flex-direction:column}.status-header{background:linear-gradient(135deg,#1e293b,#334155)}.status-header-subtitle{font-size:.85rem;opacity:.75;margin-top:.2rem}.status-main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 1.25rem}.status-content{max-width:420px;text-align:center}.status-icon{display:flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;margin:0 auto 1.25rem;border-radius:50%}.status-icon--not-found{background:#0d1f36;color:#93c5fd}.status-icon--error{background:#2d0a0a;color:#f87171}.status-code{font-size:2.75rem;font-weight:800;letter-spacing:-.04em;color:#4b5563;margin:0 0 .35rem;line-height:1}.status-content h2{font-size:1.5rem;margin-bottom:.65rem;color:var(--text)}.status-message{color:var(--muted);margin-bottom:.75rem;line-height:1.55}.status-hint{color:#64748b;font-size:.9rem;margin-bottom:1.5rem;line-height:1.55}.status-home-btn{display:inline-block;padding:.65rem 1.35rem;border-radius:8px;background:#1d4ed8;color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:background var(--ease)}.status-home-btn:hover{background:#1e40af;color:#fff}.page-portal{min-height:100vh;display:flex;flex-direction:column}.portal-header{background:linear-gradient(135deg,#1e293b,#334155)}.portal-main{max-width:960px;margin:0 auto;padding:2.5rem 1rem 3rem;flex:1}.portal-intro{text-align:center;color:var(--muted);margin-bottom:2rem;font-size:.95rem}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.portal-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.35rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:.65rem;border:1px solid var(--border);border-top:4px solid #64748b;transition:transform var(--ease),box-shadow var(--ease)}.portal-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.portal-card-indigo{border-top-color:#6366f1}.portal-card-indigo .portal-card-cta{color:#4338ca}.portal-card-teal{border-top-color:#14b8a6}.portal-card-green{border-top-color:#16a34a}.portal-card-green .portal-card-cta{color:#4ade80}.portal-card-gold{border-top-color:#b8860b}.portal-card-gold .portal-card-cta{color:#fbbf24}.portal-card-orange{border-top-color:#ea580c}.portal-card-orange .portal-card-cta{color:#fb923c}.portal-card-slate{border-top-color:#64748b}.portal-card-slate .portal-card-cta{color:#94a3b8}.portal-card-dw1{border-top-color:#b8860b}.portal-card-po2{border-top-color:#14b8a6}.portal-card-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.portal-card h2{font-size:1.25rem;line-height:1.25}.portal-card p{color:var(--muted);font-size:.9rem;flex:1}.portal-card-cta{font-weight:700;font-size:.88rem;color:#2dd4bf}.portal-card-dw1 .portal-card-cta{color:#fbbf24}.portal-resources{margin-top:2.5rem;padding:1.25rem 1.5rem;background:var(--card);border-radius:var(--radius);border:1px solid var(--border)}.portal-resources h2{font-size:1.1rem;margin-bottom:.5rem}.portal-footer{margin-top:auto}body.course-po2 .module-topbar{background:linear-gradient(90deg,#134e4a,#115e59)}.po2-site-header{background:linear-gradient(135deg,#0f766e,#0d9488)}.po2-site-header .portal-back{margin-top:.5rem}.portal-back-link{color:#ffffffd9;text-decoration:none;font-weight:600;font-size:.88rem}.portal-back-link:hover{color:#fff;text-decoration:underline}.banner-po2{background:linear-gradient(135deg,#0f766e,#2dd4bf);color:#042f2e}.banner-po2 .banner-sub{color:#042f2ebf}.po2-border{border-top-color:#14b8a6}.po2-tag{background:#0a2a27;color:#2dd4bf}a.resource-link{font-weight:600;color:#2dd4bf}a.resource-link:hover{text-decoration:underline}@media(min-width:901px)and (max-width:1200px){.week-sidebar-medium{flex-shrink:0;align-self:stretch;transition:width var(--ease)}.week-sidebar-medium:not(.is-open){width:var(--layout-sidebar-rail-width);overflow:visible}.week-sidebar-medium.is-open{width:var(--layout-sidebar-width)}.week-sidebar-medium:not(.is-open) .week-sidebar-inner{min-height:var(--layout-sidebar-rail-width);height:auto;overflow:visible;width:100%}.week-sidebar-medium:not(.is-open) .week-sidebar-home,.week-sidebar-medium:not(.is-open) .week-sidebar-title,.week-sidebar-medium:not(.is-open) .week-sidebar-nav{display:none}.week-sidebar-medium:not(.is-open) .week-sidebar-rail-panel{position:fixed;top:var(--week-sidebar-rail-top, 0px);left:0;z-index:1000;display:flex;flex-direction:column;width:var(--layout-sidebar-rail-width);max-height:calc(100dvh - var(--week-sidebar-rail-top, 0px));background:#1a1a2e;border-right:1px solid rgba(255,255,255,.1)}.week-sidebar-medium:not(.is-open) .week-sidebar-head{flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.week-sidebar-medium:not(.is-open) .week-sidebar-head-row{flex-direction:column}.week-sidebar-rail-weeks{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.week-sidebar-rail-weeks-list{list-style:none;margin:0;padding:.35rem 0}.week-sidebar-rail-week-link{display:flex;align-items:center;justify-content:center;padding:.45rem .25rem;color:#ffffffb8;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.02em;transition:background var(--ease),color var(--ease)}.week-sidebar-rail-week-link:hover{background:#ffffff0f;color:#fff}.week-sidebar-rail-week-link.is-active{background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24}.week-sidebar-rail-week-link--locked{color:#ffffff40;cursor:default}.week-sidebar-rail-week-link--locked:hover{background:none;color:#ffffff40}.week-sidebar-medium .week-sidebar-menu-toggle{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-shrink:0;padding:.85rem 1rem;border:none;border-left:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffffe6;font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--ease),color var(--ease)}.week-sidebar-medium:not(.is-open) .week-sidebar-menu-toggle{width:var(--layout-sidebar-rail-width);min-width:var(--layout-sidebar-rail-width);height:var(--layout-sidebar-rail-width);min-height:var(--layout-sidebar-rail-width);padding:0;border-left:none}.week-sidebar-medium .week-sidebar-menu-toggle--icon:hover{background:#ffffff0f;color:#fff}.week-sidebar-medium .week-sidebar-menu-toggle-icon{display:block;flex-shrink:0}}@media(max-width:900px){.week-page-body{flex-direction:column;align-items:stretch;min-height:0}.week-sidebar{position:sticky;top:0;align-self:flex-start;width:100%;z-index:1000;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.week-sidebar-inner{height:auto;overflow:visible}.week-sidebar-compact:not(.is-open) .week-sidebar-nav{display:none;flex:none;padding:0}.week-sidebar-compact.is-open{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:100dvh;z-index:1200;overflow:hidden;border-bottom:none}.week-sidebar-compact.is-open .week-sidebar-inner{height:100%;min-height:100%;max-height:100%;overflow:hidden}.week-sidebar-compact .week-sidebar-head{margin-bottom:0;flex-shrink:0}.week-sidebar-compact .week-sidebar-menu-toggle{display:flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.85rem 1rem;border:none;border-left:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffffe6;font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--ease),color var(--ease)}.week-sidebar-compact .week-sidebar-menu-toggle:hover{background:#ffffff0f;color:#fff}.week-sidebar-menu-toggle-chevron{font-size:.7rem;opacity:.75}.week-sidebar-compact.is-open .week-sidebar-nav{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,.08);padding-bottom:.75rem}.week-page-main{width:100%;max-width:none}body:has(.week-sidebar-compact.is-open) .scroll-to-top{display:none}.page-week .module-content{padding-left:1rem;padding-right:1rem}}.scroll-to-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1100;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#1a1a2e;color:#fff;font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 4px 18px #00000038;transition:background var(--ease),transform var(--ease),box-shadow var(--ease),opacity var(--ease)}.scroll-to-top:hover{background:#2d2d4a;transform:translateY(-2px);box-shadow:0 6px 22px #00000047}.scroll-to-top:focus-visible{outline:2px solid #89b4fa;outline-offset:3px}.page-admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1.5rem}.admin-login-card{width:100%;max-width:400px;background:var(--card);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #00000073}.admin-login-card h1{margin:0 0 .5rem;font-size:1.5rem}.admin-login-hint{color:var(--muted);font-size:.9rem;margin-bottom:1.25rem}.admin-login-card label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.35rem}.admin-login-card input[type=password]{width:100%;padding:.5rem .7rem;border:1.5px solid var(--input-border);border-radius:6px;margin-bottom:1rem;background:var(--input-bg);color:var(--text)}.page-admin{max-width:min(96rem,100%);margin:0 auto;padding:2rem 1.5rem 3rem}.admin-page-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-page-toolbar h2{margin:0}.admin-content-weeks-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.25rem;margin-bottom:1.25rem}.admin-content-weeks-toolbar .admin-content-add-week-panel{margin-bottom:0}.admin-content-add-week-panel{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem}.admin-content-add-week-hint{font-size:.9rem;font-weight:600;color:var(--muted)}.admin-content-add-week-panel .admin-icon-btn{margin-bottom:.05rem}.admin-content-add-week-panel label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;margin:0}.admin-content-week-num-input{width:6rem;font-variant-numeric:tabular-nums;text-align:center}.admin-content-week-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.admin-content-week-item{display:grid;grid-template-columns:3rem 1fr auto;gap:.75rem 1rem;align-items:center;padding:.85rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.admin-content-week-item-num{display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);background:var(--card-raised);border-radius:8px;min-height:3.125rem}.admin-content-week-item-title{font-size:1.0625rem;font-weight:600;min-width:0}.admin-content-week-evals-field{display:flex;flex-direction:column;gap:.5rem}.admin-content-week-evals-label{font-size:.9rem;font-weight:600}.admin-content-revision-settings{display:flex;flex-direction:column;gap:.85rem;padding:.85rem 1rem;background:var(--card-raised);border:1px solid var(--border);border-radius:var(--radius)}.admin-revision-weeks-picker{margin:0;padding:0;border:none}.admin-revision-weeks-picker legend{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.admin-revision-weeks-picker-grid{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.admin-content-section-card--auto-quiz,.admin-content-section-card--locked-widget{border-style:dashed;background:var(--card)}.admin-content-section-card--locked-widget{border-color:#374151}.admin-content-section-locked-title{display:flex;flex-direction:column;gap:.2rem;min-width:0}.admin-content-section-widget-desc{font-size:.8rem;font-weight:500;color:var(--muted);line-height:1.35}.admin-content-section-auto-badge--widget{color:#60a5fa}.admin-content-section-card--intro-protected{border-color:#2d4a2d;background:#0d1e0d}.admin-content-section-auto-badge--intro{color:#6ee7b7}.admin-content-section-card--exercise-list{border-color:#166534;background:#0f2d1e}.admin-content-section-auto-badge--exercise{color:#4ade80}.admin-content-section-locked-detail{display:flex;flex-direction:column;gap:.5rem}.admin-content-section-widget-detail-title{margin:0;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-content-widget-key{font-size:.8rem;font-weight:500;color:var(--muted);background:var(--card-raised);padding:.15rem .45rem;border-radius:4px}.admin-content-section-auto-title{font-size:1rem;font-weight:600}.admin-content-section-auto-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:.35rem .5rem}.admin-editable-string-list{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.admin-editable-string-list-empty{margin:0}.admin-editable-string-list-rows{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:.4rem}.admin-editable-string-list-rows li{display:flex;gap:.4rem;align-items:center}.admin-editable-string-list-rows input{flex:1;min-width:0;font-size:.9rem}.admin-course-evaluations-editor{display:flex;flex-direction:column;gap:1rem}.admin-course-evaluations-editor>.admin-note{margin:0}.admin-course-evaluations-table{width:100%}.admin-course-evaluations-table th:nth-child(2),.admin-course-evaluations-table td:nth-child(2){width:1%;min-width:8.75rem;white-space:nowrap}.admin-course-evaluations-table th:nth-child(4),.admin-course-evaluations-table td:nth-child(4){width:1%;min-width:8.25rem;white-space:nowrap}.admin-course-evaluations-table th:last-child{width:3.25rem;min-width:3.25rem;text-align:center;vertical-align:middle}.admin-course-evaluations-table td.admin-table-actions{display:table-cell;width:3.25rem;min-width:3.25rem;padding:.5rem .35rem;text-align:center;vertical-align:middle;white-space:nowrap}.admin-course-evaluations-table td.admin-table-actions .admin-icon-btn{vertical-align:middle}.admin-course-evaluations-table tr.admin-course-eval-total-row--auto td:last-child{display:table-cell;vertical-align:middle}.admin-course-evaluations-table input[type=text]{width:100%;min-width:0;font-size:.9rem;box-sizing:border-box}.admin-course-evaluations-table td:nth-child(2) input{min-width:7.75rem}.admin-course-evaluations-table td:nth-child(4) input{min-width:7.25rem}.admin-course-eval-total-row{background:var(--card-raised)}.admin-course-eval-total-row--auto td{font-weight:600}.admin-course-eval-auto-hint{color:var(--muted);font-size:.85rem;font-weight:500}.admin-course-eval-total-weight{font-weight:700}.admin-course-evaluations-actions{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.admin-content-week-item-actions{display:flex;gap:.35rem;flex-shrink:0}.admin-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--card-raised);color:var(--text);cursor:pointer;text-decoration:none;flex-shrink:0}.admin-icon-btn:hover{background:#252d3a;border-color:#4a5568;color:var(--text)}.admin-icon-btn-danger{color:#9b1c1c;border-color:#e8b4b4}.admin-icon-btn-danger:hover{background:#2d0808;border-color:#7f1d1d;color:#fca5a5}.admin-icon-btn-primary{background:#1a1a2e;border-color:#1a1a2e;color:#fff}.admin-icon-btn-primary:hover{background:#2d2d4a;border-color:#2d2d4a;color:#fff}.admin-icon-btn-success{background:#052e16;border-color:#166534;color:#6ee7b7}.admin-icon-btn:disabled{opacity:.4;cursor:not-allowed}.admin-label-save.admin-icon-btn{width:2.5rem;height:2.5rem}.admin-label-saved{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#047857}.admin-shell{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:start}.admin-nav{display:flex;flex-direction:column;gap:.35rem;position:sticky;top:1.5rem}.admin-nav-link{display:block;padding:.55rem .85rem;border-radius:8px;font-weight:600;font-size:.92rem;color:var(--muted);text-decoration:none;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.admin-nav-link:hover{color:var(--text);background:var(--card-raised);border-color:var(--border)}.admin-nav-link-active{color:var(--text);background:var(--card-raised);border-color:#4a5568;box-shadow:0 2px 8px #00000040}.admin-main{min-width:0}.admin-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.admin-header h1{margin:0;font-size:1.75rem}.admin-subtitle{color:var(--muted);margin:.35rem 0 0}.admin-accounts-toolbar{align-items:flex-start}.admin-accounts-toolbar h2{margin-right:auto}.admin-subnav{display:flex;flex-wrap:wrap;gap:.35rem}.admin-subnav-link{display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--muted);text-decoration:none;border:1px solid var(--border);background:var(--card-raised)}.admin-subnav-link:hover{color:var(--text);border-color:#4a5568;background:#252d3a}.admin-subnav-link-active{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.admin-subnav-link-active:hover{color:#fff;background:#2d2d4a;border-color:#2d2d4a}.admin-accounts-shell .admin-page-toolbar{margin-bottom:.75rem}.admin-header-actions{display:flex;gap:.6rem}.admin-error{color:#fca5a5;background:#2d0808;padding:.65rem 1rem;border-radius:8px;margin-bottom:1rem}.admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.admin-stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem}.admin-stat-label{font-size:.82rem;color:var(--muted)}.admin-stat-card strong{font-size:1.6rem;color:var(--text)}.admin-section{margin-bottom:2.5rem}.admin-section h2{font-size:1.2rem;margin:0 0 .75rem}.admin-section h3{font-size:1rem;margin:1.5rem 0 .6rem}.admin-note{color:var(--muted);font-size:.88rem;margin-bottom:1rem}.admin-note-warning{color:var(--text)}.admin-hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-content-import-modal{max-height:min(90dvh,calc(100dvh - 2rem));display:flex;flex-direction:column;overflow:hidden;padding:0;margin:auto}.admin-content-import-modal>h3{flex-shrink:0;margin:0;padding:1.15rem 1.35rem .5rem}.admin-import-modal-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 1.35rem .85rem;overscroll-behavior:contain}.admin-import-modal-footer{flex-shrink:0;padding:.65rem 1.35rem 1.15rem;border-top:1px solid var(--border, rgba(0, 0, 0, .1));background:var(--card)}.admin-import-modal-footer .admin-modal-actions{margin-top:.65rem}.admin-import-modal-footer .admin-field{margin-bottom:0}.admin-content-import-modal h4{font-size:.95rem;margin:0 0 .5rem}.admin-import-course-line{margin:0 0 1rem;font-size:.95rem}.admin-import-instructions{margin-bottom:.85rem}.admin-import-tree-details{margin:0}.admin-import-tree-details summary{cursor:pointer;font-size:.85rem;font-weight:600;color:var(--muted);-webkit-user-select:none;user-select:none}.admin-import-tree-details summary:hover{color:var(--text)}.admin-import-tree-details[open] summary{margin-bottom:.5rem;color:var(--text)}.admin-import-tree-details .admin-import-tree{margin-top:0}.admin-import-steps{margin:0 0 .75rem;padding-left:1.25rem;font-size:.88rem;color:var(--muted)}.admin-import-steps li{margin-bottom:.35rem}.admin-import-steps li:last-child{margin-bottom:0}.admin-import-tree{margin:0;padding:.55rem .75rem;font-size:.75rem;line-height:1.45;background:var(--surface-elevated, rgba(0, 0, 0, .04));border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:6px;overflow-x:auto}.admin-import-file-block{margin-bottom:1rem}.admin-import-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.admin-import-file-name{font-size:.88rem;max-width:min(100%,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-import-file-placeholder{font-size:.88rem;color:var(--muted)}.admin-import-file-error{margin:.35rem 0 0}.admin-link-btn{background:none;border:none;padding:0;font:inherit;color:var(--accent, #2563eb);text-decoration:underline;cursor:pointer}.admin-link-btn:hover{text-decoration:none}.admin-usage-panel .admin-usage-intro{margin-top:0}.admin-usage-charts-grid{display:grid;gap:1.75rem}@media(min-width:960px){.admin-usage-charts-grid{grid-template-columns:1fr 1fr;align-items:start}}.admin-usage-chart-panel{margin:0}.admin-usage-chart-range{margin:0 0 .75rem;font-size:.82rem;color:var(--muted)}.admin-usage-chart-legend{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:.85rem;font-size:.82rem;color:var(--muted)}.admin-usage-legend-item{display:inline-flex;align-items:center;gap:.4rem}.admin-usage-legend-swatch{width:.75rem;height:.75rem;border-radius:2px}.admin-usage-legend-swatch--visitors{background:#2563eb}.admin-usage-legend-swatch--quiz{background:#93c5fd}.admin-usage-chart{width:100%}.admin-usage-chart-plot{display:flex;align-items:flex-end;gap:4px;height:11rem;padding:.5rem .25rem 0;border-bottom:1px solid var(--border, #e2e8f0);background:linear-gradient(to top,transparent,transparent 24%,rgba(0,0,0,.04) 24%,rgba(0,0,0,.04) 25%,transparent 25%,transparent 49%,rgba(0,0,0,.04) 49%,rgba(0,0,0,.04) 50%,transparent 50%,transparent 74%,rgba(0,0,0,.04) 74%,rgba(0,0,0,.04) 75%,transparent 75%)}.admin-usage-chart-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;height:100%}.admin-usage-chart-bar-group{flex:1;width:100%;max-width:2.25rem;display:flex;align-items:flex-end;justify-content:center;gap:2px;min-height:0}.admin-usage-chart-bar{width:42%;min-height:2px;border-radius:3px 3px 0 0;transition:height .2s ease}.admin-usage-chart-bar--visitors{background:#2563eb}.admin-usage-chart-bar--quiz{background:#93c5fd}.admin-usage-chart-column:hover .admin-usage-chart-bar--visitors{background:#1d4ed8}.admin-usage-chart-label{margin-top:.35rem;font-size:.65rem;line-height:1.2;color:var(--muted);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-usage-chart-label--empty{min-height:.9rem}.admin-usage-chart--dense .admin-usage-chart-plot{gap:2px}.admin-usage-chart--dense .admin-usage-chart-bar-group{max-width:1.1rem}.admin-usage-chart--dense .admin-usage-chart-label{font-size:.58rem}.admin-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-table{font-size:.9rem}.admin-table th{white-space:nowrap}.admin-row-muted td{color:var(--muted)}.admin-upload-fields{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.admin-upload-fields label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;margin:0}.admin-upload-fields input[type=text],.admin-upload-fields input[type=number],.admin-upload-fields select{width:100%;min-width:0;box-sizing:border-box}.admin-upload-fields label{flex:1 1 14rem;min-width:14rem}.admin-upload-fields input[type=file]{font-size:.95rem;min-width:10rem}.admin-accounts-toolbar,.admin-invites-toolbar{margin-bottom:1.25rem}.admin-checkbox-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;cursor:pointer}.admin-invite-first-group-hint{margin:0 0 .75rem;padding:.65rem .85rem;background:var(--card-raised);border-radius:8px}.admin-invite-group-mode{margin:0;padding:0;border:none;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.admin-invite-group-mode legend{font-weight:600;width:100%;margin-bottom:.25rem}.admin-radio-label{display:inline-flex;align-items:center;gap:.4rem;font-weight:500;cursor:pointer}.admin-checkbox-hint{font-weight:500;color:var(--muted)}.admin-actions-cell,.admin-table-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;align-items:center}.admin-table td.admin-table-actions,.admin-table td.admin-actions-cell{text-align:center;vertical-align:middle}.admin-table thead th:last-child{text-align:center}.admin-btn-danger{color:#9b1c1c;border-color:#e8b4b4}.admin-btn-danger:hover{background:#2d0808}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.admin-modal{width:100%;max-width:420px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.admin-modal h3{margin:0 0 .75rem}.admin-modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.admin-modal-wide{max-width:520px}.admin-group-courses-fieldset{margin:1rem 0 0;padding:0;border:none}.admin-group-courses-fieldset legend{font-weight:600;margin-bottom:.35rem}.admin-group-course-list{list-style:none;margin:.5rem 0 0;padding:0;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.admin-temp-password{font-family:ui-monospace,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.05em;padding:.75rem 1rem;background:var(--card-raised);border-radius:8px;margin:.5rem 0;word-break:break-all}.admin-label-edit{display:flex;align-items:center;gap:.4rem;min-width:12rem}.admin-inline-input{flex:1;min-width:8rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem}.admin-label-save{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--card-raised);color:#60a5fa;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease)}.admin-label-save:hover:not(:disabled){background:#0f2040;border-color:#3b82f6}.admin-label-save:disabled{opacity:.45;cursor:not-allowed;color:#94a3b8;background:var(--card)}.admin-label-save-spinner{width:.85rem;height:.85rem;border:2px solid #cbd5e1;border-top-color:#1d4ed8;border-radius:50%;animation:admin-label-spin .7s linear infinite}@keyframes admin-label-spin{to{transform:rotate(360deg)}}.admin-label-saved{display:flex;align-items:center;flex-shrink:0;color:#16a34a;animation:admin-label-fade-in .2s ease}@keyframes admin-label-fade-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.admin-btn-sm{padding:.35rem .65rem;font-size:.8rem}.week-attachments{margin-bottom:1.5rem;padding:1.1rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.week-attachments-title{font-size:1.05rem;margin:0 0 .85rem;color:var(--text)}.week-attachments-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.week-attachments-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:background var(--ease),border-color var(--ease)}.week-attachments-link:hover{background:var(--card-raised);border-color:#4a5568}.week-attachments-icon{flex-shrink:0;color:#93c5fd}.week-attachments-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.week-attachments-label{font-weight:600;font-size:.95rem}.week-attachments-detail{font-size:.8rem;color:var(--muted)}@media(max-width:720px){.admin-shell{grid-template-columns:1fr;gap:1.25rem}.admin-nav{flex-direction:row;flex-wrap:wrap;position:static}.admin-nav-link{flex:1 1 auto;text-align:center;min-width:8rem}}@media(max-width:600px){.scroll-to-top{right:1rem;bottom:1rem;width:2.5rem;height:2.5rem;font-size:1rem}.week-grid{grid-template-columns:1fr}.banner-num{display:none}.page-week .module-content{padding-left:.75rem;padding-right:.75rem}.section-body{padding:1.1rem}.eval-section{padding:1.2rem}.week-quick-nav{display:none}.portal-grid{grid-template-columns:1fr}}.auth-loading{min-height:50vh;display:flex;align-items:center;justify-content:center;color:var(--muted)}.page-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.75rem}.auth-card-wide{max-width:560px}.auth-legal h2{margin:1.25rem 0 .4rem;font-size:1.05rem}.auth-legal p{color:var(--muted);font-size:.95rem;margin-bottom:.65rem}.auth-card h1{margin:0 0 .5rem;font-size:1.5rem}.auth-lead,.auth-footer-note{color:var(--muted);font-size:.92rem;margin-bottom:1.25rem}.auth-footer-note{margin-top:1.25rem;margin-bottom:0}.auth-form label{display:block;font-weight:600;font-size:.88rem;margin-bottom:1rem}.auth-form input[type=text],.auth-form input[type=password],.auth-form input[type=file]{display:block;width:100%;margin-top:.35rem;padding:.5rem .7rem;border:1.5px solid var(--input-border);border-radius:8px;font:inherit;background:var(--input-bg);color:var(--text)}.auth-error{color:#f87171;font-size:.9rem;margin-bottom:.75rem}.auth-avatar-preview{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;margin-top:.5rem}.user-menu{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem}.user-menu-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-menu-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#fff3;color:#fff;font-weight:700}.user-menu-name{font-weight:600}.user-menu-logout{padding:.25rem .55rem;font-size:.78rem}.user-menu-privacy{color:#ffffffbf;text-decoration:none}.user-menu-privacy:hover{color:#fff;text-decoration:underline}.module-banner-actions{position:absolute;top:.65rem;right:.85rem;z-index:2}.module-banner-actions .user-menu-privacy,.module-banner-actions .user-menu-name{color:#ffffffe6}.page-privacy{max-width:42rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}.page-privacy h1{margin-bottom:1rem}.page-privacy h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.page-privacy p,.page-privacy li{margin-bottom:.75rem;color:var(--text)}.page-privacy ul{padding-left:1.25rem}.admin-breadcrumb{font-size:.9rem;margin-bottom:1rem;color:var(--muted)}.admin-breadcrumb a{color:var(--accent)}.admin-content-badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.85rem;font-weight:600}.admin-content-badge-seed{background:#1e2044;color:#a5b4fc}.admin-content-badge-volume{background:#052e16;color:#6ee7b7}.admin-form{display:flex;flex-direction:column;gap:.75rem;max-width:32rem}.admin-panel .admin-form,.admin-content-panel .admin-form{max-width:none}.admin-panel,.admin-content-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.25rem}.admin-panel-title,.admin-content-panel-title{margin:0 0 1rem;font-size:1.05rem}.admin-collapsible-panel-head{display:flex;align-items:center;gap:.65rem;width:100%;margin:0;padding:0;border:none;background:none;cursor:pointer;text-align:left;color:inherit;font:inherit}.admin-collapsible-panel-head .admin-panel-title{margin:0;flex:1}.admin-collapsible-panel-open .admin-collapsible-panel-head{margin-bottom:1rem}.admin-collapsible-panel-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border);border-radius:6px;background:var(--card-raised);font-size:.7rem;line-height:1}.admin-collapsible-panel-head:hover .admin-collapsible-panel-toggle{background:#252d3a;border-color:#4a5568}.admin-collapsible-panel-body{margin:0}.admin-panel-subtitle{margin:1.25rem 0 .75rem;font-size:.95rem;color:var(--muted)}.admin-panel-footer,.admin-content-panel-footer{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.admin-panel-footer--inline{margin-top:.5rem;padding-top:0;border-top:none}.admin-panel-danger{border-color:#7f1d1d;background:#1a0505}.admin-panel-danger .admin-danger-action{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0d4d4}.admin-panel-danger .admin-danger-action:first-of-type{margin-top:.75rem}.admin-danger-action-delete{border-top-color:#e8b4b4}.admin-confirm-delete{display:flex;flex-direction:column;gap:.5rem;max-width:20rem;margin:.75rem 0;font-weight:600;font-size:.9rem}.admin-confirm-delete-label{display:block}.admin-confirm-delete-id{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.04em;color:#9b1c1c;padding:.35rem 0;-webkit-user-select:all;user-select:all}.admin-confirm-delete input{width:100%}.admin-content-action-modal{max-width:28rem}.admin-content-action-modal .admin-modal-actions .btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.admin-error-inline{margin:.35rem 0 0;font-size:.9rem}.admin-content-course-tag{display:inline-block;margin-left:.4rem;padding:.1rem .35rem;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;vertical-align:middle;letter-spacing:.03em}.admin-content-course-tag-seed{background:#1e2044;color:#a5b4fc}.admin-content-course-tag-edited{background:#2d1f00;color:#fbbf24}.admin-content-course-tag-volume{background:#2d1500;color:#fb923c}.admin-panel-inset,.admin-content-add-week-panel,.admin-upload-form{padding:1rem 1.25rem;margin-bottom:1.25rem;background:var(--card-raised);border:1px solid var(--border);border-radius:var(--radius)}.admin-panel-inset h3,.admin-upload-form h3{margin:0 0 .85rem;font-size:.95rem}.admin-filters-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem;margin-bottom:1rem}.admin-filters-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;margin:0}.admin-field-grid,.admin-content-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.admin-field-wide,.admin-content-field-wide,.admin-content-week-meta-wide{grid-column:1 / -1}.admin-field-grid label,.admin-content-meta-grid label:not(.admin-content-notrack){display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}.admin-table .admin-table-actions{white-space:nowrap}.admin-form-compact label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600}.page-admin input[type=text],.page-admin input[type=number],.page-admin input[type=password],.page-admin select,.page-admin textarea{font-size:1.0625rem;line-height:1.5;padding:.7rem .95rem;border:1px solid var(--border);border-radius:8px;font-weight:400;color:var(--text);background:var(--input-bg)}.page-admin input[type=text],.page-admin input[type=number],.page-admin input[type=password],.page-admin select{min-height:3.125rem;box-sizing:border-box}.page-admin select{height:3.125rem;padding:.7rem 2.5rem .7rem .95rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.25a.75.75 0 0 1-1.06 0L5.21 8.29a.75.75 0 0 1 .02-1.08Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:1.125rem}.page-admin textarea{line-height:1.55;resize:vertical}.page-admin textarea.admin-content-code-input{font-size:.95rem;line-height:1.45;min-height:3.125rem}.admin-form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.admin-content-week-editor{width:100%;max-width:none}.admin-content-week-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-content-week-toolbar h2{margin:0}.admin-week-nav-group{display:flex;align-items:center;gap:.25rem}.admin-week-nav-placeholder{display:inline-block;width:32px}.admin-content-week-meta .admin-content-week-meta-wide{grid-column:1 / -1}.admin-field-grid input[type=text],.admin-field-grid input[type=number],.admin-field-grid select,.admin-field-grid textarea,.admin-content-meta-grid input[type=text],.admin-content-meta-grid input[type=number],.admin-content-meta-grid select{width:100%;min-width:0;box-sizing:border-box}.admin-upload-form .admin-field-grid{margin-bottom:.25rem}.admin-week-files-upload{margin-top:.5rem;margin-bottom:1.25rem}.admin-week-files-upload-title{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.admin-week-files-table{margin-top:.25rem}.admin-collapsible-panel .admin-upload-form{margin-bottom:1rem}.admin-content-week-meta-short{max-width:8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;text-align:center}.admin-subtitle-builder{display:flex;flex-direction:column;gap:.35rem}.admin-subtitle-builder-label{font-size:.9rem;font-weight:600}.admin-subtitle-builder-controls{display:flex;gap:.5rem}.admin-subtitle-builder-controls select{flex:1;min-width:0}.admin-subtitle-builder-preview{font-size:.875rem;color:var(--muted);font-style:italic}.admin-color-swatch-field{display:flex;flex-direction:column;gap:.35rem}.admin-color-swatch-label{font-size:.9rem;font-weight:600}.admin-color-swatches{display:flex;flex-wrap:wrap;gap:.5rem}.admin-color-swatch{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem .4rem .5rem;border:2px solid var(--border);border-radius:99px;cursor:pointer;background:var(--card-raised);font-size:.875rem;font-weight:500;color:var(--text);transition:border-color .15s,box-shadow .15s}.admin-color-swatch:hover{border-color:#999}.admin-color-swatch--selected{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.admin-color-swatch-dot{width:1rem;height:1rem;border-radius:50%;flex-shrink:0}@media(max-width:640px){.admin-field-grid,.admin-content-meta-grid{grid-template-columns:1fr}.admin-content-week-meta-short{max-width:none}}.admin-content-section-fields label:not(.admin-content-notrack){display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}.admin-content-courses-head,.admin-content-sections-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.admin-content-courses-head .admin-panel-title,.admin-content-sections-head .admin-content-panel-title{margin:0}.admin-content-courses-head-actions,.admin-content-sections-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.admin-content-courses-head-actions .admin-icon-btn,.admin-content-sections-head-actions .admin-icon-btn{flex-shrink:0}.admin-content-section-stack{--section-grid-cols: 1.75rem 2.25rem 2rem minmax(10rem, 1fr) 6.25rem 2.75rem 4rem 9rem;display:flex;flex-direction:column;gap:.5rem;width:100%;padding-bottom:.25rem}.admin-content-section-row{display:grid;width:100%;grid-template-columns:var(--section-grid-cols);column-gap:.55rem;align-items:center}.admin-content-section-row-head,.admin-content-section-card-head{padding-inline:1rem}.admin-content-section-cell{min-width:0}.admin-content-section-cell-drag{grid-column:1}.admin-content-section-cell-toggle{grid-column:2}.admin-content-section-cell-index{grid-column:3}.admin-content-section-cell-title{grid-column:4}.admin-content-section-cell-type{grid-column:5}.admin-content-section-cell-blocks{grid-column:6}.admin-content-section-cell-track{grid-column:7;justify-self:center;max-width:100%}.admin-content-section-cell-actions{grid-column:8}.admin-content-section-row-head{padding-block:0 .4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.admin-content-section-cell-drag,.admin-content-section-cell-toggle,.admin-content-section-cell-index,.admin-content-section-cell-type,.admin-content-section-cell-blocks,.admin-content-section-cell-track{display:flex;align-items:center;justify-content:center}.admin-content-section-row-head .admin-content-section-cell-drag,.admin-content-section-row-head .admin-content-section-cell-toggle,.admin-content-section-row-head .admin-content-section-cell-index,.admin-content-section-row-head .admin-content-section-cell-type,.admin-content-section-row-head .admin-content-section-cell-blocks,.admin-content-section-row-head .admin-content-section-cell-track{text-align:center}.admin-content-section-cell-title{display:flex;align-items:center;overflow:hidden}.admin-content-section-row-head .admin-content-section-cell-title{justify-content:flex-start}.admin-content-section-cell-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;min-width:9rem}.admin-content-section-row-head .admin-content-section-cell-actions{text-align:right}.admin-content-section-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:2rem;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#9ca3af;cursor:grab;touch-action:none}.admin-content-section-drag-handle:hover{color:var(--text);background:var(--card-raised);border-color:var(--border)}.admin-content-section-drag-handle:active{cursor:grabbing}.admin-content-section-card--dragging{opacity:.45}.admin-content-section-card--drop-target .admin-content-section-card-head{box-shadow:inset 0 3px #2563eb}.admin-content-section-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.admin-content-section-card--content:before,.admin-content-section-card--intro:before,.admin-content-section-card--widget:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;pointer-events:none}.admin-content-section-card--content:before{background:#6366f1}.admin-content-section-card--intro:before{background:#8b5cf6}.admin-content-section-card--widget:before{background:#a855f7}.admin-content-section-card-open{border-color:#4a5568;box-shadow:0 1px #2563eb14}.admin-content-section-card-head{padding-block:.55rem;background:var(--card-raised);border-bottom:1px solid transparent}.admin-content-section-card-open .admin-content-section-card-head{border-bottom-color:var(--border)}.admin-content-section-card--student-hidden{opacity:.82;background:#111318}.admin-content-section-card--student-hidden .admin-content-section-card-head{background:#161b22}.admin-content-section-student-vis-btn{flex-shrink:0}.admin-content-section-student-vis-btn-off,.admin-visibility-icon-btn-off{color:#fca5a5;border-color:#7f1d1d;background:#2d0808}.admin-content-week-item-hidden{opacity:.78;background:#111318}.admin-content-section-toggle{width:2rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--card-raised);cursor:pointer;font-size:.7rem;line-height:1}.admin-content-section-index{font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.admin-content-section-title-input{width:100%;min-width:0;font-weight:600}.admin-content-section-pill{width:100%;text-align:center;font-size:.72rem;font-weight:700;padding:.25rem .4rem;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-content-section-pill--content{background:#1e2044;color:#a5b4fc}.admin-content-section-pill--intro{background:#2a1852;color:#c4b5fd}.admin-content-section-pill--widget{background:#1e0a38;color:#d8b4fe}.admin-content-section-blocks{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);min-width:2ch;text-align:center}.admin-content-section-blocks-empty{color:#9ca3af;font-weight:600}.admin-content-section-track{display:inline-block;max-width:100%;font-size:.75rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;background:#052e16;color:#6ee7b7;white-space:nowrap;box-sizing:border-box}.admin-content-section-track-off{background:var(--card-raised);color:var(--muted)}.admin-content-section-card-actions{gap:.25rem;flex-wrap:nowrap}.admin-content-section-card-actions .admin-icon-btn{flex-shrink:0}.admin-content-section-card-body{padding:1rem 1.25rem 1.25rem}.admin-content-section-fields{display:grid;grid-template-columns:1fr 12rem;gap:1rem 1.25rem;align-items:end;margin-bottom:1.25rem}.admin-content-section-id-field{grid-column:1 / -1}.admin-content-section-id-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.125rem;line-height:1.45;min-height:3.5rem;padding:.8rem 1rem}.admin-content-id-row .admin-content-section-id-input{flex:1;min-width:0}.admin-content-section-fields .admin-content-notrack{grid-column:1 / -1;display:inline-flex;flex-direction:row;align-items:center;align-self:start;gap:.5rem;margin:0;padding:.15rem 0 0;font-size:.9rem;font-weight:600;cursor:pointer}.admin-content-section-fields .admin-content-notrack input[type=checkbox]{width:1rem;height:1rem;margin:0;flex-shrink:0}@media(max-width:800px){.admin-content-section-fields{grid-template-columns:1fr}}.admin-content-blocks-title{margin:0 0 .75rem;font-size:.95rem;color:var(--muted)}.admin-content-blocks-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem}.admin-content-week-footer{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem 0 .5rem;margin-top:.5rem;background:linear-gradient(to top,var(--bg) 70%,transparent)}.admin-week-nav-label{font-size:.875rem;color:var(--text-muted);min-width:5rem;text-align:center}.admin-content-block-card{border:1px solid var(--border);border-radius:var(--radius);padding:0;margin-bottom:.75rem;background:var(--card);overflow:hidden}.admin-content-block-body{padding:1rem 1.25rem 1.25rem}.admin-content-block-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;margin-bottom:.65rem}.admin-content-block-card textarea,.admin-content-block-card input:not([type=checkbox]),.admin-content-block-card select{width:100%}.admin-content-block-card textarea:not(.admin-content-code-input){min-height:5rem}.admin-content-code-input{min-height:12rem!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.admin-content-code-editor{display:flex;flex-direction:column;gap:.75rem}.admin-content-code-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media(max-width:900px){.admin-content-code-split{grid-template-columns:1fr}}.admin-content-code-source{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;margin-bottom:0}.admin-content-code-preview{min-width:0}.admin-content-code-preview-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem;color:var(--muted)}.admin-content-code-preview .code-snippet{margin:0}.admin-content-code-preview-empty{margin:0;padding:1rem;border:1px dashed var(--border);border-radius:var(--radius);background:var(--card-raised)}.admin-content-block-head{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;align-items:center;gap:.4rem .5rem;padding:.5rem .85rem;border-bottom:1px solid transparent}.admin-content-block-card-open .admin-content-block-head{border-bottom-color:var(--border)}.admin-content-block-summary{min-width:0;font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-content-block-collapse-btn{flex-shrink:0}.admin-content-block-card--dragging{opacity:.45}.admin-content-block-card--drop-target{box-shadow:inset 0 3px #2563eb}.admin-content-block-type{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:6px;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.3}.admin-content-block-type--paragraph{background:#1e2044;color:#a5b4fc}.admin-content-block-type--heading{background:#2a1852;color:#c4b5fd}.admin-content-block-type--info{background:#0a2730;color:#67e8f9}.admin-content-block-type--warning{background:#2d1500;color:#fb923c}.admin-content-block-type--list{background:#052e16;color:#6ee7b7}.admin-content-block-type--table{background:#1e2044;color:#818cf8}.admin-content-block-type--code{background:#1e293b;color:#a7f3d0}.admin-content-block-type--image{background:#2d0a1e;color:#f9a8d4}.admin-content-block-type--exam{background:#2d0808;color:#fca5a5}.admin-content-block-type--html{background:#1e0a38;color:#d8b4fe}.admin-content-block-card--paragraph{border-left:4px solid #6366f1}.admin-content-block-card--heading{border-left:4px solid #8b5cf6}.admin-content-block-card--info{border-left:4px solid #06b6d4}.admin-content-block-card--warning{border-left:4px solid #f97316}.admin-content-block-card--list{border-left:4px solid #10b981}.admin-content-block-card--table{border-left:4px solid #4f46e5}.admin-content-block-card--code{border-left:4px solid #334155}.admin-content-block-card--image{border-left:4px solid #ec4899}.admin-content-block-card--exam{border-left:4px solid #ef4444}.admin-content-block-card--html{border-left:4px solid #a855f7}.admin-content-block-card--paragraph .admin-content-block-head{background:#1a1e3d}.admin-content-block-card--heading .admin-content-block-head{background:#1f1540}.admin-content-block-card--info .admin-content-block-head{background:#061e24}.admin-content-block-card--warning .admin-content-block-head{background:#1a0d00}.admin-content-block-card--list .admin-content-block-head{background:#041f10}.admin-content-block-card--table .admin-content-block-head{background:#1a1e3d}.admin-content-block-card--code .admin-content-block-head{background:#0f172a;border-bottom-color:#334155}.admin-content-block-card--image .admin-content-block-head{background:#20061a}.admin-content-block-card--exam .admin-content-block-head{background:#1c0505}.admin-content-block-card--html .admin-content-block-head{background:#170830}.admin-content-block-actions{display:flex;gap:.25rem;flex-shrink:0}.admin-content-add-block{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.5rem}.admin-content-list-item{display:flex;gap:.35rem;margin-bottom:.35rem}.admin-content-list-item input{flex:1}.admin-content-table-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.admin-content-table-row input{min-width:6rem;flex:1}.admin-content-id-row{display:flex;gap:.35rem}.admin-content-id-row input{flex:1}.admin-content-save{margin-top:1rem}.btn-link-danger{background:none;border:none;color:#9b1c1c;cursor:pointer;font-size:.9rem;text-decoration:underline;padding:0}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.admin-content-quiz-week-settings{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-end}.admin-content-quiz-draw-hint{margin:.75rem 0 0}.admin-content-quiz-week-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;max-width:16rem;margin:0}.admin-content-quiz-week-field select,.admin-content-quiz-week-field input[type=number]{width:100%}.admin-content-quiz-list{display:flex;flex-direction:column;gap:.85rem;margin:0 0 1rem}.admin-content-quiz-question{margin-bottom:0}.admin-content-quiz-questions-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem}.admin-content-quiz-questions-head .admin-panel-title{margin:0}.admin-content-quiz-questions-toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.admin-content-quiz-question-head{display:flex;align-items:center;gap:.5rem .65rem;padding:.5rem .85rem;background:var(--card-raised);border-bottom:1px solid transparent}.admin-content-quiz-question-open .admin-content-quiz-question-head{border-bottom-color:var(--border)}.admin-content-quiz-question-toggle{flex-shrink:0}.admin-content-quiz-question-label{flex-shrink:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.admin-content-quiz-question-summary{flex:1;min-width:0;font-size:.9rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-content-quiz-question-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0;margin-left:auto}.admin-content-quiz-question-hidden{opacity:.72}.admin-content-quiz-question-hidden .admin-content-quiz-question-head{background:var(--card)}.admin-content-quiz-empty{margin:0 0 1rem}.admin-content-quiz-options{margin-top:.5rem}.admin-content-quiz-option{display:grid;grid-template-columns:1fr 2.5rem 2.5rem;gap:.5rem .6rem;align-items:center;margin-bottom:.5rem}.admin-content-quiz-option-head{margin-bottom:.25rem;font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.admin-content-quiz-option-head span:last-child{visibility:hidden}.admin-content-quiz-option input[type=text]{width:100%}.admin-content-quiz-correct-col{display:flex;align-items:center;justify-content:center;color:var(--muted)}.admin-content-quiz-check-svg{display:block}.admin-content-quiz-mark,.admin-content-quiz-remove{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border);border-radius:8px;cursor:pointer;flex-shrink:0}.admin-content-quiz-mark{background:var(--card-raised);color:var(--muted)}.admin-content-quiz-mark:hover{background:#252d3a;color:var(--text)}.admin-content-quiz-mark-selected{background:#059669;border-color:#047857;color:#fff}.admin-content-quiz-mark-selected:hover{background:#047857;color:#fff}.admin-content-quiz-remove{background:var(--card-raised);color:#fca5a5;font-size:1.25rem;line-height:1;font-weight:400}.admin-content-quiz-remove:hover:not(:disabled){background:#2d0808;border-color:#7f1d1d}.admin-content-quiz-remove:disabled{opacity:.35;cursor:not-allowed}@media(max-width:640px){.admin-content-quiz-option{grid-template-columns:1fr 2.5rem 2.5rem}}.exercise-link-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--card-raised);border:1px solid #1a4a42;border-left:4px solid #0d9488;border-radius:var(--radius);margin:.5rem 0}.exercise-link-card-body{display:flex;flex-direction:column;gap:.25rem;min-width:0}.exercise-link-difficulty{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.1em .5em;border-radius:999px;background:#134e4a;color:#5eead4;width:fit-content}.exercise-link-difficulty--intermédiaire{background:#422006;color:#fde68a}.exercise-link-difficulty--avancé{background:#450a0a;color:#fca5a5}.exercise-link-title{font-size:1rem;font-weight:600;color:var(--text)}.exercise-link-desc{font-size:.875rem;color:var(--text-muted, #64748b);margin:0}.exercise-link-btn{display:inline-block;white-space:nowrap;padding:.45rem 1rem;background:#0d9488;color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius);text-decoration:none;transition:background .15s;flex-shrink:0}.exercise-link-btn:hover{background:#0f766e;color:#fff}.exercise-link-btn--disabled{background:#374151;color:#6b7280;cursor:default}.exercise-tracker{display:flex;align-items:center;margin-bottom:.5rem;padding:.35rem .75rem;background:#0f2d1e;border:1px solid #166534;border-radius:var(--radius);width:fit-content}.exercise-tracker-text{font-size:.85rem;font-weight:600;color:#6ee7b7}.exercise-tracker-admin-badge{margin-left:.75rem;padding:.1rem .5rem;font-size:.75rem;font-weight:600;color:#fde68a;background:#422006;border:1px solid #854d0e;border-radius:var(--radius)}.exercise-link-card--completed{background:#0f2d1e;border-color:#166534;border-left-color:#16a34a}.exercise-link-card--completed .exercise-link-title{color:#6ee7b7}.exercise-link-btn--completed{background:transparent;color:#4ade80;border:1.5px solid #16a34a}.exercise-link-btn--completed:hover{background:#0f2d1e;color:#6ee7b7}.exercise-link-card--locked{background:var(--card);border-color:var(--border);border-left-color:#4b5563}.exercise-link-card--locked .exercise-link-card-body{opacity:.55}.exercise-link-btn--locked{background:#1f2937;color:#6b7280;cursor:default;flex-shrink:0}@media(max-width:600px){.exercise-link-card{flex-direction:column;align-items:flex-start}.exercise-link-btn{align-self:flex-end}}.exercise-page{display:grid;grid-template-columns:380px 1fr;grid-template-rows:100dvh;height:100dvh;overflow:hidden;background:#1e1e1e;color:#e2e8f0}.exercise-page--loading,.exercise-page--error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem;color:#e2e8f0}.exercise-panel{display:flex;flex-direction:column;overflow:hidden}.exercise-panel--left{background:#16213e;padding:1.5rem;overflow-y:auto;border-right:1px solid #334155}.exercise-breadcrumb{margin-bottom:1.25rem;font-size:.85rem}.exercise-breadcrumb a{color:#94a3b8;text-decoration:none}.exercise-breadcrumb a:hover{color:#e2e8f0}.exercise-header{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.exercise-difficulty{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15em .6em;border-radius:999px;background:#134e4a;color:#5eead4;width:fit-content}.exercise-difficulty--intermédiaire{background:#422006;color:#fde68a}.exercise-difficulty--avancé{background:#450a0a;color:#fca5a5}.exercise-title{font-size:1.3rem;font-weight:700;color:#f1f5f9;margin:0}.exercise-description{font-size:.93rem;line-height:1.65;color:#cbd5e1;margin-bottom:1.5rem}.exercise-description p{margin:0}.exercise-description code{background:#1e293b;border:1px solid #334155;padding:.1em .35em;border-radius:3px;font-size:.88em;color:#7dd3fc}.exercise-hints{border-top:1px solid #1e3a5f;padding-top:1.25rem}.exercise-hints-heading{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 .75rem}.exercise-hint-list{display:flex;flex-direction:column;gap:.5rem;padding-left:1.25rem;margin:0 0 .75rem;font-size:.88rem;color:#94a3b8;line-height:1.6}.exercise-hint-item code{background:#1e293b;border:1px solid #334155;padding:.1em .35em;border-radius:3px;font-size:.85em;color:#7dd3fc}.exercise-hint-btn{background:none;border:1px solid #334155;color:#94a3b8;font-size:.85rem;padding:.4rem .8rem;border-radius:var(--radius);cursor:pointer;transition:border-color .15s,color .15s;display:flex;align-items:center;gap:.4rem}.exercise-hint-btn:hover{border-color:#5eead4;color:#5eead4}.exercise-hint-count{font-size:.78rem;opacity:.75}.exercise-hint-exhausted{font-size:.82rem;color:#475569;margin:0}.exercise-panel--right{background:#1e1e1e;display:flex;flex-direction:column;overflow:hidden}.exercise-editor-wrap{flex:1;min-height:0;overflow:hidden}.exercise-actions{display:flex;align-items:center;padding:.6rem 1rem;background:#252526;border-top:1px solid #2d2d2d;gap:.75rem;flex-shrink:0}.exercise-submit-btn{background:#0d9488;color:#fff;border:none;padding:.45rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:background .15s}.exercise-submit-btn:hover:not(:disabled){background:#0f766e}.exercise-submit-btn:disabled{opacity:.6;cursor:not-allowed}.exercise-next{padding:.75rem 1rem 1rem;border-top:1px solid #1e3a2f}.exercise-next-btn{display:inline-block;padding:.5rem 1.25rem;background:#16a34a;color:#fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;transition:background .15s}.exercise-next-btn:hover{background:#15803d}.exercise-results{max-height:240px;overflow-y:auto;padding:.75rem 1rem;background:#252526;border-top:1px solid #2d2d2d;flex-shrink:0}.exercise-result-message{font-size:.9rem;padding:.5rem .75rem;border-radius:var(--radius);margin-bottom:.5rem}.exercise-result-message--error{background:#450a0a;color:#fca5a5}.exercise-result-message--warn{background:#422006;color:#fde68a}.exercise-result-summary{font-size:.9rem;font-weight:600;padding:.4rem 0;margin-bottom:.5rem}.exercise-result-summary--pass{color:#4ade80}.exercise-result-summary--fail{color:#f87171}.exercise-test-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.exercise-test-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.2rem 0}.exercise-test-item--pass{color:#86efac}.exercise-test-item--fail{color:#fca5a5}.exercise-test-icon{font-size:.85rem;flex-shrink:0}.exercise-test-label{color:inherit}.exercise-error-output{margin:.5rem 0 0;font-size:.78rem;font-family:var(--font-mono, monospace);color:#fca5a5;background:#1a0808;border:1px solid #450a0a;border-radius:var(--radius);padding:.5rem .75rem;white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:120px;overflow-y:auto}.exercise-preview-btn{background:#3f3f46;color:#d1d5db;border:1px solid #52525b;padding:.4rem .9rem;font-size:.85rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:background .15s,color .15s}.exercise-preview-btn:hover{background:#52525b;color:#f4f4f5}.exercise-preview-btn--active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.exercise-preview-btn--active:hover{background:#1e40af}.exercise-panel--preview{display:flex;flex-direction:column;background:#fff;overflow:hidden}.exercise-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#252526;border-bottom:1px solid #2d2d2d;flex-shrink:0}.exercise-preview-title{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em}.exercise-preview-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.9rem;padding:.2rem .5rem;border-radius:var(--radius);line-height:1;transition:background .12s}.exercise-preview-close:hover{background:#3f3f46;color:#e2e8f0}.exercise-preview-frame{flex:1;width:100%;border:none;background:#fff}@media(max-width:900px){.exercise-page{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100dvh;overflow:auto}.exercise-panel--left{border-right:none;border-bottom:1px solid #334155;overflow-y:visible}.exercise-panel--right{height:80dvh;min-height:400px}}@media(min-width:1600px){.exercise-page--preview-open{grid-template-columns:380px 1fr 1fr}}@media(max-width:1599px){.exercise-panel--preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}}