.vnjp-kll{--kll-kanji:#0f4c81;--kll-n5:#1d7a4f;--kll-n5-soft:#e4f4eb;--kll-n4:#1f5fae;--kll-n4-soft:#e6effb;--kll-n3:#a5530e;--kll-n3-soft:#fdf0e3;--kll-paper-img:#fff}.vnjp-kll [lang=ja]{font-family:var(--bt-ja-font)}.vnjp-kll ruby{ruby-position:over}.vnjp-kll rt{font-size:.62em;color:var(--bt-muted);font-weight:500}.kll-level{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.03em;line-height:1.6;background:var(--kll-n5-soft);color:var(--kll-n5)}.kll-level--n4{background:var(--kll-n4-soft);color:var(--kll-n4)}.kll-level--n3{background:var(--kll-n3-soft);color:var(--kll-n3)}.kll-top{margin:0 0 18px;padding:14px 16px;border:1px solid var(--bt-line);border-radius:14px;background:var(--bt-soft)}.kll-top__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:var(--bt-muted)}.kll-top__meta a{font-weight:700}.kll-top__meta>span:not(.kll-level):not(.kll-top__hint){font-weight:700;color:var(--bt-ink)}.kll-top__hint{font-size:12px}.kll-top__extra{margin:8px 0 0;font-size:14px;color:var(--bt-muted)}.kll-top__extra strong{color:var(--bt-ink)}.kll-jump{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.kll-jump[hidden]{display:none}.kll-jump__k,.kll-jump__k:hover,.kll-jump__k:focus,.kll-jump__k:active{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;min-height:52px;padding:4px 6px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-paper);color:var(--bt-ink);cursor:pointer;line-height:1.15}.kll-jump__k:hover{border-color:var(--bt-brand);background:var(--bt-tint)}.kll-jump__k b{font-size:22px;font-weight:700}.kll-jump__k span{font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--bt-muted)}.kll-card{display:grid;grid-template-columns:230px minmax(0,1fr);margin:0 0 16px;border:1px solid var(--bt-line);border-radius:16px;background:var(--bt-paper);overflow:hidden;scroll-margin-top:90px}.kll-card:target{box-shadow:0 0 0 3px var(--bt-tint);border-color:var(--bt-brand)}.kll-card__id{padding:18px 16px;border-right:1px solid var(--bt-line);background:var(--bt-soft)}.kll-card__glyph{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.kll-card__glyph b{font-size:72px;font-weight:700;line-height:1;color:var(--bt-ink)}.kll-card__glyph span{margin-top:10px;font-size:17px;font-weight:800;letter-spacing:.04em;color:var(--bt-ink)}.vnjp-kll button.kll-glyph,.vnjp-kll button.kll-glyph:hover,.vnjp-kll button.kll-glyph:focus{display:inline-block;margin:0;padding:0;border:0;border-radius:10px;background:none;color:var(--bt-ink);font:inherit;line-height:1;cursor:pointer}.vnjp-kll button.kll-glyph:hover b{color:var(--bt-brand)}.vnjp-kll button.kll-glyph:focus-visible{outline:2px solid var(--bt-brand);outline-offset:4px}.vnjp-kll .kll-write{display:none;margin-top:12px}.kll-js .vnjp-kll .kll-write{display:inline-flex}.kll-meta{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px 10px;margin:0;align-items:baseline}.kll-meta dt{margin:0;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--bt-muted)}.kll-meta dd{margin:0;font-size:16px;font-weight:700;color:var(--bt-ink);line-height:1.5}.kll-meta dd[lang=ja]{font-size:17px}.kll-oku{font-weight:500;color:var(--bt-muted)}.kll-note{margin:10px 0 0;font-size:13px;color:var(--bt-muted)}.kll-card__body{padding:18px}.kll-pic{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:center}.kll-pic__img{display:grid;place-items:center;padding:8px;border-radius:12px;background:var(--kll-paper-img)}.kll-pic__img img{display:block;max-width:100%;height:auto}.kll-pic__img--svg{background:var(--bt-soft);border:1px solid var(--bt-line)}.kll-svg{display:block;width:150px;height:150px}.kll-svg__s path{fill:none;stroke:var(--bt-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.kll-svg__n text{font:600 7px/1 system-ui,sans-serif;fill:var(--bt-brand)}.kll-svg--fallback .kll-svg__s path{stroke:#1d2b3a}.kll-svg--fallback .kll-svg__n text{fill:#0f6a5c}.kll-pic__ja{margin:0 0 8px;font-size:19px;font-weight:700;line-height:2;color:var(--bt-ink)}.kll-pic__vi{margin:0;font-size:15.5px;color:var(--bt-muted)}.kll-hook{margin:0 0 10px;font-size:15.5px;color:var(--bt-ink)}.kll-label{display:inline-block;margin-right:8px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--bt-brand)}.kll-parts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}.kll-parts>i{font-style:normal;font-weight:700;color:var(--bt-muted)}.kll-part{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-soft);font-size:13px;color:var(--bt-muted)}.kll-part b{font-size:21px;font-weight:700;color:var(--bt-ink)}.kll-part--k{border-color:var(--bt-brand);background:var(--bt-tint)}.kll-part--k b{color:var(--bt-brand-strong)}.kll-pic--art{grid-template-columns:270px minmax(0,1fr)}.kll-art{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:12px;background:var(--kll-paper-img)}.kll-art img{display:block;width:auto;height:auto;max-width:160px;max-height:118px}.kll-art__arrow{font-size:22px;line-height:1;color:#1d2b3a}.kll-svg.kll-art__kanji{width:72px;height:72px;flex:none}.kll-art__kanji .kll-svg__s path{stroke:#1d2b3a;stroke-width:4.2}.kll-art__glyph{display:grid;place-items:center;width:72px;height:72px;font-size:58px;line-height:1;color:#1d2b3a}.kll-more{margin-top:12px;padding-top:10px;border-top:1px dashed var(--bt-line)}.kll-more .kll-hook{font-size:15px}.kll-ex{margin:6px 0 0;font-size:15px;line-height:1.9;color:var(--bt-ink)}.kll-ex__vi{color:var(--bt-muted)}.kll-strokes{display:grid;justify-items:start;gap:4px;margin-top:12px}.kll-strokes .kll-svg{width:112px;height:112px;padding:4px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-paper)}.vnjp-kll ul.kll-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;margin:14px 0 0;padding:12px 16px;list-style:none;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-soft)}.vnjp-kll .kll-words li{margin:0;padding-top:10px;font-size:16px;line-height:1.75}.kll-words__w{font-weight:700;color:var(--bt-ink)}.vnjp-kll .kll-words__w ruby{display:inline-block;position:relative;line-height:1.2;text-indent:0}.vnjp-kll .kll-words__w rt{position:absolute;left:0;bottom:100%;margin-bottom:1px;white-space:nowrap;font-size:11px;line-height:1;text-align:left;font-weight:500}.vnjp-kll .kll-words__w rp{display:none}.kll-words__vi::before{content:" : ";color:var(--bt-muted)}.kll-words__vi{color:var(--bt-ink)}.kll-tag{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:var(--bt-warn-soft);border:1px solid var(--bt-warn-line);font-size:11px;font-weight:700;line-height:1.6;color:var(--bt-ink);vertical-align:1px}.kll-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin:22px 0 8px}.kll-pager a{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-paper);color:var(--bt-ink)}.kll-pager a:hover{border-color:var(--bt-brand);background:var(--bt-tint)}.kll-pager span{font-size:13px;color:var(--bt-muted)}.kll-pager strong{font-size:16px}.kll-pager__hub{text-align:center}.kll-pager__next{text-align:right}.vnjp-kll a.bt-btn,.vnjp-kll a.bt-btn:hover,.vnjp-kll a.bt-btn:focus{color:var(--bt-ink)}.vnjp-kll a.bt-btn--primary,.vnjp-kll a.bt-btn--primary:hover,.vnjp-kll a.bt-btn--primary:focus{color:var(--bt-brand-ink)}.kll-hub .bt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.kll-hub__facts{margin-top:14px}.kll-index{margin-top:26px}.kll-tools{display:grid;gap:10px;margin:0 0 14px}.kll-tools[hidden]{display:none}.kll-tools__search input{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-paper);color:var(--bt-ink);font-size:16px}.kll-tools__levels{display:flex;flex-wrap:wrap;gap:8px}.kll-tools__note{margin:0;font-size:13px;color:var(--bt-muted)}.kll-tools__empty{padding:12px 14px;border:1px dashed var(--bt-line);border-radius:12px;color:var(--bt-muted)}.kll-lessons{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(230px,calc((100% - 36px) / 4)),1fr));gap:12px;margin:0;padding:0;list-style:none}.kll-lesson{margin:0;padding:0}.kll-lesson[hidden]{display:none}.vnjp-kll a.kll-lesson__link{display:grid;align-content:start;gap:4px;height:100%;padding:14px 16px;border:1px solid var(--bt-line);border-radius:14px;background:var(--bt-paper);color:var(--bt-ink);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.vnjp-kll a.kll-lesson__link:hover{text-decoration:none;border-color:var(--bt-brand);transform:translateY(-1px);box-shadow:0 8px 20px rgb(15 106 92 / .1);color:var(--bt-ink)}.kll-lesson.is-extra a.kll-lesson__link{border-style:dashed}.kll-lesson.is-visited a.kll-lesson__link{border-color:#9fd5b6;border-style:solid}.kll-lesson__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kll-lesson__n{padding:1px 10px;border-radius:999px;background:var(--bt-tint);color:var(--bt-brand-strong);font-size:12px;font-weight:700}.kll-lesson__title{font-size:17px;line-height:1.35;color:var(--bt-ink)}.kll-lesson__kanji{display:flex;flex-wrap:wrap;gap:0 7px;margin:2px 0;font-size:20px;line-height:1.65;color:var(--kll-kanji)}.kll-k{border-radius:6px}.kll-lesson__sum{font-size:13px;color:var(--bt-muted)}.kll-lesson__state{font-size:13px;font-weight:700;color:var(--bt-ok)}.kll-lesson__state[hidden]{display:none}.kll-lessons.is-filtering .kll-k{opacity:.3}.kll-lessons.is-filtering .kll-k.is-match{opacity:1;background:var(--bt-tint);box-shadow:inset 0 0 0 1px var(--bt-brand)}@media (max-width:768px){.kll-card{grid-template-columns:1fr}.kll-card__id{border-right:0;border-bottom:1px solid var(--bt-line)}.kll-card__glyph b{font-size:60px}.kll-pic,.kll-pic--art{grid-template-columns:1fr}.kll-art{justify-self:start}.kll-pic__img{justify-self:start}.vnjp-kll ul.kll-words{grid-template-columns:1fr;padding:10px 12px}.kll-pager{grid-template-columns:1fr 1fr}.kll-pager__hub{grid-column:1/-1;grid-row:2}}@media (max-width:420px){.kll-card__body,.kll-card__id{padding:14px 12px}.kll-jump__k{min-width:46px}}.vnjp-dark .vnjp-kll,[data-theme=dark] .vnjp-kll{--kll-kanji:#9cc8ff;--kll-n5:#7fe0ad;--kll-n5-soft:#183a2b;--kll-n4:#9cc3ff;--kll-n4-soft:#1a2c47;--kll-n3:#ffbf7a;--kll-n3-soft:#3a2a17;--kll-paper-img:#f4f1ea}.vnjp-dark .kll-lesson.is-visited a.kll-lesson__link,[data-theme=dark] .kll-lesson.is-visited a.kll-lesson__link{border-color:#2f6b4c}