*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#1c2941;font:15px system-ui,-apple-system,Segoe UI,sans-serif}header{background:#fff;border-bottom:1px solid #e4e8f0}.shell{max-width:1180px;margin:auto;padding:22px}header .shell{display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;color:#4057c8}header span,small{color:#748097}.hero{padding:50px 42px;border-radius:22px;background:linear-gradient(115deg,#343e95,#7365d9);color:#fff;margin:20px 0 28px}.hero p{font-weight:700;letter-spacing:2px;opacity:.8}.hero h1{font-size:40px;margin:10px 0}.layout{display:grid;grid-template-columns:320px 1fr;gap:22px}.panel{background:#fff;padding:24px;border-radius:18px;box-shadow:0 8px 30px #2433540a;min-width:0}h2{margin:0 0 18px}h3{margin-top:30px}.book{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;background:#f6f7fb;border:1px solid #e9ebf2;margin:9px 0;padding:14px;border-radius:12px;cursor:pointer}.book.active{background:#e9edff;border-color:#7184e8}.chapter{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #e8eaf0;flex-wrap:wrap}.chapter div{display:flex;flex-direction:column;gap:5px}input,textarea{display:block;width:100%;border:1px solid #dce1ec;padding:12px;border-radius:10px;margin:10px 0;font:inherit}input[type=file]{padding:9px}button{border:0;background:#e9edff;color:#364bb6;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}.primary{background:#4c5fce;color:#fff;width:100%}.notice{background:#fff5d9;padding:14px;border-radius:10px;margin-bottom:16px}.error{color:#bf3743}.empty{text-align:center;padding:100px 10px;color:#65708a}audio{max-width:100%}@media(max-width:750px){.layout{grid-template-columns:1fr}.hero{padding:30px 22px}.hero h1{font-size:30px}header span{display:none}}