.kursraum-head{background:var(--sand);border-bottom:1px solid var(--border)}.kursraum-head__inner{padding-block:clamp(2.25rem,4vw,3.25rem)}.kursraum-head h1{margin-top:.5rem;font-size:clamp(1.6rem,3.2vw,2.3rem)}.kursraum-head__ar{font-family:var(--font-arabic);color:var(--gold);direction:rtl;margin-top:.35rem;font-size:1.3rem}.kursraum-back{color:var(--muted-foreground);margin-top:1rem;font-size:.85rem;text-decoration:none;display:inline-block}.kursraum-back:hover{color:var(--foreground)}.kursraum-layout{align-items:start;gap:1.5rem;display:grid}@media (width>=960px){.kursraum-layout{grid-template-columns:1fr 20rem}}.kursraum-player{border:1px solid var(--border);background:var(--card);border-radius:.9rem;overflow:hidden}.kursraum-player video{background:var(--ink);aspect-ratio:16/9;width:100%;display:block}.kursraum-player__empty{aspect-ratio:16/9;background:var(--muted);color:var(--muted-foreground);place-items:center;font-size:.9rem;display:grid}.kursraum-player__body{padding:1.25rem}.kursraum-player__body h2{font-size:1.15rem}.kursraum-player__body p{color:var(--muted-foreground);margin-top:.5rem;font-size:.92rem;line-height:1.65}.kursraum-list{border:1px solid var(--border);background:var(--card);border-radius:.9rem;gap:.4rem;padding:1rem;display:grid}.kursraum-list h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.35rem;font-size:.78rem}.kursraum-list button{text-align:left;cursor:pointer;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:.6rem;align-items:flex-start;gap:.6rem;padding:.65rem .7rem;font-family:inherit;display:flex}.kursraum-list button:hover{background:var(--sand)}.kursraum-list button[data-active=true]{border-color:color-mix(in oklab, var(--gold) 45%, transparent);background:color-mix(in oklab, var(--gold) 10%, transparent)}.kursraum-list button span{display:grid}.kursraum-list button strong{font-size:.9rem;font-weight:600}.kursraum-list button small{color:var(--muted-foreground);font-size:.75rem}.kursraum-exam{border:1px solid var(--border);background:var(--card);border-radius:.9rem;margin-top:2.5rem;padding:1.75rem}.kursraum-exam h2{font-size:1.25rem}.kursraum-exam__hint{color:var(--muted-foreground);margin-top:.35rem;font-size:.88rem}.kursraum-exam__passed{color:var(--primary);align-items:center;gap:.4rem;margin-top:.9rem;font-size:.88rem;display:inline-flex}.kursraum-exam__list{gap:1.25rem;margin:1.5rem 0;padding-left:1.1rem;display:grid}.kursraum-exam__options{gap:.35rem;margin-top:.6rem;display:grid}.kursraum-exam__options label{border:1px solid var(--border);cursor:pointer;border-radius:.55rem;align-items:center;gap:.55rem;padding:.5rem .7rem;font-size:.9rem;display:flex}.kursraum-exam__options label:hover{background:var(--sand)}.kursraum-exam__attempts{color:var(--muted-foreground);gap:.25rem;margin-top:1.25rem;padding-left:1.1rem;font-size:.83rem;display:grid}.kursraum-main{gap:0;display:grid}.kursraum-bottom{gap:1.5rem;display:grid}.kursraum-summary{border:1px solid var(--border);background:var(--card);border-radius:.9rem;margin-top:2.5rem;padding:1.75rem}.kursraum-summary[data-state=passed]{border-color:color-mix(in oklab, var(--primary) 50%, var(--border));background:color-mix(in oklab, var(--primary) 6%, var(--card))}.kursraum-summary[data-state=failed]{border-color:color-mix(in oklab, var(--destructive) 45%, var(--border));background:color-mix(in oklab, var(--destructive) 5%, var(--card))}.kursraum-summary h2{font-size:1.2rem}.kursraum-summary__value{font-family:var(--font-display);color:var(--primary);margin-top:.3rem;font-size:1.5rem}.kursraum-summary ul{gap:.4rem;margin:1rem 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.kursraum-summary li{border-bottom:1px dashed var(--border);justify-content:space-between;gap:1rem;padding-bottom:.4rem;display:flex}.kursraum-summary__note{color:var(--muted-foreground);align-items:center;gap:.45rem;margin-top:1rem;font-size:.88rem;display:flex}.kursraum-summary__note--good{color:var(--primary)}.kursraum-summary__note--bad{color:var(--destructive)}@media (width<=640px){.kursraum-exam,.kursraum-summary{padding:1.15rem}.kursraum-exam__list{padding-left:.9rem}}.lesson-room__header{border-bottom:1px solid var(--border);background:var(--muted);padding-block:1.4rem}.lesson-room__header h1{overflow-wrap:anywhere;font-size:1.65rem}.lesson-room__back{height:auto;margin-bottom:.8rem;padding:0}.lesson-room{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:2rem;display:grid}.lesson-room__main{min-width:0}.lesson-room__label{color:var(--muted-foreground);margin-bottom:.4rem;font-size:.8rem}.lesson-room__title{overflow-wrap:anywhere;margin-bottom:1.25rem;font-size:1.3rem}.lesson-room .kursraum-player{border-radius:6px}.lesson-room .kursraum-exam{border-radius:6px;margin-top:0}.lesson-room__actions{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding-block:1.25rem;display:grid}.lesson-room__actions>:nth-child(2){white-space:normal;text-align:center;justify-self:center;height:auto;min-height:2.5rem}.lesson-room__action-spacer{width:6rem}.lesson-room__sidebar{border:1px solid var(--border);background:var(--card);border-radius:6px;overflow:hidden}.lesson-room__sidebar-head{border-bottom:1px solid var(--border);background:var(--muted);padding:1.2rem}.lesson-room__sidebar-head h2{font-size:1rem}.lesson-room__sidebar-head span{color:var(--muted-foreground);font-size:.8rem}.lesson-room__sidebar nav{max-height:65vh;overflow-y:auto}.lesson-room__item{border-bottom:1px solid var(--border);white-space:normal;text-align:left;border-radius:0;justify-content:flex-start;gap:.8rem;width:100%;height:auto;min-height:4.5rem;padding:.9rem 1.1rem;display:flex}.lesson-room__item:last-child{border-bottom:0}.lesson-room__item[aria-current=step]{background:var(--accent);color:var(--accent-foreground);box-shadow:inset 3px 0 var(--primary)}.lesson-room__item span{gap:.2rem;min-width:0;display:grid}.lesson-room__item small{color:var(--muted-foreground);font-size:.75rem;font-weight:400}.lesson-room__item strong{overflow-wrap:anywhere;font-size:.88rem}.lesson-room__group-label{background:var(--muted);border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:.8rem 1.1rem;font-size:.95rem}.lesson-room__overview-link{white-space:normal;text-align:left;border-radius:0;justify-content:flex-start;width:100%;height:auto;min-height:3.5rem;padding:.9rem 1rem}.lesson-room__overview-link svg:last-child{margin-left:auto}.lesson-room__exam-link{margin-top:1rem}@media (width<=900px){.lesson-room{grid-template-columns:minmax(0,1fr);gap:1.5rem}.lesson-room__sidebar nav{max-height:24rem}}@media (width<=540px){.lesson-room__header h1{font-size:1.3rem}.lesson-room__actions{grid-template-columns:auto minmax(0,1fr);gap:.6rem}.lesson-room__action-spacer{display:none}.lesson-room__actions>:nth-child(2){justify-self:stretch;padding-inline:.6rem;font-size:.8rem}.lesson-room__actions>:nth-child(2) svg:last-child{display:none}}.lesson-room__progress{background:var(--border);border-radius:999px;height:.55rem;margin-top:.7rem;overflow:hidden}.lesson-room__progress span{background:var(--primary);border-radius:inherit;height:100%;transition:width .4s;display:block}.quiz-intro,.quiz-run,.quiz-result{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:1.25rem}.quiz-intro__art{background:var(--muted);height:11rem;color:var(--primary);border-radius:6px;place-items:center;margin-bottom:1.25rem;display:grid}.quiz-intro h2,.quiz-result h2{margin-bottom:.6rem;font-size:1.4rem}.quiz-intro__note{color:var(--muted-foreground);font-size:.9rem;line-height:1.7}.quiz-intro__table{border:1px solid var(--border);border-radius:6px;margin:1.25rem 0;overflow:hidden}.quiz-intro__table div{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.quiz-intro__table div:last-child{border-bottom:0}.quiz-intro__table dt,.quiz-intro__table dd{margin:0;padding:.8rem 1rem}.quiz-intro__table dt{color:var(--muted-foreground);border-right:1px solid var(--border)}.quiz-intro__actions,.quiz-result__actions{flex-wrap:wrap;gap:.6rem;display:flex}.quiz-intro__actions>:first-child{flex:14rem}.quiz-run__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.quiz-run__bar{background:var(--muted);border-radius:999px;height:.5rem;margin:1rem 0 1.5rem;overflow:hidden}.quiz-run__bar span{background:var(--primary);height:100%;transition:width .3s;display:block}.quiz-run__count{color:var(--muted-foreground);margin-bottom:.6rem;font-size:.85rem}.quiz-run__card{border:1px solid var(--border);background:var(--background);border-radius:8px;padding:1.1rem}.quiz-run__q{align-items:flex-start;gap:.7rem;margin-bottom:1rem;display:flex}.quiz-run__q>span{background:var(--muted);border-radius:4px;flex:none;place-items:center;width:1.8rem;height:1.8rem;font-size:.85rem;font-weight:700;display:grid}.quiz-run__q strong{flex:1;line-height:1.5}.quiz-run__q small{background:var(--muted);color:var(--muted-foreground);border-radius:999px;flex:none;padding:.15rem .55rem;font-size:.72rem}.quiz-run__options{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.6rem;display:grid}.quiz-run__options button{white-space:normal;border:1px solid var(--border);background:var(--muted);height:auto;min-height:3.5rem;color:inherit;text-align:center;cursor:pointer;border-radius:6px;padding:.8rem 1rem;transition:border-color .15s,background .15s}.quiz-run__options button:hover{border-color:var(--primary)}.quiz-run__options button[data-selected=true]{border-color:var(--primary);background:var(--accent);box-shadow:inset 0 0 0 1px var(--primary)}.quiz-run__foot{justify-content:space-between;gap:.6rem;margin-top:1.25rem;display:flex}.quiz-result{text-align:center}.quiz-result__card{background:var(--muted);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:1rem 0 1.25rem;padding:1.25rem;display:flex}.quiz-result__ring{place-items:center;width:8.5rem;height:8.5rem;display:grid;position:relative}.quiz-result__ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.quiz-result__ring strong{font-size:1.9rem}.quiz-result__track,.quiz-result__value{fill:none;stroke-width:9px}.quiz-result__track{stroke:var(--border)}.quiz-result__value{stroke:var(--destructive);stroke-linecap:round;transition:stroke-dashoffset .6s}.quiz-result__ring[data-passed=true] .quiz-result__value{stroke:var(--primary)}.quiz-result__facts{text-align:left;gap:.4rem;display:grid}.quiz-result__facts p{align-items:center;gap:.5rem;margin:0;display:flex}.quiz-result__badge{border:1px solid var(--destructive);color:var(--destructive);border-radius:999px;justify-self:start;align-items:center;gap:.3rem;padding:.2rem .7rem;font-size:.8rem;display:inline-flex}.quiz-result__badge[data-passed=true]{border-color:var(--primary);color:var(--primary)}.quiz-result .dot{background:var(--muted-foreground);border-radius:50%;width:.5rem;height:.5rem}.quiz-result .dot--good{background:var(--primary)}.quiz-result .dot--bad{background:var(--destructive)}.quiz-result__actions{justify-content:center}
