.syb-library{max-width:1200px;margin:32px auto;color:#332a20}.syb-library a{color:#80572e}.syb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.syb-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #ddd2c1;border-radius:8px;text-decoration:none;background:#fbf8f0}.syb-card img,.syb-cover img{width:100%;height:230px;object-fit:cover}.syb-cover{max-width:180px}.syb-chapters li{padding:10px 0}.syb-player{width:100%;height:min(90vh,900px);min-height:600px}.syb-player iframe{display:block;width:100%;height:100%;border:0}@media(max-width:600px){.syb-player{height:85vh;min-height:560px}}
.syb-create{margin:20px 0;padding:16px;background:#f8f3e9;border:1px solid #dfd1bc;border-radius:8px}.syb-create>summary{cursor:pointer;color:#744d2b;font-weight:700}.syb-form{display:grid;gap:14px;margin-top:16px}.syb-form label{display:grid;gap:5px}.syb-form input,.syb-form textarea{box-sizing:border-box;width:100%;max-width:100%;padding:9px;border:1px solid #cfc1ae;border-radius:4px}.syb-form input[type=file]{padding:6px}.syb-form button{justify-self:start;padding:10px 18px;color:#fff;background:#795638;border:0;border-radius:5px;cursor:pointer}.syb-form p,.syb-form small{color:#665b50}.syb-form details{padding:10px;background:#fff;border:1px solid #e4d9c8}.syb-form details summary{cursor:pointer}