.vst-vocab-viewer{--vstv-blue:#2067e7;--vstv-blue-dark:#174bb3;--vstv-ink:#171717;--vstv-focus:#ffd166;box-sizing:border-box;color:#fff;background:#171717;border-radius:18px;padding:25px;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.5;max-width:1400px;margin:0 auto}
.vst-vocab-viewer *{box-sizing:border-box}.vst-vocab-viewer [hidden]{display:none!important}.vst-vocab-viewer a:focus-visible{outline:3px solid var(--vstv-focus);outline-offset:4px}.vst-vocab-viewer .vstv-back{display:inline-block;color:#b6ceff;font-size:13px;font-weight:650;text-decoration:none;margin:0 0 20px}.vst-vocab-viewer .vstv-back:hover{text-decoration:underline}.vst-vocab-viewer .vstv-heading{display:flex;align-items:center;gap:20px;margin:0 0 23px}.vst-vocab-viewer .vstv-penguin{width:76px;height:86px;object-fit:contain;background:#fff;border-radius:14px;padding:7px;flex:none}.vst-vocab-viewer .vstv-eyebrow{margin:0 0 5px;color:#b6ceff;font-size:11px;font-weight:750;letter-spacing:1.3px}.vst-vocab-viewer h2{margin:0;color:#fff;font-size:clamp(25px,3.2vw,36px);line-height:1.15;font-weight:800;letter-spacing:-.3px}.vst-vocab-viewer .vstv-subtitle{margin:8px 0 0;color:#e1e5eb;font-size:15px}.vst-vocab-viewer .vstv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vst-vocab-viewer .vstv-card{background:#fff;color:#171717;border-radius:16px;border:1px solid #e9e9e9;overflow:hidden;display:flex;flex-direction:column}.vst-vocab-viewer .vstv-card-image{width:100%;height:190px;object-fit:contain;padding:20px;background:#fafbfd;border-bottom:1px solid #edf0f5}.vst-vocab-viewer .vstv-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.vst-vocab-viewer h3{color:#174bb3;font-size:23px;font-weight:800;line-height:1.22;margin:0 0 11px}.vst-vocab-viewer .vstv-meta{color:#626977;font-size:12px;font-weight:600;margin:0 0 13px}.vst-vocab-viewer .vstv-description{color:#444;font-size:14px;line-height:1.6;margin:0 0 21px;flex:1}.vst-vocab-viewer .vstv-button{display:block;background:#2067e7;color:#fff!important;text-decoration:none;border-radius:9px;padding:13px 18px;text-align:center;font-size:15px;line-height:1.4;font-weight:750;min-height:46px}.vst-vocab-viewer .vstv-button:hover{background:#174bb3}.vst-vocab-viewer .vstv-notice{background:#fff5df;color:#654008;border-radius:8px;padding:12px 16px;margin:0 0 20px;font-size:14px}.vst-vocab-viewer .vstv-frame-wrap{position:relative;background:#eff5f8;border:1px solid #4c525c;border-radius:12px;overflow:hidden}.vst-vocab-viewer iframe{display:block;width:100%;height:max(710px,calc(100dvh - 125px));border:0;background:#eff5f8}.vst-vocab-viewer .vstv-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;background:#eff5f8;color:#173346;font-size:17px}.vst-vocab-viewer .vstv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:16px}.vst-vocab-viewer .vstv-toolbar a{color:#b6ceff;text-underline-offset:3px}.vst-vocab-viewer .vstv-footer{font-size:11px;color:#b9c0cc;margin:22px 0 0}.vst-vocab-viewer.vstv-playing{padding:18px 22px}.vst-vocab-viewer.vstv-playing .vstv-back{margin-bottom:14px}.vst-vocab-viewer.vstv-playing .vstv-heading{margin-bottom:18px;gap:16px}.vst-vocab-viewer.vstv-playing .vstv-penguin{width:55px;height:61px;padding:5px;border-radius:10px}.vst-vocab-viewer.vstv-playing h2{font-size:clamp(24px,2.5vw,30px)}.vst-vocab-viewer.vstv-playing .vstv-subtitle{font-size:13px;margin-top:6px}
@media(max-width:900px){.vst-vocab-viewer .vstv-grid{grid-template-columns:1fr;max-width:690px;margin:auto}.vst-vocab-viewer .vstv-card{display:grid;grid-template-columns:185px minmax(0,1fr)}.vst-vocab-viewer .vstv-card-image{height:100%;min-height:230px;border-bottom:0;border-right:1px solid #edf0f5}.vst-vocab-viewer{padding:22px}}
@media(max-width:540px){.vst-vocab-viewer,.vst-vocab-viewer.vstv-playing{padding:16px 12px;border-radius:12px}.vst-vocab-viewer .vstv-heading{gap:13px}.vst-vocab-viewer .vstv-penguin{width:56px;height:69px}.vst-vocab-viewer .vstv-card{display:flex}.vst-vocab-viewer .vstv-card-image{height:165px;min-height:0;border-right:0;border-bottom:1px solid #edf0f5}.vst-vocab-viewer .vstv-card-body{padding:21px}.vst-vocab-viewer .vstv-eyebrow{font-size:10px;letter-spacing:.8px}.vst-vocab-viewer .vstv-subtitle{font-size:13px}.vst-vocab-viewer .vstv-toolbar{font-size:12px}.vst-vocab-viewer iframe{height:max(730px,85dvh)}}