@font-face{font-family:Wordtrail;src:url('vendor/WordtrailSansSC-Common.ttf') format('truetype');font-display:swap}
@font-face{font-family:WordtrailLatin;src:url('vendor/NotoSans-Regular.ttf') format('truetype');font-display:swap}
:root{
  color-scheme:light;
  --bg:#f6f8f7;--surface:#fff;--ink:#20352c;--muted:#66746d;--line:#dce4df;--soft:#edf2ef;--accent:#176647;--accent-hover:#115137;--accent-soft:#e7f2eb;--danger:#a53737;--danger-soft:#fbeeee;--focus:#2c7b59;
  --font:WordtrailLatin,Wordtrail,'Microsoft YaHei',sans-serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
  --radius:12px;--small-radius:7px;--speed:150ms;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button,a,summary{touch-action:manipulation}
button,summary,select{cursor:pointer}
button{min-height:44px;border:0;border-radius:var(--small-radius);padding:9px 16px;font-weight:600;background:none;transition:background var(--speed),color var(--speed)}
button:disabled{cursor:not-allowed;opacity:.48}
button:active:not(:disabled){filter:brightness(.94)}
a{color:var(--accent);text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,h3,p{margin:0}
h1{font-size:26px;line-height:1.35;font-weight:600;letter-spacing:-.6px}
h2{font-size:19px;line-height:1.4;font-weight:600}
h3{font-size:16px;font-weight:600}
.hidden,[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:8px 16px;background:var(--surface);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.primary{background:var(--accent);color:var(--surface)}
.primary:hover:not(:disabled){background:var(--accent-hover)}
.secondary{background:var(--soft);border:1px solid var(--line)}
.secondary:hover:not(:disabled),.quiet:hover:not(:disabled),.icon-button:hover{background:var(--accent-soft)}
.quiet{color:var(--muted);font-size:14px;font-weight:500;padding:8px 12px}
.text{color:var(--accent);padding:8px 4px;font-size:14px}
.text:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}
.danger{color:var(--danger)}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;padding:8px;color:var(--muted)}
.icon-button span{font-size:27px;line-height:1;font-weight:400}
.full{width:100%}
.caption{font-size:13px;line-height:1.6;color:var(--muted)}
.muted{color:var(--muted);font-size:14px}
.header{max-width:1008px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:600;letter-spacing:1px}
.brand svg{width:26px;height:26px;color:var(--accent);stroke-width:3}
.header-actions,.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tool-launcher{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.tool-launcher button{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);font-size:14px;padding:8px 14px;font-weight:500}
.tool-launcher button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.tool-launcher svg{width:17px;height:17px}
.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.tool-heading h1{font-size:20px;letter-spacing:0}
.data-menu{position:relative;font-size:14px;color:var(--muted)}
.data-menu>summary{padding:10px 12px;min-height:44px;list-style:none;border-radius:6px}
.data-menu>summary:hover{background:var(--accent-soft)}
.data-menu>div{position:absolute;right:0;top:100%;width:170px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:8px;z-index:20;box-shadow:0 8px 24px #20352c12}
.data-menu button{display:block;text-align:left;width:100%;font-size:14px;font-weight:400}
.data-menu button:hover{background:var(--soft)}
.wb-more{position:relative;font-size:14px;color:var(--muted)}
.wb-more>summary{padding:10px 12px;min-height:44px;border-radius:6px;list-style:none}
.wb-more>div{position:absolute;right:0;top:100%;width:210px;padding:6px;z-index:10;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 24px #20352c12}
.wb-more>div>button{display:block;text-align:left;width:100%;font-size:14px;font-weight:400}
.wb-more button:hover,.wb-more>summary:hover{background:var(--soft)}
.wb-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.wb-filters .search{margin:0;flex:1;min-width:200px}
.wb-filters select{max-width:200px;font-size:14px}
.wb-filters button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}
.wb-list-meta{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-bottom:8px}
.wb-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wb-row{display:flex;align-items:stretch;padding:0 16px;border-bottom:1px solid var(--soft);gap:6px}
.wb-row:last-child{border-bottom:0}
.wb-select{display:flex;align-items:center;justify-content:center;min-width:32px;cursor:pointer}
.wb-entry{min-width:0;width:100%;text-align:left;border-radius:0;padding:18px 10px;font-weight:400}
.wb-entry:hover{background:var(--bg)}
.wb-entry-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:13px}
.wb-entry-meta strong{font-weight:500}
.wb-entry-meta>span{font-size:12px;color:var(--muted);white-space:nowrap}
.wb-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.wb-excerpt .katex-display{display:inline-block;margin:0;max-width:100%}
.wb-empty{padding:48px 16px;text-align:center;color:var(--muted);font-size:14px}
#wb-editor{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.wb-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.wb-editor-heading h2{font-size:17px;font-weight:500}
.wb-editor-heading .pagination{margin:0;font-size:13px;gap:6px}
.wb-editor-heading .pagination button{font-size:13px;padding:8px}
.wb-latex{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.wb-latex .katex-display{max-width:100%;overflow:auto hidden;padding:4px 0}
.wb-preview{padding-bottom:16px;border-bottom:1px solid var(--soft);margin-bottom:8px}
.wb-preview:empty{display:none}
#wb-edit-body>summary,.wb-notes>summary,.wb-source>summary,.wb-review details>summary{padding:12px 0;font-size:14px;min-height:44px;color:var(--muted)}
#wb-text{width:100%;font:14px/1.8 var(--font)}
.wb-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin-top:16px}
.wb-images:empty{display:none}
.wb-images figure{margin:0;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0}
.wb-images img{max-width:100%;max-height:340px;object-fit:contain}
.wb-source img{max-width:100%;max-height:600px;object-fit:contain}
.wb-note-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wb-notes textarea,.wb-review textarea{width:100%}
.wb-review{border-top:1px solid var(--line);padding-top:20px;margin-top:16px}
.wb-review h3{font-weight:500;font-size:16px}
.wb-review .caption{margin-top:12px}
.wb-review .inline-actions{margin:12px 0}
.wb-report{white-space:pre-wrap;line-height:1.8;font-size:14px;background:var(--bg);padding:16px;border-radius:6px;margin-top:12px}
.wb-category-row{display:flex;align-items:center;gap:4px;margin-bottom:8px}
.wb-category-row input{width:100%;min-width:0}
.wb-category-row button{flex-shrink:0}
.wb-pdf-capture{position:fixed;left:-10000px;top:0;width:794px;pointer-events:none;background:#fff;color:#20352c;font-family:var(--font)}
.wb-pdf-heading{display:flex;align-items:center;justify-content:space-between;width:794px;padding:8px 0 10px;font-size:13px;line-height:1.5;border-bottom:1px solid #aebcb2;background:#fff}
.wb-pdf-question{width:794px;padding:8px 0 12px;background:#fff;color:#20352c;font-size:14px;line-height:1.9}
.wb-pdf-question .wb-latex{font-size:16px}
.wb-pdf-meta{font-size:13px;color:#66746d;margin-bottom:8px}
.wb-pdf-question figure{margin:12px 0;text-align:center}
.wb-pdf-question img{max-width:70%;max-height:340px;object-fit:contain}
@media(max-width:600px){.tool-launcher{margin-bottom:20px}.tool-heading{gap:8px;margin-bottom:16px}.tool-heading .inline-actions{gap:2px}.tool-heading button{font-size:13px;padding:8px 10px}.wb-filters{gap:8px}.wb-filters .search{order:3;flex-basis:100%}.wb-filters select{max-width:180px}.wb-entry-meta{gap:8px;font-size:13px}.wb-entry-meta>span{font-size:11px}.wb-row{padding:0 8px;gap:0}.wb-select{min-width:28px}.wb-entry{padding:16px 6px}.wb-excerpt{font-size:15px}#wb-editor{padding:16px}.wb-note-fields{grid-template-columns:1fr;gap:0}.wb-category-row .icon-button{width:36px;padding:4px}.wb-category-row .quiet{padding:8px}#wb-text{font-size:16px}.wb-editor-heading{gap:8px}.wb-editor-heading h2{font-size:15px}}
.main{max-width:944px;margin:24px auto 0;padding:0 32px 32px;outline:none}
.storage-note{margin:28px 0 0;color:var(--muted);text-align:center;font-size:12px}
.empty{padding:72px 16px 88px;text-align:center}
.empty-mark{display:inline-block;font-size:48px;letter-spacing:-4px;color:var(--accent);line-height:1.2;margin-bottom:24px}
.empty h1{font-size:30px;margin-bottom:16px}
.empty>p{color:var(--muted);margin-bottom:28px}
.empty .primary{padding:12px 24px}
.empty .caption{margin-top:20px;margin-bottom:0}
.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.plan-name{display:flex;align-items:center;gap:4px;margin:4px 0}
.plan-name select{font-size:24px;letter-spacing:-.6px;font-weight:600;background:transparent;border:0;max-width:min(60vw,600px);padding:0 28px 0 0;min-height:44px;text-overflow:ellipsis}
.cycle-label{font-size:14px;white-space:nowrap;color:var(--accent);background:var(--accent-soft);padding:6px 12px;border-radius:6px}
.steps{display:flex;list-style:none;padding:0;margin:0 0 24px;gap:0;color:var(--muted);font-size:13px}
.steps li{display:flex;align-items:center;gap:8px;flex:1}
.steps li::after{content:'';height:1px;background:var(--line);flex:1;margin:0 14px 0 6px}
.steps li:last-child{flex:0;white-space:nowrap}
.steps li:last-child::after{display:none}
.step-dot{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:12px;background:var(--surface)}
.steps .current{color:var(--accent);font-weight:600}
.steps .current .step-dot{border-color:var(--accent);background:var(--accent-soft)}
.steps .done .step-dot{background:var(--accent);color:var(--surface);border-color:var(--accent)}
.last-result{border-left:3px solid var(--accent);padding:10px 14px;margin-bottom:24px;background:var(--accent-soft);font-size:14px}
.workspace{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.workspace-tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid var(--line)}
.workspace-tabs button{padding:15px 4px;border-radius:0;border-bottom:2px solid transparent;color:var(--muted);font-size:15px}
.workspace-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}
[role=tabpanel]{padding:24px}
.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.panel-toolbar .caption{margin-top:4px}
.panel-toolbar .inline-actions{gap:2px;flex-shrink:0}
.search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--small-radius);padding:0 12px;color:var(--muted);margin-bottom:12px}
.search input{background:none;border:0;outline:0;min-width:0;width:100%;height:44px;font-size:14px}
.search:focus-within{outline:2px solid var(--focus);outline-offset:2px}
.search input:focus-visible{outline:0}
.word-row{display:grid;grid-template-columns:32px minmax(120px,.8fr) minmax(0,1.2fr);align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--soft);min-height:58px}
.word-no{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.word-en{font-size:17px;font-weight:500;overflow-wrap:anywhere}
.meaning{padding:4px 8px;text-align:left;font-size:14px;line-height:1.7;font-weight:400;min-width:0;overflow-wrap:anywhere;justify-self:stretch;min-height:36px}
.meaning:hover{background:var(--soft)}
.meaning:not(.expanded){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.meaning.covered{color:var(--muted);background:var(--soft);font-size:13px}
.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
.pagination:empty{display:none}
.pagination button{font-size:13px;padding:8px 12px;color:var(--muted)}
.pagination span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.study-next{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.study-next:empty{display:none}
.test-overview{padding:12px 0 20px}
.test-overview h2{font-size:24px;margin-bottom:8px}
.test-overview p{color:var(--muted);font-size:14px;max-width:56ch;margin-bottom:20px}
.paper-mode{border-top:1px solid var(--line);padding-top:16px;margin-top:8px}
summary{min-height:44px;padding:10px 0;font-size:14px;color:var(--muted)}
summary:hover{color:var(--ink)}
.paper-mode[open]>summary{margin-bottom:8px}
.paper-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.paper-actions button{font-size:13px}
.result-form{background:var(--bg);border:1px solid var(--line);padding:16px;border-radius:var(--small-radius);margin-top:16px}
.result-form h3{margin-bottom:6px}
.batch-row{display:flex;gap:8px;align-items:center;margin:12px 0}
.batch-row input{min-width:0;flex:1}
.error-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:13px}
.error-summary strong{color:var(--accent);font-weight:500}
.error-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.error-choice{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px;min-height:44px;cursor:pointer;font-size:13px;overflow-wrap:anywhere}
.error-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.error-choice input{flex-shrink:0}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);margin:0;cursor:pointer}
.result-form .full{margin-top:18px}
.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}
progress{width:100%;height:4px;appearance:none;border:0;background:var(--soft);border-radius:4px;margin:12px 0 32px}
progress::-webkit-progress-bar{background:var(--soft)}
progress::-webkit-progress-value{background:var(--accent)}
progress::-moz-progress-bar{background:var(--accent)}
.quiz-word{font-size:36px;letter-spacing:-1px;text-align:center;margin:0 0 8px;overflow-wrap:anywhere}
.quiz-prompt{text-align:center;font-size:13px;color:var(--muted);margin-bottom:28px}
.quiz-options{display:grid;gap:12px;max-width:560px;margin:0 auto}
.quiz-option{text-align:left;padding:14px 18px;border:1px solid var(--line);font-size:15px;font-weight:400;line-height:1.65;display:flex;gap:14px}
.quiz-option>span:first-child{color:var(--muted);font-size:13px;flex-shrink:0;padding-top:2px}
.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}
.quiz-option:disabled{opacity:1}
.quiz-option.correct{border-color:var(--accent);background:var(--accent-soft)}
.quiz-option.wrong{border-color:var(--danger);background:var(--danger-soft)}
.quiz-feedback{padding:16px;background:var(--accent-soft);border-radius:var(--small-radius);max-width:560px;margin:20px auto 0;font-size:14px}
.quiz-feedback p{margin-top:4px}
.quiz-footer{max-width:560px;margin:20px auto 0;display:flex;justify-content:center}
.history{margin-top:24px}
.history>summary{display:flex;align-items:center;gap:10px;color:var(--muted)}
.history>summary::before{content:'›';font-size:20px}
.history[open]>summary::before{transform:rotate(90deg)}
.history-row,.manage-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0}
.history-row>div:first-child,.manage-row>div:first-child{min-width:0}
.history-row strong,.manage-row strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}
.history-row p,.manage-row p{font-size:12px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.history-actions{display:flex;gap:12px;flex-shrink:0}
.history-actions a{padding:10px 2px;min-height:44px;font-size:13px;display:inline-flex;align-items:center}
.history-actions a:hover{text-decoration:underline}
dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #20352c26;overscroll-behavior:contain}
dialog::backdrop{background:#20352c55}
.wide-dialog{width:min(680px,calc(100% - 32px))}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.dialog-heading .icon-button{margin:-8px -8px -8px 0}
body:has(dialog[open]){overflow:hidden}
.field{display:grid;gap:8px;font-size:14px;margin:16px 0 8px}
input:not([type=checkbox]):not([type=file]),textarea,select{border:1px solid var(--line);border-radius:var(--small-radius);background:var(--surface);padding:10px 12px;max-width:100%}
input:not([type=checkbox]):not([type=file]),select{min-height:44px}
.search input[type=search]{border:0;background:transparent;padding:0;min-width:0;flex:1;outline-offset:5px}
textarea{resize:vertical;min-height:96px}
.file-picker{border:1px dashed var(--line);background:var(--bg);border-radius:var(--small-radius);padding:24px 16px;display:flex;align-items:center;flex-direction:column;gap:8px;position:relative;cursor:pointer;text-align:center}
.file-picker:hover{border-color:var(--accent)}
.file-picker:focus-within{outline:3px solid var(--focus);outline-offset:3px}
.file-picker svg{width:26px;height:26px;color:var(--accent)}
.file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.file-picker strong{font-size:15px;overflow-wrap:anywhere;max-width:100%}
.import-status{font-size:13px;color:var(--accent);margin:14px 0 8px}
.import-status.error{color:var(--danger)}
.preview{border-bottom:1px solid var(--line);margin-bottom:16px}
.preview-list{max-height:260px;overflow:auto;padding-bottom:12px}
.preview-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:8px 0;font-size:13px;border-bottom:1px solid var(--soft);overflow-wrap:anywhere}
.preview .caption{padding:8px 0 16px}
.options{margin:16px 0;border-top:1px solid var(--line);padding-top:4px}
.options .inline-actions{margin:12px 0}
.check-row{display:flex;align-items:center;gap:10px;font-size:14px;margin:16px 0}
.inline-error{padding:10px 12px;background:var(--danger-soft);color:var(--danger);border-radius:6px;margin:12px 0;font-size:14px}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.manage-section+.manage-section{margin-top:24px}
.manage-row .inline-actions{flex-shrink:0;gap:0;max-width:65%;justify-content:flex-end}
.manage-row button{font-size:13px;padding:8px 10px}
.existing-book{padding:16px;background:var(--accent-soft);border-radius:6px;font-size:14px}
.book-words{max-height:340px;overflow:auto}
.book-word{display:grid;grid-template-columns:20px 1fr 1.5fr;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--soft);padding:8px 2px;font-size:13px;overflow-wrap:anywhere}
.book-word:has(input:disabled){color:var(--muted)}
.selection-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}
.no-results{color:var(--muted);text-align:center;font-size:14px;padding:32px 12px}
.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:12px 20px;border-radius:8px;box-shadow:0 8px 32px #20352c26;z-index:100;max-width:min(560px,calc(100% - 32px));width:max-content;font-size:14px}
.toast.error{background:var(--danger)}
@media(min-width:900px){.word-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.word-row{grid-template-columns:24px minmax(95px,.9fr) minmax(0,1.1fr);gap:8px}.meaning{font-size:13px}.word-en{font-size:16px}}
@media(max-width:600px){
  .header{padding:16px 20px}.header-actions{gap:0}.header-actions button{padding:8px 10px}.main{margin-top:16px;padding:0 16px 24px}
  .plan-heading{align-items:flex-start;margin-bottom:20px;gap:8px}.plan-name select{font-size:21px;max-width:calc(100vw - 180px)}.plan-meta{font-size:13px}.cycle-label{font-size:12px;padding:5px 8px;margin-top:29px}
  .steps{font-size:12px;margin-bottom:20px}.steps li{gap:6px}.steps li::after{margin:0 8px}.step-dot{width:22px;height:22px}
  .workspace-tabs{padding:0 16px;gap:24px}[role=tabpanel]{padding:20px 16px}.panel-toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.panel-toolbar .inline-actions{justify-content:space-between;flex:1 0 100%;margin-left:-8px}.panel-toolbar .quiet{font-size:13px;padding:8px}
  .word-row{grid-template-columns:24px minmax(100px,.8fr) minmax(0,1.2fr);gap:6px;padding:10px 0}.word-en{font-size:16px}.meaning{font-size:13px;padding:6px;min-height:44px}.word-no{font-size:11px}.study-next .primary{width:100%}
  .error-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.error-choice{font-size:12px}.batch-row button{padding:8px 12px}.result-form{padding:12px}.test-overview h2{font-size:22px}
  .quiz-word{font-size:30px}.quiz-option{font-size:14px;padding:12px}.quiz-head{font-size:13px}.history-row{gap:8px}.history-row strong{font-size:13px}.history-row p{font-size:11px}
  dialog{padding:20px;max-height:calc(100dvh - 32px)}.manage-row{gap:8px}.manage-row button{padding:8px}.empty{padding:64px 0 72px}.empty h1{font-size:27px}.empty>p{font-size:15px}.empty .caption{font-size:11px}.storage-note{font-size:11px}
  input:not([type=checkbox]),textarea,select{font-size:16px}.search input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}