html[data-eju-vocab-reader]{font-size:16px!important;color-scheme:light}
html[data-eju-vocab-reader][data-mode=dark]{color-scheme:dark}
html[data-eju-vocab-reader] body{font-family:var(--tl-font-ui);color:var(--tl-ink);background:var(--bg-page);font-size:18px;line-height:1.65}
html[data-eju-vocab-reader] .page-container{max-width:1120px;margin:auto;padding:var(--tl-space-4) var(--tl-space-3) var(--tl-space-7)}
.ev-header{display:grid;grid-template-columns:44px minmax(0,1fr)44px;align-items:center;gap:var(--tl-space-3);padding-right:calc(var(--tl-space-7) + var(--tl-space-3));margin-bottom:var(--tl-space-4);position:static}
.ev-header h1{font:650 24px/1.3 var(--tl-font-ui);margin:0;color:var(--tl-ink)}
.ev-back,.ev-settings-open,.ev-close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);color:var(--tl-ink);background:var(--tl-paper);text-decoration:none;font:600 20px var(--tl-font-ui);cursor:pointer}
html[data-eju-vocab-reader] [hidden]{display:none!important}
html[data-eju-vocab-reader] .table-wrapper{border:1px solid var(--tl-hair);border-radius:var(--tl-radius-surface);background:var(--tl-glass);box-shadow:var(--tl-shadow);overflow:visible;backdrop-filter:blur(var(--tl-blur))}
html[data-eju-vocab-reader] table{display:block;width:100%;min-width:0!important;border-collapse:collapse;table-layout:auto;background:transparent!important}
html[data-eju-vocab-reader] table thead{display:none}
html[data-eju-vocab-reader] tbody.word-group{display:block;border-top:1px solid var(--tl-hair);background:transparent!important;padding:var(--tl-space-5);break-inside:avoid}
html[data-eju-vocab-reader] tbody.word-group:first-of-type{border-top:0}
html[data-eju-vocab-reader] .word-group tr{display:grid;grid-template-columns:32px minmax(180px,.8fr) minmax(0,1.7fr);gap:var(--tl-space-4);background:transparent!important}
html[data-eju-vocab-reader] .word-group td{display:block;width:auto!important;min-width:0;padding:0;border:0!important;background:transparent!important;vertical-align:top}
html[data-eju-vocab-reader] .col-stt{font:500 14px/2 var(--tl-font-mono);color:var(--tl-ink-soft)!important;text-align:left}
html[data-eju-vocab-reader] .vocab-main{display:block}
html[data-eju-vocab-reader] .vocab-wrapper{display:block}
html[data-eju-vocab-reader] .vocab-kanji{font:700 34px/1.85 var(--tl-font-jp);color:var(--tl-ink)!important;letter-spacing:0}
html[data-eju-vocab-reader] .vocab-hanviet{display:block;font:500 16px/1.55 var(--tl-font-ui);color:var(--tl-sepia)!important;letter-spacing:.03em;margin:var(--tl-space-2) 0}
html[data-eju-vocab-reader] .meaning-text{font:500 18px/1.7 var(--tl-font-ui);color:var(--tl-ink)!important;margin:var(--tl-space-2) 0!important;padding:0!important;border:0!important}
html[data-eju-vocab-reader] .meaning-text[lang=ja]{font-family:var(--tl-font-jp);line-height:2.1}
html[data-eju-vocab-reader] .ex-jp{font:500 23px/2.15 var(--tl-font-jp)!important;color:var(--tl-ink)!important;letter-spacing:0;margin:0 0 var(--tl-space-2)!important;overflow-wrap:anywhere}
html[data-eju-vocab-reader] .ex-jp.border-dashed{border-top:1px solid var(--tl-hair);padding-top:var(--tl-space-4);margin-top:var(--tl-space-4)!important}
html[data-eju-vocab-reader] .ex-vn,html[data-eju-vocab-reader] .ex-en{font:400 18px/1.75 var(--tl-font-ui);color:var(--tl-ink-soft)!important;font-style:normal;margin:var(--tl-space-2) 0 var(--tl-space-4);overflow-wrap:anywhere}
html[data-eju-vocab-reader] ruby{ruby-position:over;ruby-align:center}
html[data-eju-vocab-reader] ruby rt{font-size:12px!important;font-weight:500!important;line-height:1!important;letter-spacing:0!important;color:var(--tl-ink-soft)!important}
html[data-eju-vocab-reader].furi-tat ruby rt{display:none!important}
html[data-eju-vocab-reader] .say{min-width:44px;min-height:44px;padding:var(--tl-space-2);font-size:18px;border-radius:var(--tl-radius-control);border:1px solid var(--tl-hair);background:var(--tl-paper);color:var(--tl-seal);margin:var(--tl-space-2) 0 var(--tl-space-2) var(--tl-space-2);vertical-align:middle}
html[data-eju-vocab-reader] .lesson-nav{margin:var(--tl-space-4) 0;padding:0;gap:var(--tl-space-3);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
html[data-eju-vocab-reader] .nav-btn,html[data-eju-vocab-reader] .les-select{min-height:44px;font-size:16px;background:var(--tl-paper);color:var(--tl-ink);border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);padding:var(--tl-space-2) var(--tl-space-3);box-shadow:none}
html[data-eju-vocab-reader] .nav-btn.disabled{pointer-events:none;opacity:.6}
:is(.ev-dialog,.ev-settings-content){width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 36px);padding:var(--tl-space-5);border:1px solid var(--tl-hair);border-radius:var(--tl-radius-panel);background:var(--tl-glass-strong);color:var(--tl-ink);box-shadow:var(--tl-shadow);backdrop-filter:blur(var(--tl-blur));overflow:auto}
:is(.ev-dialog,.ev-settings-content)::backdrop{background:rgba(8,18,28,.5)}
:is(.ev-dialog,.ev-settings-content) header{display:flex;justify-content:space-between;align-items:center;gap:var(--tl-space-3)}
:is(.ev-dialog,.ev-settings-content) h2{font:650 24px/1.4 var(--tl-font-ui);margin:0}
:is(.ev-dialog,.ev-settings-content) h3{font:650 18px/1.5 var(--tl-font-ui);margin:var(--tl-space-5) 0 var(--tl-space-2)}
.ev-options{display:flex;flex-wrap:wrap;gap:var(--tl-space-2)}
.ev-options button,:is(.ev-dialog,.ev-settings-content) #tl-furi{position:static!important;min-height:44px;min-width:44px;padding:var(--tl-space-2) var(--tl-space-4);border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);font:500 16px/1.4 var(--tl-font-ui);background:var(--tl-paper);color:var(--tl-ink);margin:0;cursor:pointer}
.ev-options button[aria-pressed=true]{color:var(--tl-seal);border-color:var(--tl-seal);background:var(--tl-wash)}
:is(.ev-dialog,.ev-settings-content) .search-card,:is(.ev-dialog,.ev-settings-content) .search-container{padding:0;margin:0;border:0;background:transparent;box-shadow:none;display:block}
:is(.ev-dialog,.ev-settings-content) #vocab-search{display:block;width:100%;min-height:48px;padding:var(--tl-space-3);border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);font:400 17px var(--tl-font-ui);background:var(--tl-paper);color:var(--tl-ink)}
:is(.ev-dialog,.ev-settings-content) .search-info{display:block;border:0;padding:0;margin:var(--tl-space-2) 0;font-size:16px;color:var(--tl-ink-soft)}
:is(.ev-dialog,.ev-settings-content) .nav-group{display:flex;flex-wrap:wrap;gap:var(--tl-space-2);max-width:100%}
:is(.ev-dialog,.ev-settings-content) .les-select{max-width:100%;width:100%}
:is(.ev-dialog,.ev-settings-content) p,:is(.ev-dialog,.ev-settings-content) a{font-size:16px;line-height:1.7;color:var(--tl-ink-soft)}
:is(.ev-dialog,.ev-settings-content) a{display:inline-flex;align-items:center;min-height:44px;color:var(--tl-seal)}
html[data-eju-vocab-reader] :is(button,a,select,input):focus-visible{outline:2px solid var(--tl-focus);outline-offset:3px}
@media(max-width:800px){html[data-eju-vocab-reader] .word-group tr{grid-template-columns:28px minmax(0,1fr);gap:var(--tl-space-3)}html[data-eju-vocab-reader] .col-example{grid-column:1/-1;margin-top:var(--tl-space-3)}html[data-eju-vocab-reader] tbody.word-group{padding:var(--tl-space-4)}html[data-eju-vocab-reader] .vocab-kanji{font-size:31px}html[data-eju-vocab-reader] .ex-jp{font-size:22px!important}.ev-header{gap:var(--tl-space-2)}.ev-header h1{font-size:21px}:is(.ev-dialog,.ev-settings-content){padding:var(--tl-space-4)}}
@media print{.ev-header,:is(.ev-dialog,.ev-settings-content),html[data-eju-vocab-reader] .say,html[data-eju-vocab-reader] .lesson-nav{display:none!important}html[data-eju-vocab-reader] .page-container{max-width:none;padding:0}html[data-eju-vocab-reader] .table-wrapper{border:0;box-shadow:none;backdrop-filter:none}html[data-eju-vocab-reader] .word-group tr{grid-template-columns:28px minmax(160px,.8fr) minmax(0,1.7fr)}}

html[data-eju-vocab-reader] :is(#tl-unified-settings,#evAppSettings) .ev-settings-content{width:auto;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;overflow:visible}
html[data-eju-vocab-reader] #tl-unified-settings #tl-lang{display:none!important}
html[data-eju-vocab-reader] .meaning-text[lang=ja]{font-size:22px}