/* Learn Video */
#ieltsView .vd-topics{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
#ieltsView .vd-topics button{border:1px solid var(--line);background:var(--panel);color:var(--muted);font-weight:700;padding:7px 12px;border-radius:99px;cursor:pointer;font-size:14px}
#ieltsView .vd-topics button[aria-selected=true]{background:var(--ix-tint);color:var(--ix-accent);border-color:var(--ix-accent)}
#ieltsView .vd-topic{margin:0 0 26px}#ieltsView .vd-topic h2{font-size:20px;margin:0 0 12px}
#ieltsView .vd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
#ieltsView .vd-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);text-decoration:none;overflow:hidden;transition:border-color .15s,transform .15s}
#ieltsView .vd-card:hover{border-color:var(--ix-accent);transform:translateY(-2px)}
#ieltsView .vd-thumb{position:relative;display:block;aspect-ratio:16/9;background:var(--line)}
#ieltsView .vd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#ieltsView .vd-len,#ieltsView .vd-seen{position:absolute;bottom:6px;font-size:12px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.75);color:#fff}
#ieltsView .vd-len{right:6px}#ieltsView .vd-seen{left:6px;background:rgba(47,138,95,.9)}
#ieltsView .vd-card-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
#ieltsView .vd-card-body b{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ieltsView .vd-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}
#ieltsView .vd-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}
@media(max-width:960px){#ieltsView .vd-layout{grid-template-columns:1fr}}
#ieltsView .vd-main{position:sticky;top:12px}
@media(max-width:960px){#ieltsView .vd-main{top:0;z-index:3;background:var(--bg);padding-bottom:4px}#ieltsView .vd-cues{max-height:45vh}#ieltsView .vd-controls{gap:6px}#ieltsView .vd-controls .ix-secondary{padding:7px 10px;font-size:13px}}
#ieltsView .vd-frame{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;display:grid;place-items:center}
#ieltsView .vd-frame #vd-player,#ieltsView .vd-frame iframe{width:100%;height:100%;display:grid;place-items:center;border:0}
#ieltsView .vd-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
#ieltsView .vd-msg{min-height:1.2em;margin:6px 0}
#ieltsView .vd-summary{margin-bottom:10px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--panel)}#ieltsView .vd-summary summary{font-weight:700;cursor:pointer}#ieltsView .vd-summary p{margin:8px 0 0;line-height:1.55}
#ieltsView .vd-tabs{display:flex;flex-wrap:wrap;margin-bottom:10px}
#ieltsView .vd-panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:14px}
#ieltsView .vd-subbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#ieltsView .vd-note{font-size:13px;margin:6px 0 10px}
#ieltsView .vd-cues{list-style:none;margin:0;padding:0;max-height:62vh;overflow:auto;display:flex;flex-direction:column;gap:2px}
#ieltsView .vd-cues li{display:flex;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer;line-height:1.45}
#ieltsView .vd-cues li:hover{background:var(--bg)}#ieltsView .vd-cues li.on{background:var(--ix-tint)}#ieltsView .vd-cues li.on span[lang=en]{color:var(--ix-accent);font-weight:600}
#ieltsView .vd-time{border:0;background:none;color:var(--muted);font:12px/1.9 ui-monospace,monospace;padding:0;cursor:pointer;flex:none}
#ieltsView .vd-cues li>span{display:flex;flex-direction:column;gap:2px}#ieltsView .vd-vi{color:var(--muted);font-size:13px}
#ieltsView .vd-blur span[lang=en]{filter:blur(5px)}#ieltsView .vd-blur li:hover span[lang=en]{filter:none}
#ieltsView .vd-vocab{display:flex;flex-direction:column;gap:10px}
#ieltsView .vd-word{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--bg)}
#ieltsView .vd-word-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
#ieltsView .vd-word-top b{font-size:17px}
#ieltsView .vd-mean{margin:4px 0;font-weight:600}
#ieltsView .vd-ex{margin:0;color:var(--muted);font-size:14px;line-height:1.5}#ieltsView .vd-ex mark{background:var(--ix-tint);color:var(--ix-accent);border-radius:4px;padding:0 2px}
#ieltsView .vd-mini{font-size:13px;padding:6px 10px}
#ieltsView .vd-quiz,#ieltsView .vd-gaps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:16px}
#ieltsView .vd-q p{margin:0 0 8px;line-height:1.45}
#ieltsView .vd-opts{display:flex;flex-direction:column;gap:6px}
#ieltsView .vd-opts button{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:9px 12px;cursor:pointer;font:inherit;font-size:15px;line-height:1.4}
#ieltsView .vd-opts button:hover:not(:disabled){border-color:var(--ix-accent)}
#ieltsView .vd-opts button b{display:inline-block;width:1.4em;color:var(--ix-accent)}
#ieltsView .vd-opts button.good{border-color:var(--green);background:rgba(47,138,95,.12)}#ieltsView .vd-opts button.bad{border-color:var(--red);background:rgba(190,18,60,.1)}
#ieltsView .vd-opts button:disabled{cursor:default;opacity:1}
#ieltsView .vd-explain{margin-top:8px;font-size:14px;line-height:1.5}#ieltsView .vd-explain p{margin:0 0 6px}
#ieltsView .vd-cloze{font-size:18px;line-height:2;margin:8px 0}
#ieltsView .vd-res{margin:6px 0 0;font-size:14px;color:var(--muted)}
#ieltsView .vd-ielts{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--bg);margin-bottom:12px}
#ieltsView .vd-ielts p{margin:6px 0 10px;line-height:1.45}
#ieltsView .vd-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){#ieltsView .vd-cols{grid-template-columns:1fr}}
#ieltsView .vd-cols h3{font-size:14px;margin:0 0 4px}#ieltsView .vd-cols ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5}
#ieltsView .vd-draft{width:100%;margin-top:10px;box-sizing:border-box}
#ieltsView .vd-noteadd{margin-bottom:10px}#ieltsView .vd-noteadd input{flex:1;min-width:0}
#ieltsView .vd-notes{display:flex;flex-direction:column;gap:6px}#ieltsView .vd-note-text{flex:1}
@media(max-width:960px){#ieltsView .vd-toolbar{position:static}}