:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.45}html,body,#root{height:100%;margin:0}#root{min-height:100vh}:root{--bg:#0e0f13;--panel:#16181f;--panel-2:#1d2029;--line:#2a2e3a;--text:#e8eaf0;--muted:#9aa0ad;--accent:#e0314b;--accent-text:#f0566b}*{box-sizing:border-box}.app{height:100vh;color:var(--text);background:var(--bg);grid-template-columns:320px 1fr;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);padding:0 0 2rem;overflow-y:auto}.brand{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.6rem;padding:1.25rem 1.25rem 1rem;display:flex;position:sticky;top:0}.quiz-btn{aspect-ratio:1;border:1px solid var(--line);background:var(--panel-2);width:4.75rem;color:var(--muted);cursor:pointer;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;padding:.2rem .5rem;transition:color .15s,border-color .15s,background .15s,transform .15s;display:inline-flex}.quiz-btn-kanji{font-size:2rem;line-height:1.45}.quiz-btn-label{text-transform:uppercase;letter-spacing:.12em;margin-top:.15rem;font-size:.8rem;line-height:1.45}.quiz-btn:hover{color:#f0976a;background:#f0976a1f;border-color:#f0976a;transform:translateY(-1px)}.menu-toggle{display:none}.brand h1{letter-spacing:.1em;margin:0;font-size:2rem}.brand p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:.15rem 0 0;font-size:.8rem}.filters{border-bottom:1px solid var(--line);padding:.75rem 1rem}.grade-select{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:.5rem .65rem;font-size:.85rem}.grade-select:hover{border-color:var(--muted)}.search-input{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);font:inherit;border-radius:8px;margin-top:.5rem;padding:.5rem .65rem;font-size:.85rem}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent);outline:none}.no-results{color:var(--muted);margin:0;padding:1.25rem;font-size:.85rem}.class-group{border-top:1px solid var(--line);padding:.25rem 0 .5rem}.class-group:first-of-type{border-top:none}.class-title{letter-spacing:.02em;color:var(--text);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;padding:.9rem 1.25rem .25rem;font-size:.95rem;font-weight:700;display:flex}.class-en{color:var(--muted);font-size:.72rem;font-weight:400}.group{padding:.5rem 0}.group-title{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-text);margin:0;padding:.75rem 1.25rem .35rem;font-size:.72rem}.group-title .count{color:var(--muted);margin-left:.35rem}.group-en{color:var(--muted);opacity:.8;margin:-.1rem 0 0;padding:0 1.25rem .35rem;font-size:.72rem}.group ul{margin:0;padding:0;list-style:none}.item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;align-items:baseline;gap:.6rem;padding:.5rem 1.25rem;display:flex}.item .dot{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.item .romaji{flex:auto}.item:hover{background:var(--panel-2)}.item.active{background:var(--panel-2);border-left-color:var(--accent)}.item .romaji{font-size:.9rem}.item .kanji{color:var(--muted);font-size:.85rem}.stage{padding:clamp(1rem,3vw,2.5rem);overflow-y:auto}.player{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;max-width:960px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player-poster{cursor:pointer;background:#000;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.player-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.player-poster-play{color:#fff;background:#0e0f13bf;border-radius:14px;place-items:center;width:4.5rem;height:3.2rem;transition:background .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-poster:hover .player-poster-play,.player-poster:focus-visible .player-poster-play{background:var(--accent)}.details{max-width:960px;margin:1.5rem auto 0}.headline{align-items:center;gap:1.25rem;display:flex}.kanji-big{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.romaji-big{margin:0;font-size:1.4rem}.taxonomy{color:var(--muted);letter-spacing:.04em;margin:.25rem 0 0;font-size:.85rem}.taxonomy .tax-item{white-space:nowrap}.taxonomy-en{color:var(--muted);opacity:.85;margin:.1rem 0 0;font-size:.8rem;font-style:italic}.decomp{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:start;align-items:baseline;gap:.4rem 1.6rem;margin-top:1.4rem;padding:1rem 1.1rem;display:grid}.decomp .lang{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;padding-right:.4rem;font-size:.65rem;font-weight:700}.decomp .seg{font-size:1.05rem;line-height:1.25}.external{color:var(--muted);margin-top:1.25rem;font-size:.85rem;text-decoration:none;display:inline-block}.external:hover{color:var(--text)}.credits{border-top:1px solid var(--line);max-width:960px;color:var(--muted);opacity:.75;margin:2.5rem auto 0;padding-top:1rem;font-size:.68rem;line-height:1.5}@media (width<=720px){.app{height:auto;min-height:100svh;display:block}.sidebar{border-right:none;border-bottom:1px solid var(--line);padding-bottom:0;overflow:visible}.brand{align-items:center;gap:.6rem;height:46px;padding:0 1rem;display:flex;position:static}.brand-title{align-items:center;gap:.6rem;margin-right:auto;display:flex}.brand h1{font-size:1.4rem}.brand p{margin:0;font-size:.7rem}.quiz-btn{aspect-ratio:auto;flex-direction:row;gap:.3rem;width:auto;height:34px;padding:0 .5rem}.quiz-btn-kanji{font-size:1.4rem;line-height:1}.quiz-btn-label{margin-top:0;font-size:.65rem}.menu-toggle{border:1px solid var(--line);background:var(--panel-2);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu{max-height:0;transition:max-height .25s;overflow:hidden}.menu-open .menu{max-height:calc(100svh - 180px);padding-bottom:1rem;overflow-y:auto}.filters{z-index:1;background:var(--panel);padding:.65rem 1rem;position:sticky;top:0}.grade-select,.search-input{font-size:1rem}.item{align-items:center;min-height:44px;padding:.6rem 1.25rem;scroll-margin-top:116px}.stage{padding:.85rem 1rem 1rem}.details{margin-top:.75rem}.headline{flex-direction:column;align-items:flex-start;gap:.4rem}.kanji-big{line-height:1.1}.romaji-big{font-size:1.2rem}.taxonomy{margin-top:.3rem}.taxonomy-en{margin-top:.05rem}.decomp{gap:.3rem .55rem;margin-top:.85rem;padding:.8rem .9rem}.decomp .seg{font-size:.9rem}.credits{margin-top:1.5rem}}.quiz-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08090cb8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.quiz-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 60px #0000008c}.quiz-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.85rem 1.1rem;display:flex}.quiz-mark{color:#f0976a;letter-spacing:.1em;font-size:1.3rem}.quiz-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .45rem;font-size:1rem;line-height:1}.quiz-close:hover{color:var(--text);background:var(--panel-2)}.quiz-body{padding:1.3rem 1.1rem 1.4rem}.quiz-solved{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:8px;margin-bottom:1rem;padding:.45rem .7rem;font-size:.85rem}.quiz-solved b{color:#5cc28e}.quiz-q{margin:0 0 1rem;font-size:1.05rem;line-height:1.4}.quiz-term{color:#f0976a;font-weight:700}.quiz-kanji{color:var(--muted);font-weight:400}.quiz-options{gap:.5rem;display:grid}.quiz-opt{border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:.7rem .85rem;font-size:.95rem;transition:border-color .12s,background .12s}.quiz-opt:hover{border-color:var(--muted)}.quiz-opt.wrong{border-color:var(--accent);color:var(--muted);opacity:.5;cursor:not-allowed;text-decoration:line-through}.quiz-hint{color:var(--accent);margin:.85rem 0 0;font-size:.8rem}.quiz-correct{color:#5cc28e;align-items:center;gap:.45rem;margin:0 0 .85rem;font-size:.95rem;font-weight:600;display:flex}.quiz-correct b{background:#5cc28e26;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.9rem;animation:.28s ease-out quiz-pop;display:inline-flex}@keyframes quiz-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.quiz-done-kanji{margin:0 0 .1rem;font-size:1.9rem;line-height:1.1}.quiz-done-name{margin:0;font-size:1.35rem;font-weight:700}.quiz-done-en{color:var(--muted);margin:.2rem 0 1.1rem;font-style:italic}.quiz-decomp{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:baseline;gap:.4rem .9rem;margin-bottom:1.2rem;padding:.9rem 1rem;display:grid}.quiz-decomp .seg{text-align:center;font-size:1.05rem}.quiz-decomp .seg-kanji{font-size:1.3rem;line-height:1.1}.quiz-goto{color:#5aa9f0;margin:0 0 1.2rem;font-weight:600;text-decoration:none;display:block}.quiz-goto:hover{text-decoration:underline}.quiz-actions{gap:.6rem;display:flex}.quiz-next{color:#16181f;font:inherit;cursor:pointer;background:#f0976a;border:none;border-radius:10px;flex:1;padding:.7rem;font-weight:700}.quiz-next:hover{filter:brightness(1.07)}.quiz-ghost{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:.7rem 1rem}.quiz-ghost:hover{color:var(--text);border-color:var(--muted)}.speak{border:1px solid var(--line);background:var(--panel-2);width:1.9rem;height:1.9rem;color:var(--muted);vertical-align:middle;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin-left:.5em;padding:0;font-size:.85rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.speak:hover{color:#f0976a;background:#f0976a1f;border-color:#f0976a}.speak svg{display:block}@media (width<=720px){.speak{width:2rem;height:2rem;font-size:.9rem}}