.header-action-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:9px 13px;border:1px solid #cbd8ea;border-radius:12px;background:#fff;color:#244ab5;font-size:13px;font-weight:750;text-decoration:none;box-shadow:0 3px 10px #0f172a0a}.header-action-link:hover{border-color:#9cb3df;background:#f7f9ff}.header-action-link:focus-visible{outline:3px solid rgba(49,94,251,.24);outline-offset:2px}:root{font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:#17233a;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 0,#fff 0,#f5f8fc 48%,#eef3f8)}button,input,a{font:inherit}.vocabulary-page{max-width:1120px;margin:0 auto;padding:24px 14px 64px}.vocabulary-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.vocabulary-page-header h1{margin:0;font-size:28px}.vocabulary-page-header p{margin:5px 0 0;color:#64748b;font-size:13px}.vocabulary-back{width:136px;white-space:nowrap}.vocabulary-panel{overflow:hidden;border:1px solid #d7e0ec;border-radius:18px;background:#fffffff5;box-shadow:0 10px 32px #0f172a12}.vocabulary-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #dfe6ef}.vocabulary-panel-head h2{margin:0;font-size:18px}.vocabulary-panel-head p{margin:4px 0 0;color:#64748b;font-size:12px}.vocabulary-panel-body{padding:16px}#refreshVocabulary{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #cbd8ea;border-radius:12px;background:#fff;color:#244ab5;font-weight:750;box-shadow:0 3px 10px #0f172a0a;cursor:pointer}#refreshVocabulary:hover{border-color:#9cb3df;background:#f7f9ff}#refreshVocabulary:focus-visible,.vocabulary-pos-index button:focus-visible,.vocabulary-content-kind-switch button:focus-visible,.vocabulary-grouping-switch button:focus-visible,.vocabulary-edit-button:focus-visible,.vocabulary-kind-editor button:focus-visible,.vocabulary-word-link:focus-visible,.vocabulary-search input:focus-visible,.vocabulary-text-editor input:focus-visible,.vocabulary-translation-editor input:focus-visible,.vocabulary-pos-editor input:focus-visible{outline:3px solid rgba(49,94,251,.24);outline-offset:2px}.vocabulary-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}.vocabulary-search{display:grid;gap:6px;max-width:520px;color:#526174;font-size:12px}.vocabulary-search input{width:100%;padding:10px 12px;border:1px solid #cfd9e8;border-radius:12px;background:#fff;color:#17233a}.vocabulary-counts{display:grid;justify-items:end;gap:3px;color:#64748b;font-size:12px}.vocabulary-counts strong{color:#334155;font-size:14px}.vocabulary-counts b{color:#244ab5}.vocabulary-help{margin:10px 0 12px;color:#718096;font-size:12px}.vocabulary-content-kind-switch,.vocabulary-grouping-switch{position:relative;display:grid;width:min(340px,100%);margin-top:14px;padding:3px;border:1px solid #d4dfed;border-radius:12px;background:#f0f4f9;isolation:isolate}.vocabulary-content-kind-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.vocabulary-grouping-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.vocabulary-grouping-switch[hidden]{display:none}.vocabulary-content-kind-indicator,.vocabulary-grouping-indicator{position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;border-radius:9px;background:#528bd0;box-shadow:0 3px 9px #2956922e;transform:translate(calc(var(--active-index,0)*100%));transition:transform .24s ease}.vocabulary-content-kind-indicator{width:calc((100% - 6px)/3)}.vocabulary-grouping-indicator{width:calc((100% - 6px)/2)}.vocabulary-content-kind-switch[data-active="0"],.vocabulary-grouping-switch[data-active="0"]{--active-index:0}.vocabulary-content-kind-switch[data-active="1"],.vocabulary-grouping-switch[data-active="1"]{--active-index:1}.vocabulary-content-kind-switch[data-active="2"]{--active-index:2}.vocabulary-content-kind-switch button,.vocabulary-grouping-switch button{min-height:34px;border:0;background:transparent;color:#526174;font-weight:750;cursor:pointer;transition:color .2s ease}.vocabulary-content-kind-switch button[aria-pressed=true],.vocabulary-grouping-switch button[aria-pressed=true]{color:#fff}.vocabulary-pos-index{display:flex;gap:5px;overflow-x:auto;padding:3px 2px 10px;scrollbar-width:thin}.vocabulary-pos-index[hidden]{display:none}.vocabulary-pos-index button{flex:0 0 auto;padding:6px 10px;border:1px solid #d6dfeb;border-radius:9px;background:#fff;color:#526174;cursor:pointer}.vocabulary-pos-index button[aria-pressed=true]{border-color:#528bd0;background:#528bd0;color:#fff;font-weight:800}.vocabulary-pos-index button:disabled{opacity:.32;cursor:default}.vocabulary-list{display:grid;gap:18px}.vocabulary-list.is-flat{gap:9px}.vocabulary-letter-group{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:start}.vocabulary-letter-group>h2{position:sticky;top:10px;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:8px;border-radius:13px;background:#eef4fc;color:#315b91;font-size:15px;text-align:center;overflow-wrap:anywhere}.vocabulary-letter-list{display:grid;gap:9px}.vocabulary-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr);gap:14px;align-items:start;min-width:0;padding:12px;border:1px solid #d9e2ee;border-radius:14px;background:#fbfcfe}.vocabulary-identity{display:grid;justify-items:stretch;gap:7px;min-width:0;padding-top:7px}.vocabulary-identity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.vocabulary-word-link,.vocabulary-word-text{min-width:0;color:#244f91;font-size:16px;font-weight:800;overflow-wrap:anywhere}.vocabulary-word-link{text-decoration-color:#94add1;text-decoration-thickness:1px;text-underline-offset:3px}.vocabulary-word-link:hover{color:#173d78;text-decoration-thickness:2px}.vocabulary-edit-button{flex:0 0 auto;padding:5px 9px;border:1px solid #b9cae2;border-radius:9px;background:#fff;color:#315b91;font-size:11px;font-weight:800;cursor:pointer}.vocabulary-edit-button[aria-expanded=true]{border-color:#528bd0;background:#528bd0;color:#fff}.vocabulary-kinds{display:flex;flex-wrap:wrap;gap:4px}.vocabulary-kinds span{padding:3px 7px;border-radius:999px;background:#e9f1fb;color:#315b91;font-size:10px;font-weight:750}.vocabulary-occurrence{margin:0;color:#718096;font-size:11px}.vocabulary-readonly-details{display:grid;grid-template-columns:auto minmax(0,.8fr) auto minmax(0,1.2fr);align-items:baseline;gap:5px 8px;min-width:0;margin:0;padding:9px 10px;border:1px solid #e0e7f0;border-radius:12px;background:#f8fafc}.vocabulary-readonly-details.is-translation-only{grid-template-columns:auto minmax(0,1fr)}.vocabulary-readonly-details dt{color:#718096;font-size:11px;font-weight:700}.vocabulary-readonly-details dd{min-width:0;margin:0;color:#34445b;font-size:12px;overflow-wrap:anywhere}.vocabulary-readonly-details dd+dt{margin-left:7px}.vocabulary-editors{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr) minmax(170px,.8fr);gap:10px;align-items:stretch}.vocabulary-editors.is-translation-only{grid-template-columns:minmax(0,1fr)}.vocabulary-text-editor{grid-column:1/-1}.vocabulary-kind-editor,.vocabulary-pos-editor{min-width:0;margin:0;padding:8px 10px 9px;border:1px solid #d7e1ee;border-radius:12px;background:#fff}.vocabulary-kind-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px}.vocabulary-kind-editor legend,.vocabulary-pos-editor legend{padding:0 4px;color:#526174;font-size:11px;font-weight:700}.vocabulary-kind-editor button{min-width:0;padding:5px 6px;border:1px solid #d7e1ee;border-radius:8px;background:#f3f6fa;color:#435269;font-size:11px;font-weight:700;cursor:pointer}.vocabulary-kind-editor button[aria-pressed=true]{border-color:#528bd0;background:#528bd0;color:#fff}.vocabulary-pos-editor{display:flex;align-content:flex-start;align-items:center;gap:5px;flex-wrap:wrap}.vocabulary-pos-editor[hidden]{display:none}.vocabulary-pos-editor label{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border-radius:8px;background:#f3f6fa;color:#435269;font-size:11px;white-space:nowrap;cursor:pointer}.vocabulary-pos-editor label:has(input:checked){background:#e4edfb;color:#244f91;font-weight:750}.vocabulary-pos-editor input{width:14px;height:14px;margin:0;accent-color:#528bd0}.vocabulary-text-editor,.vocabulary-translation-editor{display:grid;align-content:start;gap:5px;min-width:0;color:#526174;font-size:11px;font-weight:700}.vocabulary-text-editor input,.vocabulary-translation-editor input{width:100%;min-width:0;padding:9px 10px;border:1px solid #d7e1ee;border-radius:11px;background:#fff;color:#17233a;font-size:13px;font-weight:500}.vocabulary-empty{margin:12px 0 0;padding:20px;border:1px dashed #cad5e3;border-radius:14px;background:#fafcff;color:#64748b;text-align:center}.vocabulary-error{margin:12px 0 0;padding:10px 12px;border:1px solid #f2b8b5;border-radius:12px;background:#fff5f5;color:#9b2c2c;font-size:13px}.vocabulary-save-status{min-height:18px;margin:10px 0 0;color:#4b6f61;font-size:11px}@media(max-width:780px){.vocabulary-editors{grid-template-columns:1fr}.vocabulary-row{grid-template-columns:minmax(180px,.7fr) minmax(0,1fr)}.vocabulary-readonly-details{grid-template-columns:auto minmax(0,1fr)}.vocabulary-readonly-details dd+dt{margin-left:0}}@media(max-width:700px){.vocabulary-page{padding-top:16px}.vocabulary-page-header{align-items:flex-start;flex-direction:column}.vocabulary-back{width:100%}.vocabulary-panel-head{align-items:flex-start}.vocabulary-overview{grid-template-columns:1fr}.vocabulary-counts{justify-items:start}.vocabulary-letter-group{grid-template-columns:46px minmax(0,1fr);gap:8px}.vocabulary-letter-group>h2{min-height:36px;padding:6px 3px;border-radius:11px;font-size:12px}.vocabulary-row{grid-template-columns:1fr;gap:10px}.vocabulary-identity{padding-top:0}.vocabulary-editors{grid-template-columns:1fr}.vocabulary-pos-editor{padding-inline:8px}}@media(prefers-reduced-motion:reduce){.vocabulary-content-kind-indicator,.vocabulary-grouping-indicator,.vocabulary-content-kind-switch button,.vocabulary-grouping-switch button{transition:none}}
