.word-help-note{display:flex;align-items:center;gap:10px;margin:16px 0;color:#647a83;font-size:14px;line-height:1.5}
.word-tabs{display:flex;gap:8px;margin:20px 0}.word-tabs button{padding:10px 18px;border:1px solid #cddde3;background:white;border-radius:12px;font-size:16px}.word-tabs button[aria-pressed=true]{background:#e6f2fb;border-color:#90bbd5;color:#234e6b}
.word-set-panel{margin:24px 0}.word-grade-label{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:16px}.word-grade-label select,.school-preference select{font:inherit;background:white;border:1px solid #c7d9e2;border-radius:10px;padding:10px;max-width:100%}
.word-set-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.word-set-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 14px;background:#fff;border:1px solid #d5e3e9;border-radius:18px;min-width:0;color:#284556}.word-set-card:hover{background:#f2f8fc;border-color:#8ebbd4}.word-set-card strong{font-size:18px;line-height:1.3}.word-set-card>span{font-size:14px;color:#667d8a}.word-set-card .word-art{height:105px;width:100%;margin:0 0 8px}.word-set-grade{color:#5b8374!important}
.word-art{display:flex;align-items:center;justify-content:center;width:min(100%,250px);height:170px;margin:18px auto}.word-art>svg{display:block;width:100%;height:100%;max-height:100%;overflow:hidden;border-radius:12px}
.word-round-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;color:#6b818d;font-size:14px}.word-round-top button{font-size:14px}.word-round h2{font-size:28px!important;line-height:1.3}.word-round h2[lang=en]{font-size:34px!important}.word-round .word-target{font-size:24px;font-weight:650;color:#31536b;margin:22px 0}
.word-options{display:grid;gap:12px;margin:22px 0}.word-answer-option{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid #bad6e7;border-radius:14px;background:#edf7fd;text-align:left;font-size:20px;line-height:1.35;cursor:pointer}.word-answer-option:has(input:checked){outline:2px solid #78accb;outline-offset:0}.word-answer-option input{width:20px;height:20px;flex:none;accent-color:#387fa6}.word-answer-option span{overflow-wrap:anywhere}
.word-input-label{display:grid;gap:10px;text-align:left;margin:25px 0;font-size:16px;color:#486678}.word-input-label input{font:inherit;font-size:22px;color:#203e55;border:1px solid #b5d1e1;border-radius:12px;min-width:0;width:100%;padding:15px;box-sizing:border-box;background:#fff}
.word-feedback{margin:20px 0;padding:18px;border:1px solid #bddde9;border-radius:14px;text-align:left}.word-feedback p{font-size:18px;margin:8px 0}.word-correct{background:#e7f4fc!important;border-color:#8cb9d4!important}.word-incorrect{background:#fff0ee!important;border-color:#e7b3a8!important}.word-hint{margin:18px 0;padding:14px;border:1px solid #d0e4ef;border-radius:14px;background:#f3f9fc}.word-hint .word-art{height:115px}.word-hint p{font-size:18px}.word-example{border-left:3px solid #afd7dc;padding:8px 14px;margin:18px 0;text-align:left;background:#f5faf9;border-radius:0 10px 10px 0}.word-example p{font-size:17px;margin:3px 0}.word-example p:not([lang]){color:#617580;font-size:15px}
.school-preference{margin:24px 0 32px;border:1px solid #d4e2e8;border-radius:14px;padding:15px 20px;background:white}.school-preference summary{cursor:pointer;color:#385d70;font-size:16px;font-weight:650}.school-preference p{font-size:15px;color:#647981}.school-preference form{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.school-preference label{display:grid;gap:7px;font-size:14px;max-width:100%}.school-preference label:nth-child(2){flex:1;min-width:220px}.school-preference button{font-size:16px;min-height:43px}
@media(max-width:850px){.word-set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.word-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-set-card{padding:14px 9px}.word-set-card strong{font-size:17px}.word-set-card .word-art{height:90px}.word-round h2{font-size:24px!important}.word-round h2[lang=en]{font-size:28px!important}.word-round-top{align-items:flex-start}.word-answer-option{font-size:18px;padding:15px 13px}.word-art{height:145px}.word-round .actions{flex-wrap:wrap}.school-preference form{display:grid;grid-template-columns:1fr}.school-preference label:nth-child(2){min-width:0}}
.word-help-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1.5px solid #7ba5b5;border-radius:50%;font-size:16px;font-weight:750;color:#49758b}
button.word-lookup{display:inline;min-height:0;min-width:0;border:0;border-bottom:1px dotted #4a83a0;border-radius:0;padding:0;background:transparent;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;box-shadow:none;text-align:inherit;vertical-align:baseline;cursor:pointer;white-space:normal}
button.word-lookup:hover,button.word-lookup:focus-visible{background:#dff1fc;color:#164e73;outline:2px solid #b0d7ee;outline-offset:2px;border-radius:3px}
.word-option{cursor:pointer}.word-option-select{display:grid;place-items:center;flex:0 0 38px;align-self:stretch;min-height:40px;cursor:pointer}.word-option-select input{margin:0!important}.word-option>span{min-width:0}.word-option:has(input:disabled){cursor:default}
button.token-translation-toggle{margin:4px 0 10px;padding:7px 12px;min-height:38px;border:1px solid #c3dce9;background:#edf6fc;color:#316784;font-size:14px;border-radius:10px}button.token-translation-toggle[aria-pressed=true]{background:#dbeefa}.translation-token{display:inline-block;padding:10px 14px;border:1px solid #c7dde9;border-radius:12px;background:#f5faff;font-size:18px}.token-translation-mode .quiet{margin-left:auto}
.word-popup{position:fixed;inset:auto;margin:0;width:300px;max-width:calc(100vw - 24px);box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid #b5d7e9;border-radius:16px;background:#fff;color:#263d4a;box-shadow:0 12px 45px #1a3e562c;font:16px/1.5 system-ui,sans-serif;z-index:10000}
.word-popup::backdrop{background:transparent}.word-popup strong{display:block;font-size:22px;padding-right:24px}.word-popup .word-meaning{font-size:20px;margin:8px 0 14px}.word-popup small{display:block;color:#326b56;font-size:13px}.word-popup-close{position:absolute;right:9px;top:7px;border:0;background:transparent;font-size:26px;cursor:pointer;padding:3px 9px;color:#526978}
.word-say{background:#e4f3fc!important;color:#275f84!important;border:1px solid #bedcec!important;font-size:14px!important;padding:9px 12px!important;border-radius:12px!important}.word-say-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-height:36px!important;padding:7px!important}.word-say-icon svg{width:21px;height:21px}
.word-round{text-align:center;max-width:680px;margin:24px auto;padding:32px!important}.word-round h2{font-size:28px!important;overflow-wrap:anywhere}.word-round p{font-size:20px;line-height:1.6}.word-round .actions{justify-content:center}.word-round button{margin:4px}.session-words{padding:14px 18px;border-radius:14px;background:#edf7fb;margin:20px 0}.session-words p{margin:0 0 10px}.words-intro{color:#60717b;margin:0 0 22px}
.wordbook-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px;background:#eff7f3;border:1px solid #d2e6dd;border-radius:20px;margin:24px 0}.wordbook-eyebrow{font-size:13px;font-weight:600;color:#5a7a6d}.wordbook-hero h2{font-size:28px!important;margin:6px 0!important;color:#274b40}.wordbook-hero p{margin:0;color:#5c766d;font-size:15px}.wordbook-hero>button{flex-shrink:0;background:#4a8875;color:white;border:1px solid #4a8875;min-height:45px;padding:12px 20px;border-radius:12px;font-size:15px}
.wordbook-panel{background:#fff;border:1px solid #dae5e9;border-radius:18px;overflow:hidden}.wordbook-toolbar{padding:20px 22px 15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.wordbook-search{display:flex;align-items:center;gap:10px;color:#69808a;font-size:14px}.wordbook-search input{width:240px;max-width:100%;border:1px solid #ccdce3;border-radius:10px;padding:10px 13px;background:#fafcfd;font-family:inherit;font-size:15px;line-height:1.3;color:#314d5a;min-height:42px}.wordbook-filters{display:flex;gap:5px;flex-wrap:wrap}.wordbook-filters button{padding:8px 11px;border:1px solid transparent;border-radius:9px;background:transparent;font-family:inherit;font-weight:500;font-size:14px;line-height:1.4;color:#637985;min-height:40px}.wordbook-filters button[aria-pressed=true]{border-color:#c8ded2;color:#34654e;background:#eaf4ee}.wordbook-filters button span{margin-left:4px;font-size:12px;color:#7c8e8a}.wordbook-table{border-collapse:collapse;width:100%;table-layout:fixed}.wordbook-table th{background:#f6f9fa;text-align:left;font-size:12px;font-weight:600;color:#74868d;padding:11px 24px}.wordbook-table th:nth-child(1){width:38%}.wordbook-table th:nth-child(2){width:42%}.wordbook-table th:nth-child(3){width:20%}.wordbook-table td{padding:12px 24px;border-top:1px solid #eaf0f2;font-size:16px;line-height:1.4;color:#48616f;overflow-wrap:anywhere}.word-cell{display:flex;align-items:center;justify-content:space-between;gap:12px}.word-cell strong{color:#2e4855;font-weight:600;font-size:18px;overflow-wrap:anywhere}.word-status{font-size:12px;white-space:nowrap;color:#678176;background:#f0f6f2;border-radius:7px;padding:5px 8px}.status-learning{color:#687a90;background:#eef3fa}.status-reviewed{color:#6d8377;background:#eff5f0}.wordbook-count{font-size:12px;color:#829198;padding:12px 24px;margin:0;border-top:1px solid #eaf0f2}.wordbook-empty{text-align:center;padding:30px!important;color:#7c8c93!important}
.extra-training{margin:38px 0}.extra-training h2{font-size:24px;margin:0 0 20px;font-weight:700}.training-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.training-tile{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;min-height:244px;padding:14px 10px 17px;border:1px solid #e0e7e4;border-radius:18px;background:linear-gradient(155deg,#f3faf4,#fff);box-shadow:0 3px 9px #365e4810;color:#334951;transition:box-shadow .15s,transform .15s}.training-tile-1{background:linear-gradient(155deg,#f4f6fb,#fff)}.training-tile-2{background:linear-gradient(155deg,#fff4f1,#fff)}.training-tile-3{background:linear-gradient(155deg,#edf5ff,#fff)}.training-tile-4{background:linear-gradient(155deg,#f4f5fa,#fff)}.training-tile:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 7px 18px #365e4820}.training-tile:focus-visible{outline:3px solid #95c4e4;outline-offset:3px}.training-tile:disabled{opacity:1;cursor:default}.training-illustration{display:block;width:124px;max-width:100%;height:116px;background-image:url('/images/auri-trainer-atlas.png');background-repeat:no-repeat;background-size:500% auto;margin-bottom:9px}.training-tile strong{font-size:16px;font-weight:650;line-height:1.3;min-height:42px;display:flex;align-items:center;justify-content:center;max-width:100%}.training-caption{font-size:13px;line-height:1.4;color:#74838a;display:block;margin-top:5px;max-width:100%}.training-soon{font-size:11px;color:#99a2a7;margin-top:auto;padding-top:9px}
@media(max-width:850px){.wordbook-hero{padding:22px}.wordbook-toolbar{padding:17px}.wordbook-table th,.wordbook-table td{padding:12px 16px}.training-tiles{gap:9px}.training-tile{padding:12px 7px;min-height:230px}.training-illustration{width:110px;height:104px}.training-tile strong{font-size:15px}.training-caption{font-size:12px}}
@media(max-width:650px){.word-help-note{font-size:13px;align-items:flex-start}.word-help-icon{margin-top:1px}.word-round{padding:24px 16px!important}.word-popup{font-size:15px}.word-popup .word-meaning{font-size:19px}.wordbook-hero{display:block;padding:21px}.wordbook-hero h2{font-size:25px!important}.wordbook-hero>button{margin-top:17px;width:100%}.wordbook-toolbar{padding:15px 12px;gap:12px}.wordbook-search{width:100%}.wordbook-search input{flex:1;width:0}.wordbook-filters{width:100%;gap:1px}.wordbook-filters button{padding:8px 7px;font-size:13px}.wordbook-filters button span{margin-left:2px;font-size:11px}.word-status-cell{display:none}.wordbook-table th:nth-child(1),.wordbook-table th:nth-child(2){width:50%}.wordbook-table th,.wordbook-table td{padding:11px 12px}.word-cell{gap:6px}.word-cell strong{font-size:16px}.wordbook-table td{font-size:15px}.word-say-icon{width:32px;height:34px;flex-basis:32px}.extra-training h2{font-size:22px}.training-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.training-tile{min-height:230px;padding:15px 12px}.training-illustration{width:130px;height:118px}.training-tile strong{font-size:16px;min-height:40px}.training-caption{font-size:13px}}
.word-course{box-sizing:border-box;width:100%;max-width:560px;margin:16px auto;padding:22px!important;text-align:center;border-radius:20px}
.word-course .word-round-top{margin:0 0 16px;gap:12px;font-size:14px;line-height:1.4}
.word-course .word-round-top button{padding:4px 0;min-height:32px;margin:0;font-size:14px}
.word-course h2{font-size:24px!important;line-height:1.3;margin:0 0 16px;letter-spacing:-.3px}
.word-course p{font-size:18px;line-height:1.45;margin:8px 0}
.word-course .word-art{width:132px;height:120px;margin:0 auto}
.word-course .word-title{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px;font-size:28px!important;margin:0 0 8px}
.word-study.has-picture{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:center;min-height:132px}
.word-study-main{min-width:0}.word-course .word-meaning{margin:0;font-size:19px}
.word-question.has-picture{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:center}
.word-course .word-options{gap:8px;margin:0}
.word-course .word-answer-option{min-height:46px;padding:10px 13px;gap:10px;font-size:18px;line-height:1.35;border-radius:12px}
.word-course .word-answer-option input{width:18px;height:18px;margin:0}
.word-course .word-target{margin:12px 0;font-size:22px;line-height:1.35}
.word-course .word-context{font-size:18px;margin:10px 0}
.word-course .word-input-label{margin:16px 0;gap:7px}
.word-course .word-input-label input{font-size:20px;padding:11px 13px}
.word-course .word-feedback{padding:12px 14px;margin:16px 0 0;font-size:15px;border-radius:12px}
.word-course .word-feedback>b{font-size:15px}.word-course .word-answer-meaning{font-size:18px;line-height:1.65;margin:4px 0 0}
.word-course .word-example{padding:7px 11px;margin:12px 0 0}.word-course .word-example p{font-size:16px;line-height:1.5;margin:0}
.word-course .word-hint{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 0;padding:10px 12px}
.word-course .word-hint .word-art{width:76px;height:66px;flex:none;margin:0}
.word-course .actions{justify-content:center;gap:10px;margin:16px 0 0}.word-course button{margin:0}
.word-course .actions button{width:auto;flex:0 1 auto;font-size:16px;min-height:44px;padding:10px 18px;line-height:1.4}
button.word-say-icon,.word-course button.word-say-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:36px;height:36px;min-width:36px;min-height:36px!important;flex:0 0 36px;padding:8px!important;border-radius:50%!important;margin:0 0 0 3px;line-height:1;box-sizing:border-box}
button.word-say-icon svg{display:block;flex:none;width:20px;height:20px}
.word-course .word-listen{margin:0 0 16px}.word-course .word-listen .word-say-icon{width:44px;height:44px;min-width:44px;min-height:44px!important;margin:0}
.word-popup-term{display:flex;align-items:center;gap:8px;padding-right:22px}.word-popup-term strong{min-width:0;padding:0}.word-popup-term .word-say-icon{flex:none}
.word-review-page>header{padding-top:18px;padding-bottom:18px}.word-review-page>main{padding-top:8px;margin-top:0}.word-review-page .words-intro{font-size:15px;margin-bottom:14px}.word-review-page h1{font-size:32px;margin:12px 0}
@media(max-width:600px){.word-course{padding:18px 16px!important;margin:12px auto}.word-course h2{font-size:22px!important;margin-bottom:14px}.word-course .word-title{font-size:25px!important}.word-study.has-picture{grid-template-columns:96px minmax(0,1fr);gap:12px;min-height:110px}.word-study .word-art{width:96px;height:100px}.word-course .word-meaning{font-size:18px}.word-question.has-picture{grid-template-columns:88px minmax(0,1fr);gap:12px}.word-question .word-art{width:88px;height:90px}.word-course .word-feedback{padding:10px 12px;margin-top:12px}.word-course .actions{margin-top:14px}.word-course .actions button{padding:10px 14px}.word-course .word-round-top{font-size:14px;margin-bottom:14px}.word-review-page h1{font-size:28px}.word-review-page>header a{font-size:20px}.word-review-page>header{padding-top:16px;padding-bottom:16px}}

.word-course .word-title>span{min-width:0;overflow-wrap:anywhere}

/* Compact dictionary: status is shared across personal and thematic views. */
.wordbook-page{max-width:1120px;margin:0 auto;color:#294757}.wordbook-page>h1{margin:4px 0 8px}.wordbook-page .words-intro{font-size:16px;line-height:1.45;margin:0 0 16px;color:#69818f}.wordbook-page .word-tabs{margin:0 0 18px}.wordbook-page .word-tabs button{padding:10px 20px;min-height:42px;font-size:15px}.wordbook-today{display:flex;align-items:center;gap:24px;padding:22px 24px;border:1px solid #cee8e4;border-radius:16px;background:linear-gradient(115deg,#ecf8f4,#edf8f9);margin:0 0 18px}.wordbook-today>div{flex:1;min-width:0}.wordbook-today h2{font-size:23px!important;font-weight:650;line-height:1.35;margin:0 0 5px!important;letter-spacing:-.25px}.wordbook-today p{font-size:14px;color:#63828c;line-height:1.45;margin:0}.wordbook-today>.primary,.wordbook-topic-heading>.primary{min-height:44px;padding:11px 22px;font-size:15px;white-space:nowrap;flex:none}.wordbook-total{flex:none;max-width:160px;padding-left:22px;border-left:1px solid #cae3e2;font-size:13px;color:#62808c;line-height:1.5}.wordbook-total b{font-weight:500}.wordbook-page .wordbook-panel{border-color:#dce6ed;border-radius:16px}.wordbook-page .wordbook-toolbar{padding:18px 18px 16px;gap:14px}.wordbook-page .wordbook-search{flex:1;min-width:220px;max-width:460px;position:relative;gap:0}.wordbook-page .wordbook-search>svg{position:absolute;left:13px;width:21px;height:21px;color:#7296ab;pointer-events:none}.wordbook-page .wordbook-search input{width:100%;min-width:0;box-sizing:border-box;background:#fff;border-color:#d6e3ed;padding:11px 12px 11px 41px;font-size:14px}.wordbook-page .wordbook-search:not(:has(svg)) input{padding-left:13px}.wordbook-page .wordbook-filters{gap:7px;flex:none}.wordbook-page .wordbook-filters button{border:1px solid #dce6ee;background:#fff;color:#36566b;padding:8px 12px;font-size:14px;min-height:40px}.wordbook-page .wordbook-filters [data-word-filter=learning]{background:#e9f4fc}.wordbook-page .wordbook-filters [data-word-filter=learned]{background:#fff4d4}.wordbook-page .wordbook-filters button[aria-pressed=true]{border-color:#6199b5;box-shadow:0 0 0 1px #6199b5 inset}.wordbook-page .wordbook-filters [data-word-filter=all][aria-pressed=true]{background:#e3f4ef;border-color:#91c7bd;box-shadow:none}.wordbook-grid-body{padding:0 18px 0}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px}.word-tile{position:relative;min-width:0;min-height:80px;height:auto;border:1px solid #dce5ed;border-radius:12px;background:#fdfefe;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.word-tile-learning{background:#e3f2fc;border-color:#c1e2f7}.word-tile-learned{background:#fff1cb;border-color:#f7df9e}.word-tile:hover{border-color:#92b6ce;box-shadow:0 2px 8px #31526c0b}.word-tile .word-tile-open{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;padding:13px 12px 13px 55px;margin:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;font:inherit;color:#294757;min-width:0}.word-tile-open strong{font-size:17px;font-weight:650;line-height:1.3;margin:0 0 5px}.word-tile-open>span{font-size:14px;color:#638094;line-height:1.35}.word-tile-open strong,.word-tile-open>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.word-tile button.word-say-icon{position:absolute;top:10px;left:10px;margin:0;background:#e5f3fd;border:1px solid #cfe7f6;color:#3c8ec1;width:35px;height:35px;min-width:35px;min-height:35px!important;flex-basis:35px;z-index:1}.word-tile:focus-within{outline:2px solid #71a9c9;outline-offset:2px}.wordbook-page button:focus-visible,.word-detail button:focus-visible,.word-archive summary:focus-visible{outline:3px solid #70a9c9;outline-offset:3px}.word-archive{margin:18px 0 0;border:1px solid #dce6ed;border-radius:11px;background:#fafbfd;overflow:hidden}.word-archive summary{padding:15px 17px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;color:#365269;display:flex;align-items:center;gap:5px}.word-archive summary::-webkit-details-marker{display:none}.word-archive summary:after{content:'⌄';margin-left:auto;font-size:23px;line-height:1;transform:translateY(-3px)}.word-archive[open] summary:after{transform:rotate(180deg)}.word-archive summary span{font-weight:400;color:#70899a}.word-archive .word-grid{padding:0 12px 12px}.wordbook-page .wordbook-count{padding:13px 0;border:0;font-size:12px;color:#78909d;margin:0}.word-load-more{display:block;margin:14px auto 0!important;border:1px solid #d2e2eb!important;border-radius:9px!important;padding:8px 18px!important;background:#f7fbfd!important;color:#4e7288!important;font-size:14px!important;min-height:40px}.word-archive>.word-load-more{margin:0 auto 12px!important}.wordbook-topic-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.wordbook-topic-heading h2{font-size:24px!important;margin:10px 0 4px!important}.wordbook-topic-heading h2 small{font-size:13px;font-weight:400;color:#81939b;margin-left:9px;white-space:nowrap}.wordbook-topic-heading p{font-size:14px;color:#6c8490;margin:0}.wordbook-topic-heading .text-link{padding:0;min-height:30px;font-size:14px}.word-topic-tools{display:flex;align-items:center;gap:20px;margin-bottom:18px;flex-wrap:wrap}.word-topic-tools .word-grade-label{margin:0;font-size:14px;gap:9px}.wordbook-page .word-set-panel{margin:0}.wordbook-page .word-set-card{padding:15px 12px;gap:5px;border-radius:13px}.wordbook-page .word-set-card .word-art{height:72px;max-width:110px;margin:0}.wordbook-page .word-set-card strong{font-size:16px}.wordbook-page .word-set-card>span{font-size:12px}.wordbook-page .wordbook-empty{padding:26px 15px!important;font-size:15px;margin:0;line-height:1.5}.word-detail{width:420px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;box-sizing:border-box;border:1px solid #d3e2e9;border-radius:19px;box-shadow:0 16px 65px #253d4b24;background:#fff;color:#294757;font-family:inherit;font-size:16px;line-height:1.5}.word-detail::backdrop{background:#16364740;backdrop-filter:blur(2px)}.word-detail-close{position:absolute;right:10px;top:8px;width:35px;height:35px;padding:0!important;background:transparent!important;border:0!important;color:#78909d;font-size:26px!important;line-height:1}.word-detail-title{display:flex;align-items:center;gap:10px;padding-right:15px}.word-detail-title h2{font-size:26px!important;line-height:1.3;margin:0!important;overflow-wrap:anywhere;min-width:0}.word-detail-meaning{margin:8px 0 15px;font-size:18px;color:#68828f;overflow-wrap:anywhere}.word-detail-state{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.word-detail-state>span{border:1px solid #dbe4ea;border-radius:7px;padding:4px 9px;font-size:13px}.word-state-learning{background:#e3f2fc}.word-state-learned{background:#fff1cb}.word-detail-state small{font-size:12px;color:#79909b}.word-detail-example{padding:12px 14px;background:#f5f9fa;border-radius:10px;margin:0 0 19px}.word-detail-example p{font-size:16px;margin:0;overflow-wrap:anywhere}.word-detail-example p:not([lang]){font-size:14px;color:#6a818d;margin-top:6px}.word-detail>.primary{font-size:15px;min-height:43px;width:100%}.word-detail-audio-status{font-size:13px;color:#93664e;margin:9px 0 0}.word-detail-audio-status:empty{display:none}
@media(max-width:1000px){.wordbook-today{flex-wrap:wrap;gap:14px 20px}.wordbook-total{border:0;padding:0;max-width:none;flex-basis:100%}.wordbook-page .wordbook-toolbar{gap:12px}.wordbook-page .wordbook-search{max-width:none}.wordbook-page .wordbook-filters{width:auto}.word-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}}
@media(max-width:650px){.wordbook-page>h1{font-size:28px!important}.wordbook-page .words-intro{font-size:14px;margin-bottom:13px}.wordbook-page .word-tabs{margin-bottom:14px}.wordbook-page .word-tabs button{padding:9px 16px;font-size:14px}.wordbook-today{padding:17px;gap:12px;margin-bottom:14px;display:grid;grid-template-columns:1fr auto}.wordbook-today>div{grid-column:1/-1}.wordbook-today h2{font-size:20px!important}.wordbook-today p{font-size:13px}.wordbook-total{font-size:12px;max-width:135px;text-align:right}.wordbook-today>.primary{font-size:14px;padding:10px 18px}.wordbook-page .wordbook-toolbar{padding:13px 12px}.wordbook-page .wordbook-search{min-width:0;flex-basis:100%;width:100%}.wordbook-page .wordbook-search input{flex:auto;width:100%;font-size:14px}.wordbook-page .wordbook-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}.wordbook-page .wordbook-filters button{padding:7px 4px;font-size:13px;min-height:38px}.wordbook-grid-body{padding:0 12px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.word-tile{min-height:78px;height:auto}.word-tile .word-tile-open{padding:13px 8px 13px 43px}.word-tile button.word-say-icon{width:30px;height:32px;min-width:30px;min-height:32px!important;top:13px;left:6px;padding:6px!important}.word-tile button.word-say-icon svg{width:18px;height:18px}.word-tile-open strong{font-size:15px;line-height:1.35}.word-tile-open>span{font-size:13px;line-height:1.35}.word-archive summary{font-size:14px;padding:13px 12px}.word-archive .word-grid{padding:0 8px 8px}.wordbook-topic-heading{align-items:flex-start;flex-direction:column;gap:12px}.wordbook-topic-heading h2{font-size:22px!important}.wordbook-topic-heading>.primary{font-size:14px}.word-topic-tools{gap:12px}.wordbook-page .word-set-grid{gap:10px}.wordbook-page .word-set-card strong{font-size:15px}.word-detail{padding:23px}.word-detail-title h2{font-size:24px!important}}
@media(max-width:380px){.word-grid{grid-template-columns:1fr}.word-tile{min-height:80px;height:auto}.word-tile .word-tile-open{padding-left:53px}.word-tile button.word-say-icon{left:11px;top:17px}.word-tile-open strong{font-size:17px}.word-tile-open>span{font-size:14px}}