.myclass-videos-app{direction:rtl;font-family:inherit;box-sizing:border-box}.myclass-videos-app *,.myclass-videos-app ::after,.myclass-videos-app ::before{box-sizing:border-box}.myclass-videos-guest{max-width:500px;margin:40px auto;text-align:center;background:#fff;padding:30px 24px;border-radius:20px;box-shadow:0 10px 30px rgba(108,92,231,.12);direction:rtl;font-size:15px}.myclass-videos-guest-emoji{font-size:38px;display:block;margin-bottom:8px}.myclass-videos-lessons{width:100%;max-width:1100px;margin:20px auto}.myclass-videos-header{text-align:center;margin-bottom:20px;background:linear-gradient(120deg,#6c5ce7,#ff6b9d);border-radius:18px;padding:18px 16px;box-shadow:0 8px 20px rgba(108,92,231,.2)}.myclass-videos-title{margin:0;font-size:22px;font-weight:800;color:#fff}.myclass-videos-subtitle{margin:4px 0 0;color:#fff;opacity:.95;font-size:13px}.myclass-videos-empty{text-align:center;padding:40px 20px;color:#888;background:#fafafa;border-radius:16px}.myclass-videos-empty span{font-size:40px;display:block;margin-bottom:8px}.myclass-videos-lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.lesson-card{--lesson-accent:#6c5ce7;cursor:pointer;background:#fff;border-radius:16px;padding:20px 12px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.08);border:3px solid transparent;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),box-shadow .2s ease,border-color .2s ease;outline:0}.lesson-card:focus-visible,.lesson-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 14px 26px rgba(0,0,0,.14);border-color:var(--lesson-accent)}.lesson-card:active{transform:translateY(-2px) scale(.99)}.lesson-card-icon{font-size:36px;margin-bottom:8px}.lesson-card-title{font-weight:800;font-size:14px;color:#333;margin-bottom:6px}.lesson-card-count{display:inline-block;font-size:11px;font-weight:700;color:var(--lesson-accent);background:color-mix(in srgb,var(--lesson-accent) 12%,#fff);padding:3px 10px;border-radius:20px}.myclass-videos-lesson-wrap{max-width:900px;margin:20px auto}.myclass-videos-back{display:inline-flex;align-items:center;gap:6px;background:#fff;border:none;color:#6c5ce7;font-weight:800;font-size:13px;padding:8px 18px;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;margin-bottom:14px;transition:transform .2s ease}.myclass-videos-back:hover{transform:translateX(-4px)}.myclass-videos-lesson{position:relative;background:linear-gradient(180deg,#f4f1ff,#fff7f0);border-radius:20px;padding:18px 16px 22px}.myclass-videos-lesson-title{text-align:center;margin:0 0 14px;font-size:19px;font-weight:800;color:#4b3f72}.myclass-video-player-wrap{margin-bottom:16px}.myclass-video-player{width:100%;max-height:460px;border-radius:14px;background:#000;box-shadow:0 12px 26px rgba(75,63,114,.22);display:block}.myclass-video-player-title{text-align:center;margin-top:8px;font-weight:700;color:#4b3f72;font-size:14px}.myclass-videos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.myclass-videos-list-empty{text-align:center;color:#999;padding:24px;grid-column:1/-1}.video-item{cursor:pointer;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.07);border:2px solid transparent;transition:transform .18s ease,border-color .18s ease}.video-item:hover{transform:translateY(-3px)}.video-item.is-active{border-color:#6c5ce7}.video-item-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#e4dbff;overflow:hidden}.video-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-item-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px}.video-item-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;background:rgba(0,0,0,.25);opacity:0;transition:opacity .18s ease}.video-item.is-active .video-item-play,.video-item:hover .video-item-play{opacity:1}.video-item-title{padding:8px 10px 10px;font-size:12px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myclass-videos-loading{display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 10px;color:#6c5ce7;font-weight:700;font-size:13px}.myclass-videos-lesson:not(.videos-loaded):not(.videos-has-error) .myclass-videos-loading{display:flex}.myclass-videos-loading-icon{font-size:38px;animation:videos-bounce 1s ease-in-out infinite}@keyframes videos-bounce{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(6deg)}}.myclass-videos-error{display:none;align-items:center;justify-content:center;padding:30px;color:#e63946;text-align:center;font-weight:700;font-size:13px}.videos-has-error .myclass-videos-error{display:flex}.videos-has-error .myclass-video-player-wrap,.videos-has-error .myclass-videos-list{display:none!important}@media (max-width:768px){.myclass-videos-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.myclass-videos-list{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px}.myclass-video-player{max-height:240px}}