.cefr-bar{box-sizing:border-box;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;max-width:1140px;margin:18px auto;padding:14px 18px;border:1px solid #bfd1e3;border-radius:16px;background:#f2f7fc;color:#14365b;font:600 14px/1.5 system-ui,sans-serif;text-align:left;position:relative;z-index:2}.cefr-bar label{font-weight:800}.cefr-bar select,.cefr-bar button{min-height:42px;border:1px solid #a7bfd7;border-radius:10px;background:white;color:#14365b;padding:8px 12px;font:inherit;cursor:pointer}.cefr-bar p{flex-basis:100%;margin:0;font-size:13px;font-weight:400}.cefr-bar small{margin-left:auto}.cefr-bar select:focus-visible,.cefr-dialog button:focus-visible{outline:3px solid #367eb6;outline-offset:3px}.cefr-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 28px));max-height:88vh;overflow:auto;border:1px solid #b8cbe0;border-radius:20px;padding:24px;background:#fff;color:#16324f;font:400 15px/1.65 system-ui,sans-serif;box-shadow:0 24px 80px #00182b40}.cefr-dialog::backdrop{background:#071b3499;backdrop-filter:blur(4px)}.cefr-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.cefr-dialog h2{margin:0;font-size:24px;line-height:1.25}.cefr-dialog button,.cefr-dialog select{min-height:42px;margin:5px 8px 5px 0;padding:8px 12px;border-radius:10px;border:1px solid #adc4d9;background:#f3f7fb;color:#15375b;font:600 14px/1.4 system-ui,sans-serif;cursor:pointer}.cefr-dialog-head button{font-size:24px;min-width:42px}.cefr-dialog textarea{box-sizing:border-box;display:block;width:100%;padding:12px;border:1px solid #adc4d9;border-radius:10px;color:#16324f;background:#fff;font:400 14px/1.6 system-ui,sans-serif;resize:vertical}.cefr-dialog blockquote{margin:16px 0;padding:16px;border-left:4px solid #3972a8;background:#f0f6fc;white-space:pre-wrap}.cefr-card-form{border:0;padding:0;min-width:0}.cefr-card-form>select{max-width:100%;display:block}.cefr-card-form label{display:block;margin:12px 0 6px;font-weight:600}.cefr-dialog [role=status]{overflow-wrap:anywhere}.cefr-dialog details{margin:15px 0}.cefr-dialog button:disabled{opacity:.5;cursor:not-allowed}.cefr-card-level{display:inline-block;margin-left:5px}.cefr-load-error{padding:18px;background:#fff4e2;color:#542f09;text-align:center;font:600 16px/1.5 system-ui,sans-serif}[data-cefr-loading] .game-panel,[data-cefr-loading] #gameCard,[data-cefr-loading] #questionCard,[data-cefr-loading] #questionScreen{visibility:hidden}.cefr-dialog *{overflow-wrap:break-word}.cefr-dialog select{overflow:hidden;text-overflow:ellipsis}.cefr-bar~.game-chips,.cefr-bar~#filters{margin-top:12px}@media(max-width:650px){.cefr-bar{margin:12px;padding:12px;gap:8px;font-size:13px}.cefr-bar small{margin-left:0;flex-basis:100%}.cefr-bar select{flex:1}.cefr-dialog{padding:17px}.cefr-dialog h2{font-size:20px}.cefr-dialog button{font-size:13px}.cefr-bar p{line-height:1.55}}
.cefr-category-bar{box-sizing:border-box;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:1140px;margin:10px auto 18px;padding:0 12px;position:relative;z-index:2}.cefr-category-bar button{min-height:42px;border:1px solid #c7d7e7;border-radius:999px;background:#fff;color:#53697c;padding:9px 14px;font:800 13px/1.2 system-ui,sans-serif;cursor:pointer}.cefr-category-bar button.active{background:#123c6d;border-color:#123c6d;color:#fff}.cefr-category-bar button:disabled{opacity:.38;cursor:not-allowed}.cefr-category-bar button:focus-visible{outline:3px solid #367eb6;outline-offset:3px}@media(max-width:650px){.cefr-category-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 12px 4px}.cefr-category-bar button{flex:0 0 auto}}

/* direct-level-buttons-release50 */
.cefr-bar{align-items:center;gap:10px 16px;background:rgba(255,255,255,.82);border-color:#dce5ed;border-radius:22px;padding:16px 20px}
.cefr-level-label{font-weight:850;color:#16324f;white-space:nowrap}
.cefr-level-buttons{display:flex;gap:8px;align-items:center;flex:1 1 300px;min-width:0;max-width:460px}
.cefr-level-buttons .cefr-level-button{flex:1;min-width:44px;min-height:46px;margin:0;border-radius:999px;padding:10px 14px;border:1px solid #c7d7e7;background:#fff;color:#53697c;font:850 15px/1.2 system-ui,sans-serif;box-shadow:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.cefr-level-buttons .cefr-level-button.active{background:#0b2f5b;color:#fff;border-color:#0b2f5b;box-shadow:0 6px 18px #0b2f5b20}
.cefr-level-buttons .cefr-level-button:hover:not(.active){background:#edf4fb;border-color:#91afd0}
.cefr-level-buttons .cefr-level-button:focus-visible{outline:3px solid #367eb6;outline-offset:3px}
.cefr-bar #cefrPoolCount{font-variant-numeric:tabular-nums;white-space:normal}
.cefr-category-bar{max-width:100%;box-sizing:border-box}
@media(max-width:650px){.cefr-bar{padding:12px;margin:12px 0;gap:10px}.cefr-level-buttons{flex-basis:100%;max-width:none;gap:6px}.cefr-level-buttons .cefr-level-button{padding:10px 6px;min-height:44px;font-size:14px}.cefr-bar #cefrPoolCount{margin-left:0;flex-basis:100%}.cefr-bar p{font-size:12px}}

[data-cefr-loading] #scenarioCard{visibility:hidden}

.cefr-tips-dialog{width:min(760px,calc(100vw - 28px))}
.cefr-tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.cefr-tip-card{min-width:0;padding:16px;border:1px solid #dce7ef;border-radius:16px;background:#f8fbfe}
.cefr-tip-card small{display:block;color:#3776aa;font-weight:800}
.cefr-tip-card h3{margin:8px 0;color:#153a60;font-size:16px}
.cefr-tip-card p{margin:0;color:#31506f;font-size:15px;line-height:1.7}
.cefr-tips-prompt{padding:11px 14px;background:#edf4fb;border-radius:12px;color:#153a60;font-weight:650}
@media(max-width:640px){.cefr-tips-grid{grid-template-columns:1fr;gap:9px}.cefr-tip-card{padding:12px}}

/* no-repeat-visible-progress-v2 */
.cefr-bar .cefr-remaining{font:650 12px/1.4 system-ui,sans-serif;color:#486479;letter-spacing:.01em;white-space:nowrap;flex-shrink:0}
@media(max-width:650px){.cefr-bar .cefr-remaining{flex-basis:auto;margin-left:0;max-width:100%}}