.vlc-app{max-width:980px;margin:24px auto;font-family:inherit}
.vlc-app--child{max-width:920px}
.vlc-parent-panel{margin-bottom:16px;border:1px solid #e3e3e3;border-radius:14px;background:#fff;overflow:hidden}
.vlc-parent-panel summary{cursor:pointer;font-weight:700;padding:12px 16px;list-style:none}
.vlc-parent-panel summary::-webkit-details-marker{display:none}
.vlc-parent-panel.is-hidden-tools{display:none}
.vlc-toolbar{display:flex;gap:12px;align-items:end;justify-content:space-between;padding:0 16px 16px;flex-wrap:wrap}
.vlc-toolbar label{font-weight:700}
.vlc-toolbar select{display:block;margin-top:5px;padding:8px}
.vlc-small,.vlc-actions button,.vlc-listen,.vlc-summary button,.vlc-mic{border:0;border-radius:14px;padding:12px 18px;cursor:pointer;background:#111827;color:#fff;font-weight:700}
.vlc-card,.vlc-summary{background:#fff;border:1px solid #e3e3e3;border-radius:26px;padding:24px;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.vlc-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.vlc-fullscreen{background:#eef2ff;color:#111827}
.vlc-progress-dots{display:flex;gap:10px;align-items:center;min-height:16px}
.vlc-dot{width:14px;height:14px;border-radius:999px;background:#d1d5db;display:inline-block}
.vlc-dot.is-current{background:#111827;transform:scale(1.1)}
.vlc-dot.is-done{background:#22c55e}
.vlc-type{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;background:#f1f1f1;padding:6px 10px;border-radius:999px}
.vlc-card h2{font-size:clamp(28px,4vw,44px);line-height:1.2;margin:18px 0 16px;text-align:center}
.vlc-audio-row{text-align:center;margin-bottom:18px}
.vlc-listen{background:#e0f2fe;color:#0f172a}
.vlc-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vlc-choice{appearance:none;border:4px solid #e5e7eb;background:#fff;border-radius:22px;padding:10px;cursor:pointer;overflow:hidden;min-height:290px;font-size:20px;font-weight:700;transition:.15s transform,.15s border-color,.15s box-shadow;position:relative}
.vlc-choice:hover{transform:translateY(-2px);border-color:#9ca3af;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.vlc-choice:disabled{cursor:default;opacity:1}
.vlc-choice--static{cursor:default}
.vlc-choice--static:hover{transform:none;border-color:#e5e7eb;box-shadow:none}
.vlc-choice img,.vlc-placeholder{width:100%;height:240px;object-fit:cover;border-radius:16px;display:flex;align-items:center;justify-content:center}
.vlc-placeholder{background:#f3f4f6;font-size:58px}
.vlc-choice-label{display:block;padding:12px 6px 4px;font-size:19px;line-height:1.25}
.vlc-app--hide-labels .vlc-choice-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.vlc-choice.is-correct{border-color:#22c55e;background:#f0fdf4}
.vlc-choice.is-wrong{border-color:#ef4444;background:#fef2f2;opacity:.8}
.vlc-spoken{text-align:center;margin-top:18px;padding:18px;border:1px solid #e5e7eb;border-radius:20px;background:#fafafa}
.vlc-mic{background:#0f766e}
.vlc-mic:disabled{opacity:.75;cursor:wait}
.vlc-record-status{margin-top:10px;font-size:16px;color:#475569}
.vlc-transcript{margin-top:12px;padding:12px 14px;background:#eef2ff;border-radius:14px;font-size:17px;color:#111827}
.vlc-feedback{min-height:54px;font-size:28px;font-weight:800;margin:18px 0;text-align:center}
.vlc-actions{text-align:center;min-height:24px}
.vlc-actions button,.vlc-summary button{font-size:18px}
.vlc-status{padding:22px;text-align:center;font-size:18px}
.vlc-summary{text-align:center;font-size:22px}
.vlc-summary-icon{font-size:44px;line-height:1;margin-bottom:8px}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.vlc-choices{grid-template-columns:1fr}.vlc-choice{min-height:0}.vlc-choice img,.vlc-placeholder{height:260px}.vlc-card{padding:18px}.vlc-feedback{font-size:24px}.vlc-topbar{align-items:flex-start;flex-direction:column}.vlc-toolbar{align-items:stretch;flex-direction:column}}

/* v0.4.1 live microphone feedback */
.vlc-waveform{height:64px;max-width:360px;margin:16px auto 4px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:16px;background:#ecfdf5;overflow:hidden}
.vlc-waveform[hidden]{display:none!important}
.vlc-wave-bar{display:block;width:6px;height:40px;border-radius:999px;background:#0f766e;transform:scaleY(.1);transform-origin:center;opacity:.45;transition:transform 70ms linear,opacity 70ms linear}
.vlc-mic.is-recording{animation:vlc-mic-pulse 1s ease-in-out infinite}
@keyframes vlc-mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(15,118,110,.18)}50%{box-shadow:0 0 0 10px rgba(15,118,110,0)}}
@media(prefers-reduced-motion:reduce){.vlc-mic.is-recording{animation:none}.vlc-wave-bar{transition:none}}
.vlc-start-card{background:#fff;border:1px solid #e3e3e3;border-radius:26px;padding:28px;box-shadow:0 8px 28px rgba(0,0,0,.08);text-align:center}
.vlc-start-card h2{font-size:clamp(28px,4vw,42px);margin:0 0 18px}
.vlc-current-learner{font-size:18px;font-weight:700;margin:0 0 18px}
.vlc-learner-picker label{font-weight:700;display:inline-flex;flex-direction:column;gap:8px;margin-bottom:18px}
.vlc-learner-select{font-size:17px;padding:10px 12px;border-radius:10px}
.vlc-mode-picker>p:first-child{font-size:20px;font-weight:700;margin:8px 0 16px}
.vlc-mode-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:650px;margin:0 auto}
.vlc-mode-button{border:3px solid #e5e7eb;border-radius:22px;background:#fff;padding:26px 18px;cursor:pointer;font-size:18px;min-height:150px}
.vlc-mode-button span{display:block;font-size:46px;margin-bottom:10px}
.vlc-mode-button:hover,.vlc-mode-button.is-selected{border-color:#111827}
.vlc-mode-button:disabled{opacity:.45;cursor:not-allowed}
.vlc-mode-note{font-size:14px;color:#64748b;min-height:20px;margin-top:12px}
.vlc-start-practice{border:0;border-radius:14px;padding:14px 22px;background:#111827;color:#fff;font-weight:800;font-size:18px;cursor:pointer;margin-top:12px}
@media(max-width:700px){.vlc-mode-buttons{grid-template-columns:1fr}.vlc-mode-button{min-height:120px}}