.vnjp-bt,.bt-dialog{--bt-ink:#1d2b3a;--bt-muted:#5a6878;--bt-line:#dbe3ea;--bt-paper:#fff;--bt-soft:#f3f6f9;--bt-tint:#e9f4f1;--bt-brand:#0f6a5c;--bt-brand-strong:#0b5348;--bt-brand-ink:#fff;--bt-rad:#c8372d;--bt-rad-soft:#fdeceb;--bt-ok:#1d7a4f;--bt-ok-soft:#e4f4eb;--bt-bad:#b42318;--bt-bad-soft:#fdecea;--bt-warn-soft:#fff6e5;--bt-warn-line:#f0c987;--bt-radius:12px;--bt-ja-font:"Noto Sans JP","Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif}.vnjp-bt{color:var(--bt-ink);font-size:16px;line-height:1.65;margin:0 0 40px}.vnjp-bt *,.vnjp-bt *::before,.vnjp-bt *::after{box-sizing:border-box}.vnjp-bt [lang=ja]{font-family:var(--bt-ja-font)}.vnjp-bt a{color:var(--bt-brand);text-decoration:none}.vnjp-bt a:hover{text-decoration:underline}.vnjp-bt a:focus-visible,.vnjp-bt button:focus-visible,.vnjp-bt input:focus-visible,.vnjp-bt select:focus-visible,.vnjp-bt summary:focus-visible{outline:3px solid #e8a33d;outline-offset:2px}.vnjp-bt [hidden]{display:none!important}.vnjp-bt ul,.vnjp-bt ol{margin:0;padding:0}.vnjp-bt li{margin:0}.vnjp-bt .bt-h2{font-size:clamp(21px,2.3vw,26px);line-height:1.3;margin:0 0 14px;color:var(--bt-ink)}.vnjp-bt h3,.vnjp-bt h4{color:var(--bt-ink)}.vnjp-bt ruby{ruby-align:center}.vnjp-bt ruby rt{font-size:.55em;font-weight:400;letter-spacing:0}.vnjp-bt.bt-no-furigana rt,.vnjp-bt.bt-no-furigana rp{display:none}.vnjp-bt section{scroll-margin-top:90px}.bt-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bt-brand)}.bt-char-svg{display:inline-block;width:1em;height:1em;vertical-align:-.12em}.bt-char-svg svg{display:block;width:100%;height:100%;overflow:visible}.bt-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bt-muted);margin-right:4px}.bt-sub{color:var(--bt-muted);margin:-6px 0 14px;max-width:760px}.bt-glyph{display:block;width:100%;height:100%;overflow:visible}.bt-glyph path,.bt-kanji path{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.bt-kanji{display:block;width:100%;height:100%}.bt-kanji path.is-rad{stroke:var(--bt-rad)}.bt-kanji .bt-guide path{stroke:var(--bt-line);stroke-width:3.4}.bt-kanji text,.bt-glyph text{font:600 7px/1 system-ui,sans-serif;fill:var(--bt-muted);stroke:none}.bt-anim path.is-pending{opacity:0}.vnjp-bt button{font:inherit;line-height:1.2;text-transform:none;letter-spacing:normal}.bt-btn,.bt-btn:hover,.bt-btn:focus,.bt-btn:active{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-paper);color:var(--bt-ink);font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}.bt-btn:hover{background:var(--bt-soft)}.bt-btn:disabled{opacity:.55;cursor:default}.bt-btn--primary,.bt-btn--primary:focus,.bt-btn--primary:active{background:var(--bt-brand);border-color:var(--bt-brand);color:var(--bt-brand-ink)}.bt-btn--primary:hover{background:var(--bt-brand-strong);color:var(--bt-brand-ink)}.bt-btn--ok,.bt-btn--ok:hover,.bt-btn--ok:focus{background:var(--bt-ok);border-color:var(--bt-ok);color:#fff}.bt-chip,.bt-chip:hover,.bt-chip:focus,.bt-chip:active{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 14px;border:1px solid var(--bt-line);border-radius:999px;background:var(--bt-paper);color:var(--bt-ink);font-size:14px;font-weight:600;cursor:pointer}.bt-chip:hover{background:var(--bt-soft)}.bt-chip[aria-pressed=true],.bt-chip[aria-pressed=true]:hover,.bt-chip[aria-pressed=true]:focus{background:var(--bt-ink);border-color:var(--bt-ink);color:var(--bt-paper)}.bt-known[aria-pressed=true],.bt-known[aria-pressed=true]:hover,.bt-known[aria-pressed=true]:focus{background:var(--bt-ok);border-color:var(--bt-ok);color:#fff}.bt-mini,.bt-mini:hover,.bt-mini:focus,.bt-mini:active{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:4px 10px;border:1px solid var(--bt-line);border-radius:8px;background:var(--bt-paper);color:var(--bt-brand-strong);font-size:13px;font-weight:700;cursor:pointer}.bt-mini:hover{background:var(--bt-tint);border-color:var(--bt-brand)}.bt-icon,.bt-icon:hover,.bt-icon:focus,.bt-icon:active{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--bt-line);border-radius:50%;background:var(--bt-paper);color:var(--bt-ink);font-size:14px;line-height:1;cursor:pointer;vertical-align:middle}.bt-icon:hover{background:var(--bt-soft)}.bt-icon--sm,.bt-icon--sm:hover,.bt-icon--sm:focus{width:26px;height:26px;font-size:12px}.bt-icon.is-speaking{background:var(--bt-tint);border-color:var(--bt-brand)}.vnjp-bt progress{appearance:none;-webkit-appearance:none;width:100%;height:10px;border:0;border-radius:999px;background:var(--bt-line);overflow:hidden}.vnjp-bt progress::-webkit-progress-bar{background:var(--bt-line);border-radius:999px}.vnjp-bt progress::-webkit-progress-value{background:var(--bt-ok);border-radius:999px}.vnjp-bt progress::-moz-progress-bar{background:var(--bt-ok);border-radius:999px}.bt-sync-note{font-size:13px;color:var(--bt-muted)}.bt-head{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:26px;align-items:center;padding:24px 26px;border:1px solid var(--bt-line);border-radius:18px;background:linear-gradient(125deg,#e7f4f0 0%,#f8efe6 100%)}.bt-lead{font-size:17px;color:var(--bt-muted);max-width:680px;margin:6px 0 0}.bt-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px!important}.bt-facts li{padding:4px 12px;border-radius:999px;background:var(--bt-paper);border:1px solid var(--bt-line);font-size:14px;color:var(--bt-muted)}.bt-facts b{color:var(--bt-ink)}.bt-head__art{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bt-head__art span{aspect-ratio:1;display:grid;place-items:center;padding:12px;border-radius:12px;background:var(--bt-paper);border:1px solid var(--bt-line);color:var(--bt-ink);box-shadow:0 6px 16px rgb(15 106 92 / .07)}.bt-head__art span:nth-child(odd){color:var(--bt-brand)}.bt-head__art span:nth-child(5){color:var(--bt-rad)}.bt-toc{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.bt-toc a{display:inline-flex;padding:5px 13px;border-radius:999px;background:var(--bt-tint);color:var(--bt-brand-strong)!important;font-size:14px;font-weight:600}.bt-toc a:hover{text-decoration:none;background:#d6ece6}.bt-legacy{margin-top:24px}.bt-intro{margin:30px 0}.bt-intro__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.bt-intro__card{display:grid;gap:10px;align-content:start;padding:18px;border:1px solid var(--bt-line);border-radius:var(--bt-radius);background:var(--bt-paper);font-size:15px;color:var(--bt-muted)}.bt-intro__card strong{color:var(--bt-ink)}.bt-big{font-size:34px;font-weight:800;line-height:1.1;color:var(--bt-brand)}.bt-demo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bt-demo__part{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:var(--bt-soft);font-size:36px;line-height:1;color:var(--bt-ink)}.bt-demo__part--rad{color:var(--bt-rad);background:var(--bt-rad-soft)}.bt-demo__op{font-size:22px;font-weight:700;color:var(--bt-muted)}.bt-demo__kanji{display:grid;place-items:center;width:78px;height:78px;border-radius:14px;border:2px solid var(--bt-line);background:var(--bt-paper);font-size:52px;line-height:1;color:var(--bt-ink)}.bt-demo__kanji .bt-kanji,.bt-pos__kanji .bt-kanji{width:100%;height:100%}.bt-map{margin:30px 0}.bt-map__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-bottom:12px}.bt-map__head .bt-h2{margin:0}.bt-progress{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;flex:0 1 420px}.bt-progress__label{font-size:14px;font-weight:600}.bt-progress progress{flex:1 1 140px}.bt-progress .bt-sync-note{flex-basis:100%}.bt-map__row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--bt-line)}.bt-map__row:first-of-type{border-top:0}.bt-map__stage{font-size:13px;font-weight:700;color:var(--bt-muted)!important;text-transform:uppercase;letter-spacing:.05em}.bt-map__list{list-style:none;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.bt-tile{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 4px 6px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-paper);color:var(--bt-ink)!important;transition:border-color .15s,transform .15s,box-shadow .15s}.bt-tile:hover{text-decoration:none!important;border-color:var(--bt-brand);transform:translateY(-1px);box-shadow:0 6px 14px rgb(15 106 92 / .12)}.bt-tile .bt-glyph{width:38px;height:38px}.bt-tile__name{font-size:12px;line-height:1.25;color:var(--bt-muted);text-align:center;overflow-wrap:anywhere}.bt-tile.is-known{border-color:#9fd5b6;background:var(--bt-ok-soft)}.bt-tile.is-known::after{content:"✓";position:absolute;top:2px;right:5px;font-size:11px;font-weight:800;color:var(--bt-ok)}.bt-positions{margin:34px 0}.bt-pos{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.bt-pos__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:14px;border:1px solid var(--bt-line);border-radius:var(--bt-radius);background:var(--bt-paper)}.bt-pos__fig{display:grid;gap:6px;justify-items:center}.bt-pos__box{position:relative;display:block;width:46px;height:46px;border:2px solid var(--bt-line);border-radius:6px;background:var(--bt-soft)}.bt-pos__box i{position:absolute;background:var(--bt-rad);opacity:.82;border-radius:2px}.bt-pos__box--hen i{left:3px;top:3px;bottom:3px;width:38%}.bt-pos__box--tsukuri i{right:3px;top:3px;bottom:3px;width:38%}.bt-pos__box--kanmuri i{left:3px;right:3px;top:3px;height:34%}.bt-pos__box--ashi i{left:3px;right:3px;bottom:3px;height:34%}.bt-pos__box--tare i{left:3px;top:3px;right:3px;height:24%;box-shadow:0 0 0 0 #fff0}.bt-pos__box--tare::after{content:"";position:absolute;left:3px;top:3px;bottom:3px;width:24%;background:var(--bt-rad);opacity:.82;border-radius:2px}.bt-pos__box--nyou i{left:3px;right:3px;bottom:3px;height:24%}.bt-pos__box--nyou::after{content:"";position:absolute;left:3px;top:3px;bottom:3px;width:24%;background:var(--bt-rad);opacity:.82;border-radius:2px}.bt-pos__box--kamae i{inset:3px;background:#fff0;border:7px solid var(--bt-rad);border-bottom-width:0;opacity:.82}.bt-pos__kanji{display:grid;place-items:center;width:58px;height:58px;font-size:40px;line-height:1;color:var(--bt-ink)}.vnjp-bt .bt-pos__title{font-size:16px;margin:0 0 2px;line-height:1.35}.bt-pos__title span{color:var(--bt-rad)}.bt-pos__title small{font-weight:400;color:var(--bt-muted)}.bt-pos__where{font-size:14px;color:var(--bt-muted)}.bt-pos__list{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.bt-pos__list .bt-char-svg{width:20px;height:20px}.bt-pos__list a{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 4px;border-radius:8px;background:var(--bt-soft);color:var(--bt-ink)!important;font-size:19px}.bt-pos__list a:hover{background:var(--bt-tint);text-decoration:none}.bt-study{margin:34px 0}.bt-modes{display:flex;gap:6px;padding:5px;margin:0 0 14px;border-radius:14px;background:var(--bt-soft);border:1px solid var(--bt-line);width:max-content;max-width:100%;overflow-x:auto}.vnjp-bt .bt-modes button,.vnjp-bt .bt-modes button:hover,.vnjp-bt .bt-modes button:focus{min-height:42px;padding:8px 16px;border:0;border-radius:10px;background:#fff0;color:var(--bt-muted);font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.vnjp-bt .bt-modes button[aria-selected=true]{background:var(--bt-paper);color:var(--bt-ink);box-shadow:0 2px 8px rgb(29 43 58 / .12)}.bt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0 10px;margin-bottom:4px}.bt-filter{flex:1 1 280px}.bt-filter input,.bt-select select,.bt-select-input{width:100%;min-height:40px;padding:8px 14px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-paper);color:var(--bt-ink);font:inherit;font-size:15px}.bt-select{flex:0 0 auto}.bt-select select{width:auto;padding-right:30px}.bt-filter__empty{font-size:14px;color:var(--bt-bad)}.bt-stage{margin-top:22px}.bt-stage.is-filtered{display:none}.bt-stage__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:end;padding:0 0 10px;margin-bottom:12px;border-bottom:2px solid var(--bt-tint)}.vnjp-bt .bt-stage__title{grid-column:1;font-size:20px;line-height:1.35;margin:0}.bt-stage__title span{display:inline-block;margin-right:6px;padding:2px 10px;border-radius:999px;background:var(--bt-brand);color:var(--bt-brand-ink);font-size:13px;vertical-align:3px}.bt-stage__sum{grid-column:1;font-size:14px;color:var(--bt-muted)}.bt-stage__actions{grid-column:2;grid-row:1/span 2;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.bt-stage__state{font-size:13px;font-weight:700;color:var(--bt-ok)}.bt-rad{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;padding:18px;margin-bottom:12px;border:1px solid var(--bt-line);border-radius:14px;background:var(--bt-paper);scroll-margin-top:130px;transition:border-color .2s,box-shadow .2s}.bt-rad.is-filtered{display:none}.bt-rad:target,.bt-rad.is-flash{border-color:var(--bt-brand);box-shadow:0 0 0 3px rgb(15 106 92 / .18)}.bt-rad.is-known{border-color:#9fd5b6}.bt-rad__side{position:relative;display:grid;gap:8px;align-content:start;justify-items:center}.bt-rad__num{position:absolute;top:-6px;left:-6px;z-index:1;display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--bt-ink);color:var(--bt-paper);font-size:13px;font-weight:700}.bt-rad.is-known .bt-rad__num{background:var(--bt-ok)}.bt-rad__glyph{width:118px;height:118px;padding:14px;border-radius:14px;background:var(--bt-soft);color:var(--bt-ink);background-image:linear-gradient(var(--bt-line) 1px,transparent 1px),linear-gradient(90deg,var(--bt-line) 1px,transparent 1px);background-size:50% 50%;background-position:-1px -1px;border:1px solid var(--bt-line)}.bt-rad__body{min-width:0}.vnjp-bt .bt-rad__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:21px;line-height:1.3;margin:0 0 6px}.bt-rad__char{font-size:26px;color:var(--bt-rad)}.bt-rad__title small{font-size:15px;font-weight:500;color:var(--bt-muted)}.bt-rad__meta{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px!important}.bt-rad__meta li{padding:2px 10px;border-radius:999px;background:var(--bt-soft);font-size:13px;color:var(--bt-muted)}.bt-rad__jp{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:2px}.bt-rad__jp [lang=ja]{font-size:18px;font-weight:700;color:var(--bt-brand-strong)}.bt-rad__romaji{font-size:14px;color:var(--bt-muted)}.bt-rad__mean{font-size:17px;font-weight:600;margin-bottom:4px}.bt-rad__idea{color:var(--bt-ink);margin-bottom:8px}.bt-note{padding:8px 12px;border-radius:10px;font-size:15px;margin:8px 0}.bt-note--tip{background:var(--bt-tint)}.bt-note--warn{background:var(--bt-warn-soft);border:1px solid var(--bt-warn-line)}.bt-ex-head{margin:12px 0 6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bt-muted)}.bt-ex{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bt-ex__item{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-paper)}.vnjp-bt .bt-ex__k,.vnjp-bt .bt-ex__k:hover,.vnjp-bt .bt-ex__k:focus,.vnjp-bt .bt-ex__k:active{display:grid;place-items:center;width:60px;height:60px;padding:4px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-soft);color:var(--bt-ink);font-size:38px;line-height:1;cursor:pointer}.vnjp-bt .bt-ex__k:hover{border-color:var(--bt-rad);background:var(--bt-rad-soft)}.bt-ex__info{display:grid;gap:1px;min-width:0}.bt-ex__hv{font-weight:800;letter-spacing:.03em;color:var(--bt-ink)}.bt-ex__vi{color:var(--bt-muted);font-size:14px}.bt-ex__info>.bt-ex__vi{display:inline}.bt-ex__word{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:14px;color:var(--bt-muted)}.bt-ex__word [lang=ja]{font-size:17px;color:var(--bt-ink)}.bt-also{margin:10px 0 0;font-size:14px;color:var(--bt-muted)}.bt-also__item{display:inline-block;margin:2px 10px 2px 0;color:var(--bt-ink)}.bt-also__item [lang=ja]{font-size:18px}.bt-also__item small{color:var(--bt-muted)}.bt-rad__tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bt-rad__side .bt-mini,.bt-rad__side .bt-mini:hover,.bt-rad__side .bt-mini:focus{white-space:nowrap}.bt-deck__opts .bt-select-input{width:auto;max-width:100%}.bt-pairs{margin:34px 0}.bt-pairs__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.bt-pair{display:grid;gap:8px;padding:14px;border:1px solid var(--bt-line);border-radius:var(--bt-radius);background:var(--bt-paper)}.bt-pair__glyphs{display:flex;align-items:center;gap:10px}.bt-pair__glyphs a{display:grid;justify-items:center;gap:2px;color:var(--bt-ink)!important;font-size:13px;font-weight:600}.bt-pair__glyphs a:hover{text-decoration:none;color:var(--bt-brand)!important}.bt-pair__glyphs .bt-glyph{width:52px;height:52px;padding:6px;border-radius:10px;background:var(--bt-soft)}.bt-pair__vs{font-size:22px;font-weight:700;color:var(--bt-rad)}.bt-pair__text{font-size:15px;color:var(--bt-muted)}.bt-method{margin:34px 0}.bt-steps{list-style:none;counter-reset:bt-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bt-steps li{counter-increment:bt-step;padding:16px;border-radius:var(--bt-radius);background:var(--bt-soft)}.bt-steps li::before{content:counter(bt-step);display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:8px;border-radius:50%;background:var(--bt-brand);color:var(--bt-brand-ink);font-weight:700;font-size:14px}.bt-steps strong{display:block;margin-bottom:4px}.bt-steps span{display:block;font-size:14px;color:var(--bt-muted);line-height:1.55}.bt-faq{margin:34px 0}.bt-faq details{border:1px solid var(--bt-line);border-radius:var(--bt-radius);background:var(--bt-paper);margin-bottom:10px}.bt-faq summary{padding:14px 18px;font-weight:700;cursor:pointer}.bt-faq details>div{padding:0 18px 14px;color:var(--bt-muted)}.bt-related{margin:34px 0 0}.bt-links{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bt-links a{display:grid;gap:4px;height:100%;padding:16px;border:1px solid var(--bt-line);border-radius:var(--bt-radius);background:var(--bt-paper);color:var(--bt-ink)!important}.bt-links a:hover{border-color:var(--bt-brand);text-decoration:none}.bt-links span{font-size:14px;color:var(--bt-muted)}.bt-credit{margin-top:22px;font-size:13px;color:var(--bt-muted)}.bt-dialog{width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:0;border-radius:18px;background:var(--bt-paper);color:var(--bt-ink);box-shadow:0 24px 60px rgb(15 25 35 / .35)}.bt-dialog [hidden]{display:none!important}.bt-dialog::backdrop{background:rgb(15 25 35 / .55)}.bt-dialog__inner{display:grid;gap:12px;padding:18px}.bt-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bt-dialog__title{font-size:19px;font-weight:700;line-height:1.35}.bt-dialog__title small{display:block;font-size:14px;font-weight:400;color:var(--bt-muted)}.bt-dialog .bt-icon,.bt-dialog .bt-icon:hover,.bt-dialog .bt-icon:focus{width:36px;height:36px;font-size:18px}.bt-dialog__stage{position:relative;width:min(300px,100%);aspect-ratio:1;margin:0 auto;border:1px solid var(--bt-line);border-radius:14px;background:var(--bt-soft);background-image:linear-gradient(90deg,transparent calc(50% - .5px),var(--bt-line) calc(50% - .5px),var(--bt-line) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),var(--bt-line) calc(50% - .5px),var(--bt-line) calc(50% + .5px),transparent calc(50% + .5px));color:var(--bt-ink)}.bt-dialog__stage svg{position:absolute;inset:8%;width:84%;height:84%}.bt-dialog__legend{font-size:14px;color:var(--bt-muted);text-align:center}.bt-dialog__legend b{color:var(--bt-rad)}.bt-dialog__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.bt-dialog .bt-btn,.bt-dialog .bt-btn:hover,.bt-dialog .bt-btn:focus{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 16px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-paper);color:var(--bt-ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.bt-dialog .bt-btn--primary,.bt-dialog .bt-btn--primary:hover,.bt-dialog .bt-btn--primary:focus{background:var(--bt-brand);border-color:var(--bt-brand);color:#fff}.kt{display:grid;gap:10px}.kt-stage{position:relative;width:min(300px,100%);aspect-ratio:1;margin:0 auto;border:1px solid var(--bt-line);border-radius:14px;background:var(--bt-soft);background-image:linear-gradient(90deg,transparent calc(50% - .5px),var(--bt-line) calc(50% - .5px),var(--bt-line) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),var(--bt-line) calc(50% - .5px),var(--bt-line) calc(50% + .5px),transparent calc(50% + .5px));color:var(--bt-ink);touch-action:none;transition:border-color .2s}.kt-svg{position:absolute;inset:8%;width:84%;height:84%;overflow:visible;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.kt-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.4}.kt-ghost path{stroke:var(--bt-line)}.kt[data-level="2"] .kt-ghost,.kt[data-level="3"] .kt-ghost{visibility:hidden}.kt-done path{stroke:var(--bt-ink)}.kt-done path.is-rad,.kt-done path.is-focus{stroke:var(--bt-rad)}.kt-hint path{stroke:#e8a33d;stroke-width:4}.kt-svg .kt-ink{stroke:#2563eb;stroke-width:3.8}.kt-dot{fill:#e8a33d;opacity:.85}.kt-nums text{font:700 7px/1 system-ui,-apple-system,"Segoe UI",sans-serif;fill:var(--bt-muted)}.kt-status{min-height:44px;text-align:center;font-size:15px;line-height:1.45}.kt-status.is-bad{color:var(--bt-bad)}.kt-status.is-ok{color:var(--bt-ok);font-weight:700}.kt-levels,.kt-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px}.kt-levels .bt-chip,.kt-levels .bt-chip:hover,.kt-levels .bt-chip:focus{min-height:34px;padding:4px 12px;font-size:13px}.kt.is-done .kt-stage{border-color:var(--bt-ok);box-shadow:0 0 0 3px rgb(29 122 79 / .15)}.kt.is-shake .kt-stage{animation:kt-shake .32s}@keyframes kt-shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.bt-dialog .kt-actions .bt-btn,.bt-dialog .kt-actions .bt-btn:hover,.bt-dialog .kt-actions .bt-btn:focus{min-height:40px;padding:6px 14px;font-size:14px}.bt-deck{max-width:640px;margin:0 auto}.bt-deck__bar,.bt-quiz__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.bt-deck__count{font-weight:700}.bt-deck__opts{display:flex;flex-wrap:wrap;gap:8px}.vnjp-bt .bt-flash,.vnjp-bt .bt-flash:focus,.vnjp-bt .bt-flash:active,.vnjp-bt .bt-flash:hover{position:relative;display:grid;place-items:center;width:100%;min-height:300px;padding:36px 22px 40px;border:1px solid var(--bt-line);border-radius:18px;background:var(--bt-paper);box-shadow:0 10px 30px rgb(29 43 58 / .08);color:var(--bt-ink);text-align:center;cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease}.vnjp-bt .bt-flash:hover{border-color:var(--bt-brand);box-shadow:0 16px 36px rgb(15 106 92 / .16)}.vnjp-bt .bt-flash.is-flipped,.vnjp-bt .bt-flash.is-flipped:hover,.vnjp-bt .bt-flash.is-flipped:focus{background:var(--bt-tint);color:var(--bt-ink)}.bt-flash__side{position:absolute;top:12px;left:16px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bt-muted)}.bt-flash__face{display:grid;gap:6px;justify-items:center;animation:bt-flip .26s ease}@keyframes bt-flip{from{opacity:0;transform:perspective(600px) rotateX(-28deg)}to{opacity:1;transform:none}}.bt-flash__glyph{width:150px;height:150px}.bt-flash__hint{position:absolute;left:0;right:0;bottom:12px;font-size:13px;color:var(--bt-muted)}.bt-flash__name{font-size:26px;font-weight:800}.bt-flash__name [lang=ja]{color:var(--bt-rad)}.bt-flash__jp{font-size:17px;color:var(--bt-brand-strong)}.bt-flash__mean{font-size:18px;font-weight:600}.bt-flash__ex{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:14px;color:var(--bt-muted)}.bt-flash__ex [lang=ja]{font-size:22px;color:var(--bt-ink)}.bt-deck__actions{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:10px;margin-top:14px}.bt-done{padding:24px;border:1px solid #bfe1cd;border-radius:16px;background:var(--bt-ok-soft);text-align:center}.bt-done strong{display:block;font-size:22px;margin-bottom:6px}.bt-done .bt-actions{justify-content:center;margin-top:14px}.bt-actions{display:flex;flex-wrap:wrap;gap:10px}.bt-keys{font-size:13px;color:var(--bt-muted);text-align:center;margin-top:10px}.bt-quiz{max-width:680px;margin:0 auto}.bt-quiz__intro{display:grid;gap:12px;padding:22px;border:1px solid var(--bt-line);border-radius:16px;background:var(--bt-paper)}.bt-quiz__scopes{display:flex;flex-wrap:wrap;gap:8px}.bt-quiz__best{font-size:14px;color:var(--bt-muted)}.bt-quiz__q{padding:22px;border:1px solid var(--bt-line);border-radius:16px;background:var(--bt-paper);text-align:center}.bt-quiz__q:focus{outline:none}.bt-quiz__label{font-size:13px;color:var(--bt-muted);margin-bottom:6px}.bt-quiz__prompt{display:grid;justify-items:center;gap:6px;margin-bottom:16px}.bt-quiz__glyph{width:120px;height:120px;padding:10px;border-radius:14px;background:var(--bt-soft)}.bt-quiz__kanji{font-size:72px;line-height:1.1}.bt-quiz__text{font-size:21px;font-weight:700}.bt-quiz__options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vnjp-bt .bt-opt,.vnjp-bt .bt-opt:hover,.vnjp-bt .bt-opt:focus,.vnjp-bt .bt-opt:active{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:10px 14px;border:2px solid var(--bt-line);border-radius:12px;background:var(--bt-paper);color:var(--bt-ink);font-size:17px;font-weight:600;cursor:pointer;text-align:center}.vnjp-bt .bt-opt:hover{border-color:var(--bt-brand)}.vnjp-bt .bt-opt .bt-glyph{width:44px;height:44px}.vnjp-bt .bt-opt.is-right,.vnjp-bt .bt-opt.is-right:hover{border-color:var(--bt-ok);background:var(--bt-ok-soft);color:var(--bt-ink)}.vnjp-bt .bt-opt.is-wrong,.vnjp-bt .bt-opt.is-wrong:hover{border-color:var(--bt-bad);background:var(--bt-bad-soft);color:var(--bt-ink)}.vnjp-bt .bt-opt:disabled{cursor:default;opacity:1}.bt-quiz__feedback{min-height:24px;margin-top:12px;font-weight:600}.bt-quiz__feedback.is-right{color:var(--bt-ok)}.bt-quiz__feedback.is-wrong{color:var(--bt-bad)}.bt-quiz__next{display:flex;justify-content:center;margin-top:12px}.bt-result{display:grid;gap:12px;padding:22px;border:1px solid var(--bt-line);border-radius:16px;background:var(--bt-paper)}.bt-result__score{font-size:40px;font-weight:800;line-height:1.1;color:var(--bt-brand)}.bt-result__list{list-style:none;display:grid;gap:6px}.bt-result__list li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:8px 12px;border-radius:10px;background:var(--bt-bad-soft);font-size:15px}.bt-result__list a{font-weight:700}@media (max-width:900px){.bt-intro__grid{grid-template-columns:1fr 1fr}.bt-intro__card--demo{grid-column:1/-1}.bt-map__list{grid-template-columns:repeat(5,minmax(0,1fr))}.bt-steps,.bt-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.vnjp-bt{font-size:15px}.bt-head{grid-template-columns:1fr;padding:18px}.bt-head__art{display:none}.bt-intro__grid{grid-template-columns:1fr}.bt-map__row{grid-template-columns:1fr;gap:6px}.bt-tile .bt-glyph{width:32px;height:32px}.bt-tile__name{font-size:11px}.bt-rad{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:14px 12px}.bt-rad__glyph{width:78px;height:78px;padding:9px}.vnjp-bt .bt-rad__title{font-size:19px}.bt-rad__char{font-size:22px}.bt-rad__side .bt-mini,.bt-rad__side .bt-mini:hover,.bt-rad__side .bt-mini:focus{padding:4px 6px;font-size:12px}.bt-ex-head,.bt-ex,.bt-also,.bt-rad__body>.bt-note,.bt-rad__tools{grid-column:1/-1}.bt-ex{grid-template-columns:1fr}.bt-stage__head{grid-template-columns:1fr}.bt-stage__actions{grid-column:1;grid-row:auto;justify-content:flex-start}.bt-steps,.bt-links{grid-template-columns:1fr}.bt-modes{width:100%}.vnjp-bt .bt-modes button{flex:1;padding:8px 10px;font-size:14px}.bt-toolbar{gap:6px}.bt-chip,.bt-chip:hover,.bt-chip:focus{min-height:36px;padding:5px 11px;font-size:13px}.bt-quiz__options{grid-template-columns:1fr}.bt-deck__actions{grid-template-columns:1fr 1fr}.bt-deck__actions .bt-deck__nav{display:none}}@media (prefers-reduced-motion:reduce){.vnjp-bt *{transition:none!important;animation:none!important}}.vnjp-dark .vnjp-bt,.vnjp-dark .bt-dialog,[data-theme=dark] .vnjp-bt,[data-theme=dark] .bt-dialog{--bt-ink:#e8eef5;--bt-muted:#a9b7c7;--bt-line:#34465a;--bt-paper:#1b2735;--bt-soft:#233244;--bt-tint:#1c3a36;--bt-brand:#6fd1bd;--bt-brand-strong:#9be3d4;--bt-brand-ink:#0d1b28;--bt-rad:#ff8a7a;--bt-rad-soft:#3d2422;--bt-ok:#5fcf98;--bt-ok-soft:#183a2b;--bt-bad:#ff8f86;--bt-bad-soft:#3a1f1d;--bt-warn-soft:#3a2f1a;--bt-warn-line:#7a5a22;--bt-page-bg:#0f1419}.vnjp-dark .bt-head,[data-theme=dark] .bt-head{background:linear-gradient(125deg,#17322f,#2c2622)}.vnjp-dark .bt-toc a:hover,[data-theme=dark] .bt-toc a:hover{background:#24504a}.vnjp-dark .bt-tile.is-known,.vnjp-dark .bt-rad.is-known,.vnjp-dark .bt-done,[data-theme=dark] .bt-tile.is-known,[data-theme=dark] .bt-rad.is-known,[data-theme=dark] .bt-done{border-color:#2f6b4c}