#app-shell.hsk1-dashboard-active{width:100%;max-width:none;margin:0;padding:0;display:block}
#app-shell.hsk1-dashboard-active>:not(#vocab-catalog){display:none!important}
.hsk1-dashboard[hidden],.vocab-catalog-empty[hidden]{display:none}
body:has(.hsk1-dashboard-active){color:#4b352b;background:linear-gradient(90deg,rgba(177,132,85,.055) 1px,transparent 1px),linear-gradient(rgba(177,132,85,.05) 1px,transparent 1px),linear-gradient(180deg,#fffdfa,#fff8ec);background-size:30px 30px,30px 30px,auto}
.hsk1-dashboard{--pink:#ef4167;--green:#3e844a;--orange:#f26a2e;--brown:#5a3b2c;min-height:100vh;color:var(--brown);font-family:"Noto Sans Thai","Noto Sans SC",system-ui,sans-serif}
.dashboard-topbar{height:70px;display:grid;grid-template-columns:220px minmax(0,1fr) 250px;align-items:center;gap:20px;padding:0 34px;border-bottom:1px solid #f2dfd4;background:rgba(255,255,255,.84);backdrop-filter:blur(12px)}
.dashboard-brand,.dashboard-profile{display:flex;align-items:center;color:inherit;text-decoration:none}.dashboard-brand{gap:9px;color:#dc4c1d;font-size:27px}.dashboard-brand img{width:48px;height:42px;object-fit:contain}.dashboard-brand strong{letter-spacing:0}
.dashboard-main-nav{display:flex;justify-content:center;align-items:stretch;gap:5px;height:100%}.dashboard-main-nav a,.dashboard-main-nav button{display:inline-flex;align-items:center;gap:8px;min-width:105px;padding:0 15px;border:0;color:#684a3a;background:transparent;cursor:pointer;font:inherit;font-weight:800;text-decoration:none}.dashboard-main-nav span{color:#e3713c;font-size:22px}.dashboard-main-nav .is-active{color:#df3f64;background:#fff0f3}
.dashboard-top-actions{display:flex;justify-content:flex-end;align-items:center;gap:13px}.dashboard-search-trigger,.dashboard-menu-button{width:42px;height:42px;border:1px solid #edd5c5;border-radius:50%;background:#fffaf4;cursor:pointer}.dashboard-search-trigger{position:relative}.dashboard-search-trigger:before{content:"";position:absolute;left:12px;top:10px;width:13px;height:13px;border:2px solid #6a4532;border-radius:50%}.dashboard-search-trigger:after{content:"";position:absolute;left:25px;top:25px;width:9px;height:2px;background:#6a4532;transform:rotate(45deg)}.dashboard-profile{gap:8px;font-size:12px;line-height:1.25}.dashboard-profile img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#ffe9df}.dashboard-menu-button{display:none;padding:10px;border-radius:10px}.dashboard-menu-button span{display:block;height:2px;margin:4px 0;background:#6a4532}
.dashboard-hero{position:relative;width:calc(100% - 68px);max-width:1370px;min-height:158px;margin:0 auto 16px;padding:18px 350px 18px 165px;display:flex;align-items:center;border:1px solid #f0cbb5;border-radius:0 0 20px 20px;overflow:hidden;background:rgba(255,251,244,.9)}
.dashboard-hero-copy h1{margin:0;color:#397b44;font-size:clamp(32px,3.2vw,52px);line-height:1.05;text-shadow:none}.dashboard-hero-copy>strong{display:block;margin-top:5px;color:#70625b;font-size:21px}.dashboard-hero-copy p{max-width:740px;margin:7px 0 0;color:#75685f;font-size:15px;line-height:1.55;font-weight:650}.dashboard-hero-art{position:absolute;right:35px;bottom:0;width:300px;height:150px}.dashboard-hero-art img{position:absolute;right:0;bottom:-3px;width:190px;height:142px;object-fit:contain}.dashboard-hero-art span{position:absolute;left:0;top:24px;color:#df672d;font-size:17px;font-weight:900;text-align:center;transform:rotate(-5deg)}
.dashboard-book-stack{position:absolute;left:40px;bottom:25px;width:104px;transform:rotate(-3deg)}.dashboard-book-stack span{display:block;height:32px;padding:5px 12px;border:2px solid #7e5b36;border-radius:5px;color:#fff;font-size:12px;font-weight:900;box-shadow:0 3px 0 rgba(80,50,25,.13)}.dashboard-book-stack span:nth-child(1){width:82px;margin-left:15px;background:#94c65a}.dashboard-book-stack span:nth-child(2){width:98px;background:#f4a254}.dashboard-book-stack span:nth-child(3){width:110px;margin-left:-8px;background:#3fa7d8}
.dashboard-stats{width:calc(100% - 68px);max-width:1370px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.dashboard-stats article{min-height:112px;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #f2d9d1;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 5px 16px rgba(96,56,32,.045)}.dashboard-stats .is-pink,.dashboard-stats .is-goal{background:#fff0f3}.dashboard-stats .is-green{background:#eff9ef}.dashboard-stats .is-orange{background:#fff7ed}.dashboard-stats i{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#ff788f,#e93661);font-style:normal;font-size:24px}.dashboard-stats .is-green i,.dashboard-stats .is-progress i{background:linear-gradient(145deg,#73c270,#398d4d)}.dashboard-stats .is-orange i{background:linear-gradient(145deg,#ffab56,#ee5d28)}.dashboard-stats span,.dashboard-stats strong,.dashboard-stats small{display:block}.dashboard-stats span{color:#786b64;font-size:14px;font-weight:800}.dashboard-stats strong{margin-top:1px;color:var(--pink);font-size:28px;line-height:1.15}.dashboard-stats .is-green strong,.dashboard-stats .is-progress strong{color:var(--green)}.dashboard-stats .is-orange strong{color:var(--orange)}.dashboard-stats small{margin-top:3px;color:#93877f}.dashboard-progress-track{width:100%;height:11px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e6ded8}.dashboard-progress-track b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef536a,#f6ad2f)}
.dashboard-stats strong span{display:inline;color:inherit;font:inherit}
.dashboard-mode-bar{width:calc(100% - 68px);max-width:1370px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dashboard-mode-bar button{min-height:64px;display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e5b890;border-radius:12px;color:#604332;background:rgba(255,253,248,.92);cursor:pointer;font:inherit}.dashboard-mode-bar button span{font-size:27px}.dashboard-mode-bar button b{font-size:14px}.dashboard-mode-bar button.is-active{border-color:#ee4268;color:#fff;background:linear-gradient(145deg,#ff657e,#e93661)}
.dashboard-learning-grid{width:calc(100% - 68px);max-width:1370px;margin:0 auto 28px;display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(520px,.95fr);gap:14px;align-items:start}.vocab-list-card,.dashboard-practice-card{border:1px solid #f0d1cd;border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 8px 25px rgba(97,55,34,.05);overflow:hidden}.vocab-list-heading,.dashboard-practice-card>header{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px}.vocab-list-heading>div,.dashboard-practice-card>header>div{display:flex;align-items:center;gap:12px}.vocab-list-heading i,.dashboard-practice-card>header i{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#ff7288,#e93761);font-style:normal;font-size:22px}.vocab-list-heading span,.dashboard-practice-card>header span{display:grid}.vocab-list-heading strong,.dashboard-practice-card>header strong{color:#653b4a;font-size:20px}.vocab-list-heading small,.dashboard-practice-card>header small{color:#80736c}.vocab-list-heading button,.dashboard-practice-card>header button{min-height:38px;padding:7px 13px;border:1px solid #f2bed0;border-radius:10px;color:#df3b64;background:#fff7f9;cursor:pointer;font:inherit;font-weight:800}.vocab-list-heading button[aria-pressed=true]{color:#fff;background:#e94166}
.dashboard-learning-grid.is-vocabulary-view,.dashboard-learning-grid.is-practice-view{grid-template-columns:minmax(0,1fr)}.dashboard-learning-grid.is-vocabulary-view .vocab-list-card{width:100%}.dashboard-learning-grid.is-practice-view .dashboard-practice-card{width:min(900px,100%);justify-self:center}
.vocab-list-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 14px 12px}.vocab-search{min-height:48px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #ded9d5;border-radius:11px;background:#fff}.vocab-search>span:first-child{position:relative;width:18px;height:18px;flex:0 0 auto;border:2px solid #8c8885;border-radius:50%}.vocab-search>span:first-child:after{content:"";position:absolute;right:-6px;bottom:-4px;width:8px;height:2px;background:#8c8885;transform:rotate(45deg)}.vocab-search .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vocab-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#43362f;font:inherit;font-size:14px}.vocab-filter-button{min-width:105px;border:1px solid #ded9d5;border-radius:11px;color:#5d4a3e;background:#fff;cursor:pointer;font:inherit;font-weight:800}
.vocab-table-shell{margin:0 8px;overflow:hidden;border:1px solid #f2e3dd;border-radius:13px}.vocab-table-head,.vocab-catalog-row{display:grid;grid-template-columns:52px 130px 130px minmax(150px,1fr) 130px;align-items:center}.vocab-table-head{min-height:40px;padding:0 10px;color:#5e4639;background:#fff2de;font-size:12px;font-weight:900}.vocab-catalog-row{min-height:44px;padding:4px 10px;border-top:1px solid #f1e7e3}.vocab-catalog-row.is-saved{background:#fff0f4}.vocab-row-number{color:#70645e;font-size:12px}.vocab-row-word{color:#181310;font-size:21px}.vocab-row-pinyin{color:#81766f;font-size:13px}.vocab-row-thai{color:#41362f;font-size:13px;overflow-wrap:anywhere}.vocab-save-button{justify-self:stretch;min-height:34px;display:inline-flex;justify-content:center;align-items:center;gap:5px;padding:4px 8px;border:1px solid #f0c7d1;border-radius:9px;color:#e63d64;background:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:850;white-space:nowrap}.vocab-save-button span{font-size:19px;line-height:1}.vocab-save-button.is-saved{color:#fff;background:#e94166}.vocab-catalog-empty{min-height:180px;padding:60px 20px;color:#8b7e78;text-align:center}.vocab-mobile-more{display:none}
.vocab-catalog-row.is-practice-row{cursor:pointer}.vocab-catalog-row.is-practice-row:hover,.vocab-catalog-row.is-practice-row:focus{outline:none;background:#fff4f6}.vocab-practice-button{justify-self:stretch;min-width:0;min-height:34px;display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:4px 8px;border:1px solid #b9d9bc;border-radius:9px;color:#3d7f49;background:#f4fbf3;cursor:pointer;font:inherit;font-size:12px;font-weight:850;white-space:nowrap}.vocab-practice-button:hover{color:#fff;background:#53a35c}.vocab-collection-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vocab-remove-favorite-button{min-width:0;min-height:34px;display:inline-flex;justify-content:center;align-items:center;gap:5px;padding:4px 7px;border:1px solid #efb7c5;border-radius:9px;color:#d83d61;background:#fff7f9;cursor:pointer;font:inherit;font-size:11px;font-weight:850;white-space:nowrap}.vocab-remove-favorite-button:hover{color:#fff;background:#e94166}.vocab-remove-favorite-button span:first-child{font-size:17px;line-height:1}
.vocab-pagination{min-height:60px;display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:8px 14px}.vocab-pagination button,.vocab-pagination span button{min-width:34px;height:34px;border:1px solid #eadfd9;border-radius:8px;color:#624a3c;background:#fff;cursor:pointer;font:inherit}.vocab-pagination button.is-active{color:#fff;background:#ef5975}.vocab-pagination button:disabled{opacity:.35;cursor:default}.vocab-pagination strong{display:none}
.dashboard-practice-card{position:relative;background:linear-gradient(160deg,#fff8fa,#fff)}.dashboard-practice-card>header{border-bottom:1px solid #f4dedf}.dashboard-practice-cat{position:absolute;z-index:3;right:16px;top:100px;width:105px;height:105px;object-fit:contain;border-radius:14px;pointer-events:none}#dashboard-practice-slot{padding:0}
.hsk1-dashboard #speak-button{display:none!important}.dashboard-practice-cat{width:128px;height:128px;border-radius:0;object-fit:contain;object-position:center}
.hsk1-dashboard #dashboard-practice-slot .quiz-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.hsk1-dashboard .quiz-panel:before,.hsk1-dashboard .quiz-panel:after{content:none!important;display:none!important}.hsk1-dashboard .question-topline{grid-column:1/-1;padding-right:120px;color:#6d5b51}.hsk1-dashboard .question-topline #streak-label{display:none}.hsk1-dashboard .level-return{display:none}.hsk1-dashboard .question-label{grid-column:1/-1;justify-self:center;margin:0;padding:5px 16px;border-radius:999px;color:#d93d61;background:#ffe8ee;font-size:13px}.hsk1-dashboard #word{grid-column:1/-1;margin:0;color:#3c8148;font-size:clamp(48px,6vw,76px);text-shadow:none}.hsk1-dashboard .pinyin{grid-column:1/-1;margin:-8px 0 4px;color:#866f64;font-size:13px}.hsk1-dashboard .options{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:option}.hsk1-dashboard .option-button{position:relative;min-height:72px;padding:10px 15px 10px 58px;border:1px solid #e9c9c7;border-radius:11px;background:#fff;text-align:left;counter-increment:option}.hsk1-dashboard .option-button:before{content:counter(option,upper-alpha);position:absolute;left:16px;top:50%;width:32px;height:32px;display:grid;place-items:center;border:1px solid #efcbd0;border-radius:50%;color:#704939;background:#fff3f4;transform:translateY(-50%)}.hsk1-dashboard .option-word{display:block;color:#16120f;font-size:23px;font-weight:900}.hsk1-dashboard .option-pinyin{display:block;color:#8b817a;font-size:13px}.hsk1-dashboard .word-tools{grid-column:1;display:flex;justify-content:flex-start;margin:0}.hsk1-dashboard .word-tools .icon-action{position:absolute;left:18px;top:112px;width:38px;min-width:38px;height:38px;padding:0;border:0;color:#ea3c64;background:transparent;box-shadow:none}.hsk1-dashboard .word-tools .icon-action span{font-size:0}.hsk1-dashboard .word-tools .icon-action span:before{content:"◀";display:block;font-size:22px;transform:rotate(180deg)}.hsk1-dashboard #favorite-button{min-height:48px;padding:8px 16px;border:1px solid #ef4a70;border-radius:11px;color:#df3d64;background:#fff;box-shadow:none}.hsk1-dashboard #favorite-button:before{content:"♡";margin-right:7px;font-size:24px}.hsk1-dashboard .actions{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.hsk1-dashboard .actions button{width:100%;min-height:48px;margin:0;border-radius:11px;box-shadow:none}.hsk1-dashboard #next-button{border:0;color:#fff;background:linear-gradient(145deg,#ff9a36,#ee5728)}.hsk1-dashboard .feedback{grid-column:1/-1;min-height:0;margin:0;padding:9px 12px;border-radius:9px;font-size:13px}.hsk1-dashboard .feedback.neutral{display:none}.hsk1-dashboard .example-panel,.hsk1-dashboard .study-card,.hsk1-dashboard .fill-input-form{grid-column:1/-1}.dashboard-tip{margin:0 18px 16px;color:#8a786d;font-size:12px;text-align:center}
@media(max-width:900px){.dashboard-topbar{position:relative;height:96px;grid-template-columns:1fr auto;padding:22px 26px 8px}.dashboard-main-nav{display:none}.dashboard-main-nav.is-open{position:absolute;z-index:20;left:14px;right:14px;top:88px;height:auto;display:grid;grid-template-columns:1fr 1fr;padding:8px;border:1px solid #efd9cc;border-radius:14px;background:#fffaf5;box-shadow:0 14px 28px rgba(91,55,38,.15)}.dashboard-main-nav.is-open a,.dashboard-main-nav.is-open button{min-height:46px;justify-content:flex-start;border-radius:9px}.dashboard-top-actions{gap:10px}.dashboard-profile span{display:none}.dashboard-menu-button{display:block}.dashboard-hero{width:calc(100% - 28px);min-height:180px;margin-top:10px;padding:20px 260px 18px 155px;border-radius:18px}.dashboard-hero-copy h1{font-size:34px}.dashboard-hero-art{right:10px;width:245px}.dashboard-stats,.dashboard-mode-bar,.dashboard-learning-grid{width:calc(100% - 28px)}.dashboard-stats{grid-template-columns:repeat(4,1fr)}.dashboard-stats .is-goal{display:none}.dashboard-learning-grid{grid-template-columns:1fr}}
@media(max-width:600px){.dashboard-topbar{height:82px;padding:18px 14px 6px}.dashboard-brand{font-size:25px}.dashboard-brand img{width:43px;height:38px}.dashboard-search-trigger,.dashboard-menu-button,.dashboard-profile img{width:40px;height:40px}.dashboard-hero{width:calc(100% - 20px);min-height:180px;margin-bottom:12px;padding:22px 138px 18px 104px}.dashboard-book-stack{left:12px;bottom:28px;width:76px}.dashboard-book-stack span{height:26px;padding:4px 8px;font-size:9px}.dashboard-book-stack span:nth-child(1){width:62px}.dashboard-book-stack span:nth-child(2){width:72px}.dashboard-book-stack span:nth-child(3){width:82px}.dashboard-hero-copy h1{font-size:27px;white-space:nowrap}.dashboard-hero-copy>strong{font-size:17px}.dashboard-hero-copy p{font-size:12px;line-height:1.5}.dashboard-hero-art{right:2px;width:145px;height:160px}.dashboard-hero-art img{width:125px;height:112px}.dashboard-hero-art span{left:4px;top:10px;font-size:11px}.dashboard-stats{width:calc(100% - 20px);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.dashboard-stats article{min-height:92px;display:flex;align-items:center;gap:9px;padding:11px;text-align:left}.dashboard-stats i{width:42px;height:42px;font-size:20px}.dashboard-stats article>div{min-width:0}.dashboard-stats span{font-size:11px;line-height:1.25}.dashboard-stats strong{font-size:21px;white-space:nowrap}.dashboard-stats small{font-size:9px;line-height:1.3}.dashboard-progress-track{height:8px}.dashboard-mode-bar{width:calc(100% - 20px);display:flex;gap:7px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.dashboard-mode-bar::-webkit-scrollbar{display:none}.dashboard-mode-bar button{min-width:122px;min-height:54px;display:flex;flex:0 0 auto;justify-content:center;gap:7px;padding:7px 9px;scroll-snap-align:start}.dashboard-mode-bar button span{font-size:21px}.dashboard-mode-bar button b{font-size:11px;line-height:1.2}.dashboard-learning-grid{width:calc(100% - 20px);gap:12px}.vocab-list-card,.dashboard-practice-card{border-radius:17px}.vocab-list-heading,.dashboard-practice-card>header{min-height:65px;padding:10px 12px}.vocab-list-heading i,.dashboard-practice-card>header i{width:39px;height:39px}.vocab-list-heading strong,.dashboard-practice-card>header strong{font-size:17px}.vocab-list-heading small,.dashboard-practice-card>header small{font-size:11px}.vocab-list-heading button,.dashboard-practice-card>header button{font-size:11px}.vocab-list-tools{grid-template-columns:minmax(0,1fr) 100px;padding:0 12px 10px}.vocab-search{min-height:48px;padding:0 12px}.vocab-search input{font-size:12px}.vocab-filter-button{min-width:0;font-size:12px}.vocab-table-shell{margin:0 10px;border:0;overflow:visible;background:transparent}.vocab-table-head{display:none}.vocab-catalog-list{display:grid;gap:6px}.vocab-catalog-row{grid-template-columns:38px 88px 78px minmax(0,1fr) 104px;min-height:58px;padding:7px 8px;border:0;border-radius:12px;background:#fff;box-shadow:0 4px 13px rgba(104,55,48,.045)}.vocab-catalog-row:nth-child(n+6){display:none}.vocab-list-card.is-expanded .vocab-catalog-row:nth-child(n+6){display:grid}.vocab-row-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff0f3;font-size:13px}.vocab-row-word{font-size:23px}.vocab-row-pinyin,.vocab-row-thai{font-size:12px}.vocab-save-button{min-height:40px;font-size:11px}.vocab-collection-actions{gap:4px}.vocab-collection-actions button{min-height:40px;padding-inline:4px}.vocab-collection-actions button>span:last-child{display:none}.vocab-mobile-more{display:flex;justify-content:center;align-items:center;gap:8px;min-width:230px;min-height:46px;margin:14px auto;border:1px solid #efb6c4;border-radius:999px;color:#dd3e63;background:#fff5f7;cursor:pointer;font:inherit;font-weight:850}.vocab-pagination{display:none}.dashboard-practice-cat{right:10px;top:90px;width:92px;height:92px}.hsk1-dashboard #dashboard-practice-slot .quiz-panel{gap:10px;padding:14px 12px}.hsk1-dashboard .question-topline{padding-right:95px}.hsk1-dashboard #word{font-size:58px}.hsk1-dashboard .options{gap:8px}.hsk1-dashboard .option-button{min-height:62px;padding:8px 8px 8px 49px}.hsk1-dashboard .option-button:before{left:10px;width:30px;height:30px}.hsk1-dashboard .option-word{font-size:21px}.hsk1-dashboard .word-tools{grid-column:1/-1}.hsk1-dashboard .actions{grid-column:1/-1}.hsk1-dashboard .word-tools .icon-action{left:12px;top:100px}.dashboard-tip{margin-inline:12px}}
@media(max-width:430px){.dashboard-hero{padding-left:90px;padding-right:120px}.dashboard-hero-copy h1{font-size:23px}.dashboard-hero-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dashboard-hero-art span{display:none}.vocab-catalog-row{grid-template-columns:34px 70px 62px minmax(0,1fr) 92px;gap:3px}.vocab-row-word{font-size:20px}.vocab-save-button{padding-inline:4px;font-size:10px}}
@media(min-width:601px) and (max-width:760px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-stats article{min-height:96px;padding:13px}.dashboard-mode-bar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.dashboard-mode-bar::-webkit-scrollbar{display:none}.dashboard-mode-bar button{min-width:142px;flex:0 0 auto}.dashboard-learning-grid{grid-template-columns:1fr}}
/* Per-word quick practice sits immediately before the existing save control. */
.vocab-table-head,.vocab-catalog-row{grid-template-columns:52px 130px 130px minmax(150px,1fr) 210px}
.vocab-row-actions{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px}
.vocab-direct-practice-button,.vocab-row-actions .vocab-save-button{min-width:0;min-height:34px;display:inline-flex;justify-content:center;align-items:center;gap:5px;padding:4px 8px;border:1px solid #f0c7d1;border-radius:9px;cursor:pointer;font:inherit;font-size:12px;font-weight:850;white-space:nowrap}
.vocab-direct-practice-button{color:#3d7f49;border-color:#b9d9bc;background:#f4fbf3}.vocab-direct-practice-button:hover{color:#fff;background:#53a35c}.vocab-row-actions .vocab-save-button>span:last-child{font-size:12px;line-height:1}
@media(max-width:900px){.vocab-table-head,.vocab-catalog-row{grid-template-columns:42px 90px 100px minmax(100px,1fr) 180px}.vocab-row-actions{grid-template-columns:68px minmax(0,1fr)}}
@media(max-width:600px){.vocab-catalog-row{grid-template-columns:34px 70px 62px minmax(0,1fr) 104px}.vocab-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.vocab-direct-practice-button,.vocab-row-actions .vocab-save-button{padding-inline:4px}.vocab-row-actions button>span:last-child{display:none}}