.vl{--vlbg:#0C3B45;background:var(--vlbg);color:#fff;border-radius:30px;padding:22px;max-width:480px;width:100%;justify-self:center;box-shadow:0 40px 70px -30px #0c3b4599;border:8px solid #13505D;display:flex;flex-direction:column;gap:16px;min-height:560px;scroll-margin-top:90px}.vl [hidden]{display:none!important}.vl-head{display:flex;align-items:center;gap:14px}.vl-ava{position:relative;width:64px;height:64px;flex:none}.vl-ava svg{width:100%;height:100%;border-radius:50%;position:relative;z-index:1;background:#e4f6f8}.vl-ava .ring{position:absolute;inset:0;border-radius:50%;border:3px solid var(--green);opacity:0}.vl.speaking .vl-ava .ring{animation:vlring 1.4s ease-out infinite}.vl.speaking .vl-ava .r2{animation-delay:.7s}.vl.listening .vl-ava .ring{border-color:var(--coral);animation:vlring 1s ease-out infinite}@keyframes vlring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.5);opacity:0}}.vl .mouth{transform-origin:60px 80px;transform-box:view-box}.vl.speaking .mouth{animation:vltalk .28s ease-in-out infinite alternate}@keyframes vltalk{0%{transform:scaleY(.6)}to{transform:scaleY(2.2)}}.vl-who b{display:block;font:800 19px var(--display)}.vl-status{font-size:13px;color:#ffffffb3}.vl.speaking .vl-status{color:var(--green)}.vl.listening .vl-status{color:#ff9a90}.vl-x{margin-left:auto;width:38px;height:38px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;font-size:18px;cursor:pointer}.vl-dots{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0;margin:0}.vl-dots li{height:6px;border-radius:3px;background:#ffffff26;transition:background .3s}.vl-dots li.on{background:var(--sun)}.vl-dots li.done{background:var(--green)}.vl-screen{display:flex;flex-direction:column;gap:14px;flex:1}.vl-kick{font:800 12px var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--sun)}.vl-title{font:800 26px/1.15 var(--display)}.vl-sub{font-size:15px;color:#ffffffbf}.vl-topics{display:grid;gap:8px}.vl-topics button{display:flex;gap:14px;align-items:center;text-align:left;border:2px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;border-radius:16px;padding:12px 14px;cursor:pointer;font:inherit;min-height:60px}.vl-topics button[aria-checked=true]{border-color:var(--sun);background:#ffc93c1f}.vl-topics .e{font-size:26px}.vl-topics b{display:block;font-size:16px}.vl-topics small{font-size:13px;color:#ffffffa6}.vl-go{margin-top:auto;border:0;border-radius:999px;background:var(--sun);color:var(--ink);font:800 18px var(--text);padding:18px;cursor:pointer;box-shadow:0 12px 26px -12px #ffc93cb3;animation:vlbreath 2.4s ease-in-out infinite}@keyframes vlbreath{50%{transform:scale(1.03)}}.vl-note{font-size:13px;text-align:center;color:#fff9}.vl-cap{font-size:17px;line-height:1.55;background:#ffffff12;border-radius:6px 18px 18px;padding:14px 16px;min-height:96px}.vl-cap em,.vl-learnt em{font-style:normal;font-weight:800;color:var(--sun)}.vl-card{background:#fff;color:var(--ink);border-radius:18px;padding:16px 18px;text-align:center;animation:vlin .35s ease}@keyframes vlin{0%{opacity:0;transform:translateY(10px)}}.vl-fr{font:800 26px/1.2 var(--display);color:var(--teal-d)}.vl-ph{font-size:15px;margin-top:6px;color:var(--ink)}.vl-en{font-size:14px;color:var(--ink-2);margin-top:2px}.vl-play{display:flex;gap:8px;justify-content:center;margin-top:12px}.vl-play button{border:0;border-radius:999px;padding:9px 16px;font:700 14px var(--text);background:var(--sky);color:var(--ink);cursor:pointer;min-height:40px}.vl-play button.playing{background:var(--green);color:#fff}.vl-turn{display:grid;justify-items:center;gap:8px;margin-top:auto}.vl-turn.pop{animation:vlin .35s ease}.vl-yt{font:800 12px var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--sun)}.vl-mic{width:84px;height:84px;border-radius:50%;border:0;background:var(--coral);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 #ff6f6180;animation:vlmic 1.8s infinite}.vl-mic svg{width:36px;height:36px}.vl-mic.on{background:#fff;color:var(--coral);animation:vlmic .9s infinite}@keyframes vlmic{70%{box-shadow:0 0 0 18px #ff6f6100}to{box-shadow:0 0 #ff6f6100}}.vl-hint{font-size:14px;color:#ffffffbf;text-align:center}.vl-alt{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.vl-alt button{border:1.5px solid rgba(255,255,255,.3);background:none;color:#fff;border-radius:999px;padding:9px 14px;font:700 14px var(--text);cursor:pointer;min-height:42px}.vl-alt .vl-said.main{background:var(--sun);color:var(--ink);border-color:var(--sun);font-size:16px;padding:12px 22px}.vl-fb{font-size:14px;color:#fffc;min-height:20px;text-align:center}.vl-badge{display:flex;gap:12px;align-items:center;background:#28ba8b26;border:1.5px solid var(--green);border-radius:16px;padding:12px 14px}.vl-badge span{font-size:34px}.vl-badge b{display:block;font:800 19px var(--display)}.vl-badge small{font-size:13px;color:#ffffffbf}.vl-learnt{list-style:none;display:grid;gap:8px;padding:0;margin:0}.vl-learnt li{display:flex;gap:10px;align-items:center}.vl-learnt button{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:#ffffff1f;cursor:pointer}.vl-learnt b{display:block;font-size:15px;color:var(--sun)}.vl-learnt small{font-size:13px;color:#ffffffb3}.vl-form{background:#fff;color:var(--ink);border-radius:18px;padding:16px;display:grid;gap:10px}.vl-ftitle{font:800 18px var(--display)}.vl-form .vl-sub{color:var(--ink-2)}.vl-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vl-choice button{border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px 8px;font:700 14px var(--text);color:var(--ink);cursor:pointer;min-height:44px}.vl-choice button[aria-checked=true]{border-color:var(--teal);background:var(--sky)}.vl-form input{font:400 16px var(--text);border:2px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;color:var(--ink);background:#fff}.vl-form input:focus{border-color:var(--teal);outline:none}.vl-form .hp{position:absolute;left:-9999px;width:1px}.vl-submit{border:0;border-radius:999px;background:var(--teal);color:#fff;font:800 17px var(--text);padding:15px;cursor:pointer}.vl-err{font-size:13px;color:#b23a2f}.vl-another{border:0;background:none;color:#ffffffbf;font:700 14px var(--text);text-decoration:underline;cursor:pointer}@media(max-width:520px){.vl{padding:16px;border-width:6px;border-radius:24px;min-height:520px}.vl-title,.vl-fr{font-size:23px}.vl-cap{font-size:15px;min-height:0;padding:12px 14px}.vl-card{padding:12px 14px}.vl-play{margin-top:8px}.vl-mic{width:72px;height:72px}.vl-ava{width:52px;height:52px}}