._0I9kba_grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:72%;grid-auto-flow:column;gap:.9rem;margin:0 -1.25rem;padding:.25rem 1.25rem .5rem;scroll-padding-inline:1.25rem;list-style:none;display:grid;overflow-x:auto}._0I9kba_grid::-webkit-scrollbar{display:none}._0I9kba_card{scroll-snap-align:start;min-width:0}._0I9kba_thumb{aspect-ratio:16/9;background:var(--color-bg-elevated);cursor:pointer;border-radius:14px;width:100%;display:block;position:relative;overflow:hidden}._0I9kba_thumb:focus-visible{box-shadow:var(--shadow-focus);outline:none}._0I9kba_cover{object-fit:cover;transition:transform .3s}@media (hover:hover){._0I9kba_thumb:hover ._0I9kba_cover{transform:scale(1.04)}}._0I9kba_play{color:#fff;background:red;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}._0I9kba_play svg{margin-left:2px}._0I9kba_score{color:#fcd34d;background:#0b1636e0;border-radius:8px;padding:.2rem .55rem;font-size:.8rem;font-weight:800;position:absolute;bottom:8px;left:8px}._0I9kba_name{color:var(--color-text-primary);margin:.55rem 0 0;font-size:.98rem;font-weight:800}._0I9kba_exam{color:var(--color-text-muted);margin:.1rem 0 0;font-size:.84rem}@media (min-width:768px){._0I9kba_grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:1.5rem 1.25rem;margin:0;padding:0;overflow:visible}}
.z7wq5W_frame{border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg);background:#2b2d30;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.z7wq5W_bar{color:#e2e8f0;background:#1f2023;align-items:center;gap:.5rem;min-height:44px;padding:.6rem 1rem;font-size:.86rem;font-weight:600;display:flex}.z7wq5W_barTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.z7wq5W_body{height:min(72vh,620px);display:flex}.z7wq5W_status{text-align:center;color:#cbd5e1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;font-size:.92rem;display:flex}.z7wq5W_status p{margin:0}.z7wq5W_spin{animation:1s linear infinite z7wq5W_spin}@keyframes z7wq5W_spin{to{transform:rotate(360deg)}}.z7wq5W_retry{color:#fff;border:1px solid #ffffff59;border-radius:10px;min-height:40px;padding:0 1rem;font-weight:700}@media (min-width:1024px){.z7wq5W_body{height:min(82vh,860px)}}
