:root{--bg: #0f0e0c;--surface: #1a1916;--border: #2e2c28;--cream: #f0ead6;--muted: #7a7568;--gold: #c9a84c;--gold-dim: #9a7e3a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg);color:var(--cream);font-family:DM Sans,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:DM Sans,sans-serif;cursor:pointer;border:none;background:none}input{font-family:DM Sans,sans-serif}.lesson-body{overflow-y:auto;padding:1.5rem 1.5rem 2rem;flex:1;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.lesson-body h2{font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:600;color:var(--cream);line-height:1.3;margin-bottom:1rem}.lesson-body h3{font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:600;color:var(--cream);margin:1.1rem 0 .5rem}.lesson-body p{font-size:.895rem;color:#f0ead6d1;line-height:1.85;font-weight:300;margin-bottom:.9rem}.lesson-body ul,.lesson-body ol{margin-bottom:.9rem;display:flex;flex-direction:column;gap:.15rem;padding-left:1.1rem;list-style:none}.lesson-body li{font-size:.875rem;color:#f0ead6c7;line-height:1.7;font-weight:300;padding-left:1.1rem;position:relative}.lesson-body li:before{content:"\2014";position:absolute;left:0;color:var(--gold-dim);font-size:.8rem;top:.05em}.lesson-body strong{color:var(--cream);font-weight:600}.lesson-body em{color:#f0ead6b3;font-style:italic}.lesson-body a,.read-content a,.explanation-text a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,168,76,.35);transition:color .15s,border-color .15s}.lesson-body a:hover,.read-content a:hover,.explanation-text a:hover{color:var(--cream);border-color:var(--cream)}.lesson-body code{font-size:.82rem;background:#ffffff0f;border:1px solid var(--border);border-radius:2px;padding:.1em .35em;color:var(--cream)}.read-content h2{font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:600;color:var(--cream);line-height:1.3;margin-bottom:1rem}.read-content h3{font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:600;color:var(--cream);margin:1.1rem 0 .5rem}.read-content p{font-size:.895rem;color:#f0ead6d1;line-height:1.85;font-weight:300;margin-bottom:.9rem}.read-content ul,.read-content ol{margin-bottom:.9rem;display:flex;flex-direction:column;gap:.15rem;padding-left:1.1rem;list-style:none}.read-content li{font-size:.875rem;color:#f0ead6c7;line-height:1.7;font-weight:300;padding-left:1.1rem;position:relative}.read-content li:before{content:"\2014";position:absolute;left:0;color:var(--gold-dim);font-size:.8rem;top:.05em}.read-content strong{color:var(--cream);font-weight:600}.read-content em{color:#f0ead6b3;font-style:italic}.read-content code{font-size:.82rem;background:#ffffff0f;border:1px solid var(--border);border-radius:2px;padding:.1em .35em;color:var(--cream)}.explanation-text p{font-size:.875rem;color:#f0ead6d1;line-height:1.7;font-weight:400;margin-bottom:.7rem}.explanation-text p:last-child{margin-bottom:0}.explanation-text ul,.explanation-text ol{margin-bottom:.7rem;display:flex;flex-direction:column;gap:.15rem;padding-left:1.1rem;list-style:none}.explanation-text li{font-size:.85rem;color:#f0ead6c7;line-height:1.7;font-weight:400;padding-left:1.1rem;position:relative}.explanation-text li:before{content:"\2014";position:absolute;left:0;color:var(--gold-dim);font-size:.8rem;top:.05em}.explanation-text strong{color:var(--cream);font-weight:600}.explanation-text em{color:#f0ead6b3;font-style:italic}.explanation-text code{font-size:.82rem;background:#ffffff0f;border:1px solid var(--border);border-radius:2px;padding:.1em .35em;color:var(--cream)}