.lesson-sidecar{--lsc-accent:#309c8a;--lsc-accent-soft:#309c8a1f;--lsc-sea:#dcedf4;--lsc-glass:#ffffffc7;--lsc-glass-border:#c3d3df;--lsc-glass-ink:#4e6374;--lsc-ink:#162b3b;--lsc-highlight:#ffffff73;--lsc-shadow:0 10px 30px #09121a29;--lsc-wave:#4687b938}.dark .lesson-sidecar{--lsc-accent:hsl(var(--brand-teal));--lsc-accent-soft:#57cbb824;--lsc-sea:#09121a;--lsc-glass:#101c28b8;--lsc-glass-border:#254056b3;--lsc-glass-ink:#a2bbcd;--lsc-ink:#fbfaf8;--lsc-highlight:#ffffff12;--lsc-shadow:0 10px 30px #070d1380;--lsc-wave:#70a0c224}.lesson-sidecar{background:var(--lsc-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-sc-panel{border:1px solid var(--lsc-glass-border);height:calc(100% - 20px);box-shadow:var(--lsc-shadow), inset 0 1px 0 var(--lsc-highlight);border-radius:16px;margin:10px 10px 10px 0;animation:.45s cubic-bezier(.16,1,.3,1) lesson-sc-enter;overflow:hidden}.lesson-sc-scene{background:var(--lsc-sea);flex-shrink:0;height:104px;position:relative;overflow:hidden}.lesson-sc-scene:before{content:"";background:repeating-linear-gradient(0deg, var(--lsc-wave) 0 1px, transparent 1px 8px);height:36px;position:absolute;inset:auto 0 0}.lesson-sc-scene:after{content:"";background:linear-gradient(90deg, transparent, var(--lsc-glass-border) 16%, var(--lsc-glass-border) 84%, transparent);height:1px;position:absolute;inset:auto 0 0}.lesson-sc-scene-eyebrow{letter-spacing:.14em;color:var(--lsc-glass-ink);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:absolute;top:12px;left:18px}.lesson-sc-scene-name{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 118px);color:var(--lsc-ink);font-size:22px;font-weight:800;position:absolute;bottom:14px;left:18px;overflow:hidden}.lesson-sc-scene-island{z-index:1;filter:drop-shadow(0 0 10px #57cbb88c);line-height:0;animation:4.2s ease-in-out infinite lesson-island-bob;position:absolute;bottom:8px;right:18px}.lesson-sidecar .c0{fill:#307e71}.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{min-width:0;padding:10px 18px 12px;display:flex;position:relative}.lesson-sc-head:after{content:"";background:linear-gradient(90deg, transparent, var(--lsc-glass-border) 16%, var(--lsc-glass-border) 84%, transparent);height:1px;position:absolute;inset:auto 0 0}.lesson-sc-goal{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--lsc-accent);background:#309c8a14;border:1px solid #36b09b4d;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block;overflow:hidden}.lesson-sc-close{z-index:7;border:1px solid var(--lsc-glass-border);background:var(--lsc-glass);width:36px;height:36px;color:var(--lsc-glass-ink);border-radius:999px;place-items:center;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;top:10px;right:10px}.lesson-sc-close:hover{transform:translateY(-1px);box-shadow:0 3px 10px #09121a29}.lesson-sc-body{flex:1;padding:16px 22px 26px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 20px),#0000);mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 20px),#0000)}.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:0 0}.lesson-sc-foot{color:var(--lsc-glass-ink);padding:10px 18px;font-size:12.5px;position:relative}.lesson-sc-foot:before{content:"";background:linear-gradient(90deg, transparent, var(--lsc-glass-border) 16%, var(--lsc-glass-border) 84%, transparent);height:1px;position:absolute;inset:0 0 auto}.lesson-sc-return{color:var(--lsc-accent);background:#309c8a12;border:1px solid #36b09b59;border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:0 12px;font-size:12.5px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.lesson-sc-return:hover{background:#309c8a29;transform:translateY(-1px)}.lesson-sc-lesson{color:var(--lsc-ink);font-size:15px;line-height:1.85}.lesson-sc-lesson h2{margin:22px 0 8px;font-size:16px;font-weight:700}.lesson-sc-lesson h3{margin:18px 0 6px;font-size:15px;font-weight:700}.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 ul,.lesson-sc-lesson ol{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{border:1px solid var(--lsc-glass-border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:.88em}.lesson-sc-resizer{cursor:col-resize;z-index:5;width:10px;position:absolute;top:0;bottom:0;left:-5px}.lesson-sc-resizer:after{content:"";background:0 0;width:2px;transition:background .2s;position:absolute;top:0;bottom:0;left:4px}.lesson-sc-resizer:before{content:"";background:var(--lsc-glass-ink);opacity:0;z-index:1;border-radius:999px;width:4px;height:34px;transition:opacity .2s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.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{z-index:20;border:1px solid var(--lsc-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;box-shadow:var(--lsc-shadow), inset 0 1px 0 var(--lsc-highlight);border-right:0;border-radius:12px 0 0 12px;padding:12px 0 14px;transition:transform .18s,border-color .18s;position:absolute;top:96px;right:0}.lesson-sc-tab:hover{border-color:#36b09b80;transform:translate(-3px)}.lesson-sc-tab-island{filter:drop-shadow(0 0 6px #57cbb880);line-height:0}.lesson-sc-tab-label{writing-mode:vertical-rl;letter-spacing:.18em;color:var(--lsc-glass-ink);max-height:172px;font-size:12px;overflow:hidden}.lesson-dock{border:1px solid var(--lsc-glass-border);background:var(--lsc-glass);width:100%;color:var(--lsc-ink);text-align:left;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;display:flex}.lesson-dock-icon{color:var(--lsc-accent);flex-shrink:0;display:flex}.lesson-dock-open{color:var(--lsc-glass-ink);flex-shrink:0;margin-left:auto;font-size:12px}.lesson-sheet{border-top:1px solid var(--lsc-glass-border);border-radius:18px 18px 0 0;transition:transform .35s;transform:translateY(102%);box-shadow:0 -14px 40px #09121a40}.lesson-sheet[data-open=true]{transform:translateY(0)}.lesson-sheet .lesson-sc-scene{border-radius:18px 18px 0 0}@keyframes lesson-sc-enter{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lesson-sheet{transition:none}.lesson-sc-panel,.lesson-sc-scene-island{animation:none}}