@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #690dab;--primary-strong: #520a86;--bg-light: #f7f6f8;--bg-dark: #1a1022;--surface: #ffffff;--ink: #1e2430;--muted: #6b7280;--line: rgba(105, 13, 171, .16);--glass: rgba(255, 255, 255, .64);--error: #b42323;--warn: #99670c}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,sans-serif;color:var(--ink);background:var(--bg-light)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:.5rem .75rem;cursor:pointer}button.secondary{background:#faf8fd}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100vh}.mode-header{position:sticky;top:0;z-index:20;padding:.8rem 1rem;border-bottom:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:1rem}.player-mode-header{border-radius:0;margin:0}.builder-mode-header{margin:0}.mode-header h2{margin:0;font-size:.95rem;font-weight:700}.mode-header p{margin:.2rem 0 0;font-size:.73rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.mode-nav{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.mode-nav a,.mode-nav button{font-size:.8rem;padding:.42rem .7rem}.mode-nav a{border:1px solid var(--line);background:#fff}.banner{max-width:1280px;margin:.2rem auto;padding:.5rem .7rem;font-size:.85rem}.banner.error{background:#ffebeb;border:1px solid #f1c7c7;color:var(--error)}.page{max-width:1280px;margin:0 auto;padding:1rem}.card{border:1px solid var(--line);background:#fff}.glass{background:var(--glass);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.hero-title{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em}.hero-subtitle{color:var(--muted);margin:.65rem 0 0}.dashboard{padding-top:1.5rem}.dash-hero{padding:2rem;border-radius:12px}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.dash-card{border:1px solid var(--line);background:#fff;padding:1.1rem;display:flex;flex-direction:column;gap:.5rem}.dash-card h2,.dash-card p{margin:0}.dash-card p{color:var(--muted)}.dash-primary{background:linear-gradient(150deg,#7616b9,#5b0e92);border-color:transparent;color:#fff}.dash-primary p{color:#ffffffdb}.dash-primary button{background:#ffffff1f;color:#fff;border-color:#ffffff40}.dash-icon{width:2.4rem;height:2.4rem;display:grid;place-items:center;background:#ffffff2e}.player-screen{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 68px)}.player-sidebar{border-right:1px solid var(--line);background:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto;padding:1rem .75rem}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.sidebar-header h3{margin:0;font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sidebar-header span{font-size:.7rem;color:var(--primary);font-weight:700}.sidebar-list{display:grid;gap:.28rem}.module-chip{display:flex;flex-direction:column;gap:.1rem;padding:.55rem .5rem;border-left:2px solid transparent;color:#4b5563}.module-chip strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.module-chip span{font-size:.85rem}.module-chip.active{border-left-color:var(--primary);background:#690dab14;color:var(--primary)}.module-chip:hover{text-decoration:none;background:#690dab0d}.player-content{overflow:auto;background:linear-gradient(to bottom right,#690dab0a,#fff0);padding:1rem 1.2rem}.player-hero,.player-panel{border:1px solid var(--line);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-hero{padding:1rem;margin-bottom:.8rem}.player-hero h1{margin:.2rem 0;font-size:clamp(1.8rem,3.3vw,2.6rem)}.player-hero p{color:var(--muted)}.player-kicker{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:var(--primary);font-weight:700}.player-panel{padding:1rem}.module-view .lesson-header h1{margin:.2rem 0 0;font-size:clamp(1.4rem,3vw,2.15rem)}.markdown-content{margin-top:.7rem;line-height:1.55}.player-breadcrumb{margin-bottom:.55rem}.primary-link,.ghost-link{display:inline-flex;align-items:center;padding:.5rem .8rem;border:1px solid var(--line);text-decoration:none;font-size:.9rem;font-weight:600}.primary-link{color:#fff;border-color:transparent;background:linear-gradient(130deg,#7714ba,#5f0f98)}.primary-link:hover,.ghost-link:hover{text-decoration:none}.ghost-link{color:var(--primary);background:#fff}.lesson-actions{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-top:1px solid var(--line);padding-top:.75rem}.quiz-renderer{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}.quiz-title{margin-top:0;font-size:1rem}.quiz-question{border-top:1px solid var(--line);padding:.7rem 0}.quiz-instruction{margin:0 0 .55rem;font-weight:600}.quiz-options{display:grid;gap:.38rem}.option-row{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:.5rem;padding:.55rem .6rem;border:1px solid var(--line);background:#ffffff8c}.option-row:hover{background:#690dab0d}.option-row input{margin:0;width:auto}.cloze-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.cloze-input{width:220px;border:none;border-bottom:2px solid rgba(105,13,171,.34);background:transparent;padding:.35rem .2rem;margin:0}.builder-layout{display:grid;grid-template-columns:.95fr 1.45fr 1.05fr;gap:.75rem}.builder-pane{border:1px solid var(--line);background:#fff;padding:.8rem;min-height:74vh;overflow:auto}.file-tree,.spec-list,.diagnostic-list,.change-log{list-style:none;margin:0 0 .7rem;padding:0}.file-tree button{width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:.34rem .45rem}.file-tree button.selected{border-color:var(--line);background:#690dab12}textarea,input,select{width:100%;border:1px solid var(--line);background:#fff;padding:.5rem;margin-top:.24rem;margin-bottom:.55rem}.editor{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.button-row{display:flex;flex-wrap:wrap;gap:.4rem}.grid-two,.diff-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.diff-item{border:1px solid var(--line);margin-bottom:.45rem;padding:.45rem}.diff-columns pre{border:1px solid var(--line);background:#faf8fd;max-height:180px;overflow:auto;padding:.45rem}.diagnostic-list li.error{color:var(--error)}.diagnostic-list li.warning{color:var(--warn)}@media (max-width: 1100px){.player-screen,.builder-layout,.dash-grid,.grid-two,.diff-columns{grid-template-columns:1fr}.player-screen{height:auto}.mode-header{position:static}}