:root{color-scheme:dark;font-family:Arial,sans-serif;background:#0b1017;color:#edf1f6}*{box-sizing:border-box}body{margin:0}main{max-width:1450px;margin:auto;padding:40px 32px}a{color:#c2d8eb;text-underline-offset:4px}header{max-width:970px;margin-bottom:36px}header>a{font-size:14px;letter-spacing:2px;text-decoration:none}h1{font-size:clamp(36px,6vw,64px);margin:14px 0}h2{font-size:28px;margin:12px 0 24px}p{line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2px;color:#a7bdd0}.notice{padding:16px 20px;background:#18232f;border-left:3px solid #9eb4c9;font-size:14px}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px}nav{display:flex;flex-direction:column;gap:6px}nav a{padding:13px 16px;border:1px solid #293746;border-radius:7px;text-decoration:none;font-size:14px}nav a[aria-current]{background:#293a4a;border-color:#a5bdcf}section{padding:24px;background:#131c27;border:1px solid #39495a;border-radius:14px}video{width:100%;aspect-ratio:16/9;background:#080c12;border-radius:8px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}button{font:inherit;padding:12px 20px;background:linear-gradient(#dde6ee,#a7bacb);color:#101821;border:0;border-radius:6px;cursor:pointer}.muted,#status{color:#afc0d0;font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid #f4d993;outline-offset:4px}@media(max-width:800px){main{padding:28px 16px}.layout{grid-template-columns:1fr}nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:230px;overflow:auto}section{padding:16px}h2{font-size:24px}}@media(max-width:430px){nav{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}}

.module-controls{display:flex;gap:16px;justify-content:space-between;margin:24px 0;flex-wrap:wrap}.module-controls button{background:#263646;color:#e8f0f7;border:1px solid #5d748a}button:disabled{opacity:.45;cursor:default}.read-along{padding:16px;background:#0e1721;border:1px solid #3e5163;border-radius:8px}.read-along summary{cursor:pointer;color:#d4e2ef}.read-along p{white-space:pre-line;color:#c9d5e1}.read-along summary:focus-visible{outline:3px solid #f4d993;outline-offset:5px}
.video-poster{display:block;width:100%;aspect-ratio:16/9;border-radius:8px}.account-link{padding:12px 20px;background:linear-gradient(#dde6ee,#a7bacb);color:#101821;border-radius:6px;text-decoration:none}