:root{--bg:#14101f;--fg:#eee8f8;--accent:#c9a227;--card:#221b33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:Georgia,serif;line-height:1.5}.nav{background:var(--card);border-bottom:1px solid #3a2f55;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem;display:flex}.nav a{color:var(--fg);border-radius:4px;padding:.25rem .5rem;text-decoration:none}.nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}main{max-width:1100px;margin:0 auto;padding:1rem}.filters{flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;display:flex}.filters select{background:var(--card);color:var(--fg);border:1px solid #3a2f55;margin-left:.4rem;padding:.2rem}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.tile{color:var(--fg);text-align:center;flex-direction:column;align-items:center;gap:.25rem;font-size:.85rem;text-decoration:none;display:flex}.card-image{aspect-ratio:7/12;object-fit:cover;background:var(--card);border-radius:6px;width:100%}.card-image.reversed{transform:rotate(180deg)}.card-fallback{border:1px solid #3a2f55;justify-content:center;align-items:center;padding:.5rem;display:flex}.detail-body{grid-template-columns:minmax(140px,260px) 1fr;gap:1.5rem;display:grid}@media (width<=600px){.detail-body{grid-template-columns:1fr}}dt{color:var(--accent);margin-top:.5rem}dd{margin:0}a{color:var(--accent)}.slot{background:var(--card);border:1px solid #3a2f55;border-radius:8px;flex-direction:column;gap:.3rem;padding:.6rem;display:flex}.slot h3{margin:.2rem 0;font-size:1rem}button{background:var(--accent);color:#14101f;cursor:pointer;border:0;border-radius:4px;padding:.4rem .9rem;font-family:inherit}button:disabled{opacity:.4;cursor:not-allowed}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.spread-scroll{margin-top:1rem;overflow-x:auto}.spread-grid{gap:12px;width:max-content;display:grid}.spread-grid .card-image{max-width:110px}.lesson-list li{margin:.4rem 0}.done{color:var(--accent)}.check{border:1px solid #3a2f55;border-radius:6px;margin:.75rem 0;padding:.5rem .75rem}.option{margin:.25rem 0;display:block}article p{max-width:70ch}.slot{overflow-wrap:anywhere;min-width:0}