/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif;background:#f8fafc;color:#111827;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}*,*::before,*::after{box-sizing:border-box;}button,input,textarea,select{font:inherit;}
.m-vocabtest-page{min-height:100vh;background:#f5f7fb;display:flex;flex-direction:column}.m-card-header{display:flex;align-items:center;gap:12px;padding:14px 18px 10px;background:#fff0}.m-back-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:rgb(255 255 255 / .65);border:1px solid rgb(226 232 240 / .7);color:#6b7280;text-decoration:none;backdrop-filter:blur(8px);transition:background .18s ease,color .18s ease,transform .12s ease}.m-card-header__progress{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;color:#9ca3af;font-variant-numeric:tabular-nums;margin-left:auto}.m-progress-bar{height:3px;background:#e5e7eb;overflow:hidden}.m-progress-bar__fill{height:100%;width:0;background:#2563eb;transition:width .25s ease}.m-vocabtest-main{flex:1;padding:20px 16px 24px}.m-vocabtest-form{width:100%;display:block}.m-vocabtest-card{width:100%;background:#fff;border-radius:20px;box-shadow:0 8px 30px rgb(15 23 42 / .06);display:flex;flex-direction:column;min-height:72vh}.m-vocabtest-card__body{flex:none;padding:20px 20px 20px}.m-vocabtest-card__word{margin:0 0 20px;font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1.2;text-align:center;color:#111827}.m-vocabtest-card__ipa{margin-bottom:20px;text-align:center;color:#94a3b8;font-size:20px;font-weight:500}.m-vocabtest-card__question{margin-bottom:20px;text-align:center;line-height:1.6;font-size:17px;color:#64748b;font-weight:500}.m-vocabtest-options{display:flex;flex-direction:column;gap:14px}.m-vocabtest-option{position:relative;display:flex;align-items:center;padding:18px 18px;border-radius:18px;background:#f8fafc;border:2px solid #fff0;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease}.m-vocabtest-option:hover{transform:translateY(-1px)}.m-vocabtest-option__input{position:absolute;opacity:0;pointer-events:none}.m-vocabtest-option__text{display:block;font-size:17px;font-weight:700;line-height:1.6;color:#1f2937}.m-vocabtest-option__text:hover{transform:translateY(-1px);background:#f1f5f9}.m-vocabtest-option:has(.m-vocabtest-option__input:checked){background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px rgb(59 130 246 / .08)}.m-vocabtest-actions{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:rgb(255 255 255 / .88);backdrop-filter:blur(12px);box-shadow:0 -4px 18px rgb(0 0 0 / .06)}.m-vocabtest-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 18px;border-radius:14px;text-decoration:none;font-weight:700}.m-vocabtest-btn--secondary{background:rgb(255 255 255 / .72);color:#374151;border:1px solid rgb(226 232 240 / .9);backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,transform .15s ease}.m-vocabtest-btn--primary{background:#2563eb;color:#fff;border:1px solid rgb(37 99 235 / .08);box-shadow:0 4px 10px rgb(37 99 235 / .10);transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.m-vocabtest-btn--ghost{background:#f3f4f6;color:#374151;border:1px solid rgb(226 232 240 / .9);backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,transform .15s ease}.m-vocabtest-btn[disabled],.m-vocabtest-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}