body{
    background:#f9f7f0!important;
    background-image:linear-gradient(#e8e4d6 1px,transparent 1px),linear-gradient(90deg,#e8e4d6 1px,transparent 1px)!important;
    background-size:30px 30px!important;
}
.zel{
    max-width:900px;
    margin:40px auto;
    background:#fff!important;
    border:4px solid #000!important;
    border-radius:16px!important;
    overflow:hidden;
    box-shadow:8px 8px 0 #000!important;
}
.speed{
    background:#ffda62;
    padding:12px;
    text-align:center;
    border-bottom:3px solid #000;
    font-weight:900;
}
.speed button{
    margin:0 6px;
    padding:8px 14px;
    border:3px solid #000;
    border-radius:8px;
    background:#fff;
    font-weight:900;
    cursor:pointer;
    transition:all 0.2s;
    box-shadow:3px 3px 0 #000;
}
.speed button.on{
    background:#ff6b6b;
    color:#fff;
    transform:translate(2px,2px);
    box-shadow:1px 1px 0 #000;
}
.video video{width:100%;display:block;border-bottom:3px solid #000;}
.tabs{display:flex;background:#ffda62;border-bottom:3px solid #000;}
.tab{flex:1;text-align:center;padding:16px;font-weight:900;cursor:pointer;border-right:2px solid #000;}
.tab.on{background:#ff6b6b;color:#fff;}
.pad{padding:24px;}
.line{
    padding:16px;border:3px solid #000;border-radius:10px;margin-bottom:12px;
    background:#fff;box-shadow:4px 4px 0 #000;
}
.line.active{background:#dcfce7;}
.btn{
    padding:10px 16px;border:3px solid #000;border-radius:8px;
    background:#74ccf4;font-weight:900;margin:5px 5px 0 0;
    cursor:pointer;box-shadow:3px 3px 0 #000;
}
input.dict{flex:1;padding:12px 16px;border:3px solid #000;border-radius:8px;}
.word-card{padding:16px;border:3px solid #000;border-radius:10px;background:#ffda62;margin-bottom:12px;}
.hide{display:none!important;}
.current-playing-line{
    padding:16px;
    border:3px solid #000;
    border-radius:10px;
    margin-bottom:20px;
    background:#ffda62;
    font-size:18px;
    font-weight:900;
}
.score-box{
    margin-top:10px;
    font-weight:bold;
    color:#16a34a;
    font-size:15px;
}
.zel-video-error{
    padding:16px;
    color:#b91c1c;
    font-weight:700;
}
.el-my-words-wrap{
    margin-bottom:20px;
    padding-bottom:16px;
    border-bottom:2px dashed #000;
}
.el-my-words-title{
    display:block;
    margin-bottom:10px;
    font-size:16px;
}
.el-my-words-list{
    min-height:2em;
}
.el-my-words-list .word-card{margin-bottom:10px;}
.el-muted{margin:0;color:#555;font-size:14px;line-height:1.5;}
.el-lesson-words-title{margin:0 0 12px;font-weight:900;font-size:16px;}
.el-lesson-words-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.word-card .collect-word{margin-top:10px;background:#86efac;}
.collect-word:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;}
.shadow-speech-score:disabled{opacity:.55;cursor:wait;}