*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,"Segoe UI",sans-serif}header{padding:22px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}header small{color:var(--a);font-weight:800;letter-spacing:.12em}h1{margin:5px 0;font-size:clamp(30px,5vw,54px)}header p{margin:0;color:var(--muted)}select,button,input{font:inherit}select,button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px}.hub{max-width:1200px;margin:auto;padding:30px}.hub h2{color:var(--c)}#chapterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.chapter{display:block;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 12px 30px #0003;transition:.2s}.chapter:hover{transform:translateY(-4px);border-color:var(--a)}.chapter b,.chapter span{color:var(--a)}.chapter p{color:var(--muted);min-height:45px}footer{text-align:center;color:var(--muted);padding:20px}