.lesson-sidecar{--lsc-accent:hsl(170 53% 40%);--lsc-accent-soft:hsl(170 53% 40%/0.12);--lsc-sea:hsl(197 52% 91%);--lsc-glass:hsl(0 0% 100%/0.78);--lsc-glass-border:hsl(206 30% 82%);--lsc-glass-ink:hsl(206 20% 38%);--lsc-ink:hsl(207 45% 16%);--lsc-highlight:hsl(0 0% 100%/0.45);--lsc-shadow:0 10px 30px hsl(211 48% 7%/0.16);--lsc-wave:hsl(206 45% 50%/0.22)}.dark .lesson-sidecar{--lsc-accent:hsl(var(--brand-teal));--lsc-accent-soft:hsl(170 53% 57%/0.14);--lsc-sea:hsl(211 48% 7%);--lsc-glass:hsl(211 42% 11%/0.72);--lsc-glass-border:hsl(206 40% 24%/0.7);--lsc-glass-ink:hsl(205 30% 72%);--lsc-ink:hsl(30 30% 98%);--lsc-highlight:hsl(0 0% 100%/0.07);--lsc-shadow:0 10px 30px hsl(211 48% 5%/0.5);--lsc-wave:hsl(205 40% 60%/0.14)}.lesson-sidecar{background:var(--lsc-glass);backdrop-filter:blur(10px)}.lesson-sc-panel{margin:10px 10px 10px 0;height:calc(100% - 20px);border:1px solid var(--lsc-glass-border);border-radius:16px;overflow:hidden;box-shadow:var(--lsc-shadow),inset 0 1px 0 var(--lsc-highlight);animation:lesson-sc-enter .45s cubic-bezier(.16,1,.3,1)}.lesson-sc-scene{position:relative;height:104px;flex-shrink:0;background:var(--lsc-sea);overflow:hidden}.lesson-sc-scene:before{content:"";position:absolute;inset:auto 0 0 0;height:36px;background:repeating-linear-gradient(0deg,var(--lsc-wave) 0 1px,transparent 1px 8px)}.lesson-sc-scene:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--lsc-glass-border) 16%,var(--lsc-glass-border) 84%,transparent)}.lesson-sc-scene-eyebrow{position:absolute;top:12px;left:18px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.14em;color:var(--lsc-glass-ink)}.lesson-sc-scene-name{position:absolute;left:18px;bottom:14px;max-width:calc(100% - 118px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:800;color:var(--lsc-ink)}.lesson-sc-scene-island{position:absolute;right:18px;bottom:8px;z-index:1;line-height:0;filter:drop-shadow(0 0 10px hsl(170 53% 57%/.55));animation:lesson-island-bob 4.2s ease-in-out infinite}.lesson-sidecar .c0{fill:hsl(170 45% 34%)}.lesson-sidecar .c1{fill:hsl(var(--brand-teal))}.lesson-sidecar .c2{fill:hsl(var(--brand-gold))}@keyframes lesson-island-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.lesson-sc-head{position:relative;display:flex;min-width:0;padding:10px 18px 12px}.lesson-sc-head:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--lsc-glass-border) 16%,var(--lsc-glass-border) 84%,transparent)}.lesson-sc-goal{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--lsc-accent);background:hsl(170 53% 40%/.08);border:1px solid hsl(170 53% 45%/.3);border-radius:999px;padding:2px 10px}.lesson-sc-close{position:absolute;top:10px;right:10px;z-index:7;width:36px;height:36px;border:1px solid var(--lsc-glass-border);border-radius:999px;background:var(--lsc-glass);color:var(--lsc-glass-ink);display:grid;place-items:center;transition:transform .18s ease,box-shadow .18s ease}.lesson-sc-close:hover{transform:translateY(-1px);box-shadow:0 3px 10px hsl(211 48% 7%/.16)}.lesson-sc-body{flex:1;overflow-y:auto;padding:16px 22px 26px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(180deg,transparent,#000 16px,#000 calc(100% - 20px),transparent)}.lesson-sc-body ::selection{background:var(--lsc-accent-soft)}.lesson-sc-body::-webkit-scrollbar{width:5px}.lesson-sc-body::-webkit-scrollbar-thumb{background:var(--lsc-glass-border);border-radius:999px}.lesson-sc-body::-webkit-scrollbar-track{background:transparent}.lesson-sc-foot{position:relative;padding:10px 18px;font-size:12.5px;color:var(--lsc-glass-ink)}.lesson-sc-foot:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--lsc-glass-border) 16%,var(--lsc-glass-border) 84%,transparent)}.lesson-sc-return{display:inline-flex;align-items:center;gap:5px;color:var(--lsc-accent);font-size:12.5px;font-weight:700;min-height:32px;border:1px solid hsl(170 53% 45%/.35);border-radius:999px;padding:0 12px;background:hsl(170 53% 40%/.07);transition:background .18s ease,transform .18s ease}.lesson-sc-return:hover{background:hsl(170 53% 40%/.16);transform:translateY(-1px)}.lesson-sc-lesson{color:var(--lsc-ink);font-size:15px;line-height:1.85}.lesson-sc-lesson h2{font-size:16px;font-weight:700;margin:22px 0 8px}.lesson-sc-lesson h3{font-size:15px;font-weight:700;margin:18px 0 6px}.lesson-sc-lesson h2:first-child,.lesson-sc-lesson h3:first-child{margin-top:0}.lesson-sc-lesson p{margin:0 0 12px}.lesson-sc-lesson ol,.lesson-sc-lesson ul{margin:0 0 12px;padding-left:20px}.lesson-sc-lesson li{margin:5px 0}.lesson-sc-lesson li::marker{color:var(--lsc-accent)}.lesson-sc-lesson strong{color:var(--lsc-accent);font-weight:650}.lesson-sc-lesson em{color:var(--lsc-glass-ink)}.lesson-sc-lesson code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;border:1px solid var(--lsc-glass-border);border-radius:5px;padding:1px 5px}.lesson-sc-resizer{position:absolute;left:-5px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:5}.lesson-sc-resizer:after{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:transparent;transition:background .2s ease}.lesson-sc-resizer:before{content:"";position:absolute;left:2px;top:50%;width:4px;height:34px;transform:translateY(-50%);border-radius:999px;background:var(--lsc-glass-ink);opacity:0;transition:opacity .2s ease;z-index:1}.lesson-sc-resizer:hover:after,.lesson-sc-resizer[data-active=true]:after{background:var(--lsc-accent)}.lesson-sc-resizer:hover:before,.lesson-sc-resizer[data-active=true]:before{opacity:.5}.lesson-sc-tab{position:absolute;right:0;top:96px;z-index:20;width:46px;padding:12px 0 14px;border:1px solid var(--lsc-glass-border);border-right:0;border-radius:12px 0 0 12px;backdrop-filter:blur(8px);box-shadow:var(--lsc-shadow),inset 0 1px 0 var(--lsc-highlight);transition:transform .18s ease,border-color .18s ease}.lesson-sc-tab:hover{transform:translateX(-3px);border-color:hsl(170 53% 45%/.5)}.lesson-sc-tab-island{line-height:0;filter:drop-shadow(0 0 6px hsl(170 53% 57%/.5))}.lesson-sc-tab-label{writing-mode:vertical-rl;letter-spacing:.18em;font-size:12px;color:var(--lsc-glass-ink);max-height:172px;overflow:hidden}.lesson-dock{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--lsc-glass-border);border-radius:12px;background:var(--lsc-glass);color:var(--lsc-ink);font-size:13.5px;padding:9px 12px;text-align:left}.lesson-dock-icon{color:var(--lsc-accent);flex-shrink:0;display:flex}.lesson-dock-open{margin-left:auto;color:var(--lsc-glass-ink);font-size:12px;flex-shrink:0}.lesson-sheet{border-top:1px solid var(--lsc-glass-border);border-radius:18px 18px 0 0;box-shadow:0 -14px 40px hsl(211 48% 7%/.25);transform:translateY(102%);transition:transform .35s ease}.lesson-sheet[data-open=true]{transform:translateY(0)}.lesson-sheet .lesson-sc-scene{border-radius:18px 18px 0 0}@keyframes lesson-sc-enter{0%{transform:translateX(28px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.lesson-sheet{transition:none}.lesson-sc-panel,.lesson-sc-scene-island{animation:none}}