@font-face{font-family:KleeOne;font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/klee-one-subset.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/outfit-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/outfit-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--paper: #F5F1E8;--ink: #1A1815;--ink-2: #48443E;--ink-3: #9A958F;--red: #C0382A;--red-pale: #F8EDEB;--white: #FFFEF9;--border: rgba(26,24,21,.1);--border-s: rgba(26,24,21,.06)}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:2px}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,sans-serif;background-color:var(--paper);color:var(--ink);line-height:1.6;background-image:linear-gradient(rgba(26,24,21,.033) 1px,transparent 1px),linear-gradient(90deg,rgba(26,24,21,.033) 1px,transparent 1px);background-size:28px 28px}.wm{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.wm span{position:absolute;font-family:Zen Old Mincho,serif;font-weight:900;color:var(--ink);opacity:.018;line-height:1;-webkit-user-select:none;user-select:none}.wm span:nth-child(1){font-size:340px;top:-80px;right:-50px;animation:drift 100s ease-in-out infinite alternate}.wm span:nth-child(2){font-size:240px;bottom:4%;left:-40px;animation:drift 80s ease-in-out infinite alternate-reverse}.wm span:nth-child(3){font-size:190px;top:42%;right:9%;animation:drift 90s ease-in-out infinite alternate}@keyframes drift{to{transform:rotate(3deg) translateY(22px)}}.wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 28px}header{padding:20px 0}.nav{display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:Zen Old Mincho,serif;font-size:17px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.nav-brand .jp{color:var(--red);margin-right:7px}.gh-btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--ink-2);text-decoration:none;border:1px solid var(--border);border-radius:99px;padding:7px 16px;background:var(--white);transition:border-color .2s,color .2s,box-shadow .2s}.gh-btn:hover{color:var(--ink);border-color:#1a181547;box-shadow:0 2px 8px #1a181514}.gh-btn svg{width:15px;height:15px}.hero{padding:52px 0 68px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:20px;display:flex;align-items:center;gap:12px}.eyebrow:after{content:"";width:36px;height:1px;background:var(--red);opacity:.5}.hero h1{font-family:Zen Old Mincho,serif;font-size:clamp(54px,9.5vw,104px);font-weight:900;line-height:1;letter-spacing:-.025em;color:var(--ink);margin-bottom:6px}.hero-sub{font-family:Zen Old Mincho,serif;font-size:clamp(15px,2.2vw,20px);font-weight:400;color:var(--ink-3);letter-spacing:.06em;margin-bottom:26px}.hero-desc{max-width:560px;font-size:17px;font-weight:300;color:var(--ink-2);line-height:1.75;margin-bottom:42px}.stats{display:flex;flex-wrap:wrap;gap:0}.stat{padding-right:28px;margin-right:28px;border-right:1px solid var(--border)}.stat:last-child{border:none;padding:0;margin:0}.stat-n{font-family:Zen Old Mincho,serif;font-size:34px;font-weight:700;line-height:1;color:var(--ink)}.stat-l{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:3px}.preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:60px}.pv-img{border-radius:3px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 18px #1a181514;aspect-ratio:4/3;background:var(--white)}.pv-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.pv-img:hover img{transform:scale(1.04)}.pv-cap{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-top:7px;text-align:center}.section{padding:52px 0;border-top:1px solid var(--border)}.sec-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:34px}.sec-glyph{font-family:Zen Old Mincho,serif;font-size:54px;font-weight:900;line-height:1;color:var(--red);opacity:.22;flex-shrink:0;transform:translateY(-3px)}.sec-title{font-family:Zen Old Mincho,serif;font-size:26px;font-weight:700;color:var(--ink);line-height:1.2}.sec-desc{font-size:14px;color:var(--ink-3);margin-top:4px;line-height:1.55}.dl-group{margin-bottom:26px}.dl-group:last-child{margin-bottom:0}.dl-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.dl-grid{display:grid;gap:8px}.dl-3{grid-template-columns:repeat(3,1fr)}.dl-2{grid-template-columns:repeat(2,1fr)}a.dli{display:flex;align-items:center;gap:13px;text-decoration:none;background:var(--white);border:1px solid var(--border);border-radius:3px;padding:13px 16px;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 1px 3px #1a18150a}a.dli:hover{border-color:var(--red);transform:translateY(-1px);box-shadow:0 5px 18px #1a181517}a.dli:hover .dli-arr{background:var(--red);color:var(--white);border-color:var(--red)}.dli-text{flex:1;min-width:0}.dli-name{font-size:14px;font-weight:500;color:var(--ink)}.dli-hint{font-size:11px;color:var(--ink-3);margin-top:1px}.dli-badge{font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:99px;background:var(--red-pale);color:var(--red);white-space:nowrap;flex-shrink:0}.dli-arr{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink-3);transition:background .2s,color .2s,border-color .2s}.dli-arr svg{width:13px;height:13px}.vocab-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vc{background:var(--white);border:1px solid var(--border);border-radius:3px;overflow:hidden;box-shadow:0 1px 3px #1a18150a}.vc-top{padding:14px 14px 10px;border-bottom:1px solid var(--border-s)}.vc-level{font-family:Zen Old Mincho,serif;font-size:30px;font-weight:700;line-height:1;color:var(--ink)}.vc-body{padding:10px;display:flex;flex-direction:column;gap:5px}a.vc-link{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:12px;font-weight:500;color:var(--ink-2);padding:6px 8px;border-radius:2px;border:1px solid transparent;transition:all .18s}a.vc-link:hover{color:var(--red);border-color:var(--red);background:var(--red-pale)}.flag{font-size:14px;line-height:1}.anki-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:10px}a.ak{display:block;text-decoration:none;background:var(--white);border:1px solid var(--border);border-radius:3px;overflow:hidden;box-shadow:0 1px 3px #1a18150a;transition:border-color .2s,transform .2s,box-shadow .2s}a.ak:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 7px 22px #1a18151a}.ak-top{background:var(--ink);padding:18px 14px 14px;text-align:center;transition:background .2s}a.ak:hover .ak-top{background:var(--red)}.ak-lvl{font-family:Zen Old Mincho,serif;font-size:28px;font-weight:700;color:#fff;line-height:1}.ak-body{padding:10px 12px}.ak-sub{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.ak-format{font-size:11px;font-weight:500;color:var(--ink-2);margin-top:1px}a.ak-all{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;background:var(--ink);border-radius:3px;padding:22px 28px;box-shadow:0 4px 18px #1a181524;transition:background .2s,transform .2s,box-shadow .2s}a.ak-all:hover{background:var(--red);transform:translateY(-2px);box-shadow:0 8px 26px #c0382a42}.ak-all-title{font-family:Zen Old Mincho,serif;font-size:20px;font-weight:700;color:#fff;line-height:1.2}.ak-all-sub{font-size:13px;color:#ffffffad;margin-top:3px}.ak-all-badge{flex-shrink:0;border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:7px 18px;font-size:13px;font-weight:500;color:#ffffffd9;white-space:nowrap}footer{border-top:1px solid var(--border);padding:48px 0 60px;margin-top:16px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:36px}.ft-title{font-family:Zen Old Mincho,serif;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:12px}.ft-p{font-size:13px;font-weight:300;color:var(--ink-2);line-height:1.7}.ft-ul{list-style:none;display:flex;flex-direction:column;gap:7px}.ft-ul li{font-size:13px;color:var(--ink-2);display:flex;align-items:baseline;gap:6px}.ft-ul li:before{content:"—";color:var(--ink-3);flex-shrink:0}.ft-ul a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(26,24,21,.12);transition:color .15s,border-color .15s}.ft-ul a:hover{color:var(--red);border-color:var(--red)}.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ft-disclaimer{font-size:12px;color:var(--ink-3);font-style:italic;flex-basis:100%;margin-bottom:4px}.ft-copy{font-size:12px;color:var(--ink-3)}.ft-copy a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(154,149,143,.35)}.ft-copy a:hover{color:var(--red)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.vocab-grid,.anki-row{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.preview{grid-template-columns:1fr 1fr}.preview .pv-wrap:last-child{display:none}.dl-3,.dl-2{grid-template-columns:1fr}.vocab-grid,.anki-row{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:28px}.stat{padding-right:20px;margin-right:20px}.ak-all{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:400px){.preview{grid-template-columns:1fr}.preview .pv-wrap:nth-child(n+2){display:none}}.vb-feature-inner{background:var(--ink);border-radius:4px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:48px;overflow:hidden}.vb-feature-content{max-width:520px}.vb-feature-title{font-family:Zen Old Mincho,serif;font-size:30px;font-weight:700;color:var(--white);line-height:1.15;margin-bottom:14px}.vb-feature-desc{font-size:14px;color:#fffef9b8;line-height:1.7;margin-bottom:28px}a.vb-cta{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);text-decoration:none;font-size:14px;font-weight:600;padding:12px 24px;border-radius:3px;transition:background .2s,transform .15s}a.vb-cta:hover{background:#a82f23;transform:translateY(-1px)}a.vb-cta svg{width:14px;height:14px;flex-shrink:0}.vb-feature-glyph{font-family:Zen Old Mincho,serif;font-size:160px;font-weight:900;color:var(--white);opacity:.06;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.builder-root{display:flex;flex-direction:column;height:100vh;background-color:var(--paper);background-image:linear-gradient(rgba(26,24,21,.033) 1px,transparent 1px),linear-gradient(90deg,rgba(26,24,21,.033) 1px,transparent 1px);background-size:28px 28px;font-family:Outfit,system-ui,sans-serif;color:var(--ink)}.builder-header{display:flex;align-items:center;padding:12px 20px;background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0}.builder-brand{font-family:Zen Old Mincho,serif;font-size:16px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.builder-brand .jp{color:var(--red);margin-right:7px}.builder-page{flex:1;display:flex;overflow:hidden}.search-panel{flex:0 0 65%;display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--border);overflow:hidden}.selection-panel{flex:0 0 35%;display:flex;flex-direction:column;padding:16px;overflow:hidden}.filter-row{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center}.level-btn{background:var(--white);border:1px solid var(--border);color:var(--ink-2);border-radius:4px;padding:5px 14px;font-size:13px;cursor:pointer;font-family:Outfit,system-ui,sans-serif;transition:border-color .15s,color .15s}.level-btn:hover{border-color:var(--red);color:var(--red)}.level-btn.active{background:var(--red);color:var(--white);border-color:var(--red)}.search-input-wrap{padding:10px 16px;border-bottom:1px solid var(--border)}.search-input{width:100%;background:var(--paper);border:1px solid var(--border);color:var(--ink);padding:8px 12px;border-radius:4px;font-size:14px;font-family:Outfit,system-ui,sans-serif}.search-input:focus-visible{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #c0382a26}.results-header{padding:8px 16px;font-size:11px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.results-list{flex:1;overflow-y:auto}.word-row{display:flex;align-items:center;gap:10px;padding:7px 16px;border-bottom:1px solid var(--border-s);font-size:13px;width:100%;text-align:left;font-family:inherit;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}.word-row:hover{background:var(--paper)}.word-row.selected{background:#c0382a0a}.word-primary{display:flex;flex-direction:column;min-width:80px}.word-kanji{font-family:KleeOne,serif;font-size:16px;color:var(--ink);line-height:1.2}.word-kana{font-family:KleeOne,serif;font-size:11px;color:var(--ink-3);line-height:1.3}.word-romaji{color:var(--ink-3);font-size:13px;min-width:60px}.word-meaning{flex:1;color:var(--ink-3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-jlpt-tag{font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--border);border-radius:3px;padding:1px 4px;flex-shrink:0;line-height:1.4}.word-sel-icon{border:1px solid var(--border);color:var(--ink-3);border-radius:4px;width:26px;height:26px;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,border-color .15s;pointer-events:none}.word-row:hover .word-sel-icon{border-color:var(--red);color:var(--red)}.word-row.selected .word-sel-icon{background:var(--red);color:var(--white);border-color:var(--red)}.selection-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;flex-shrink:0}.selection-header-actions{display:flex;align-items:center;gap:6px}.icon-btn{background:none;border:1px solid var(--border);color:var(--ink-3);border-radius:3px;width:28px;height:28px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.icon-btn:hover{border-color:var(--ink);color:var(--ink)}.quick-select-row{display:flex;gap:6px;margin-bottom:10px;flex-shrink:0}.quick-select-btn{flex:1;background:none;border:1px solid var(--border);color:var(--ink-3);border-radius:4px;padding:5px 0;font-size:11px;font-family:Outfit,system-ui,sans-serif;letter-spacing:.05em;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.quick-select-btn:hover{border-color:var(--red);color:var(--red)}.clear-btn{background:none;border:1px solid var(--border);color:var(--ink-3);border-radius:3px;padding:3px 8px;font-size:11px;cursor:pointer;font-family:Outfit,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;transition:border-color .15s,color .15s}.clear-btn:hover{border-color:var(--red);color:var(--red)}.selected-list{flex:1;overflow-y:auto;margin-bottom:12px;display:flex;flex-direction:column}.sel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-3);text-align:center;padding:24px 16px;-webkit-user-select:none;user-select:none}.sel-empty-icon{font-family:KleeOne,serif;font-size:38px;opacity:.18;line-height:1}.sel-empty p{font-size:12px;line-height:1.6;max-width:150px}.selected-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-s);font-size:13px}.selected-word-label{display:flex;flex-direction:column;gap:2px}.sel-main{display:flex;gap:8px;align-items:baseline}.sel-sub{display:flex;gap:6px;align-items:center}.sel-primary{font-family:KleeOne,serif;color:var(--ink);font-size:15px}.sel-reading{color:var(--ink-3);font-size:12px}.sel-romaji{color:var(--ink-3);font-size:11px}.sel-jlpt{font-size:11px;color:var(--ink-3);background:#1a181517;border-radius:3px;padding:0 4px;line-height:1.6}.remove-btn{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;transition:color .15s}.remove-btn:hover{color:var(--red)}.lang-toggle{display:flex;gap:4px;margin-bottom:10px;flex-shrink:0}.lang-btn{background:var(--white);border:1px solid var(--border);color:var(--ink-2);border-radius:4px;padding:4px 14px;font-size:12px;cursor:pointer;font-family:Outfit,system-ui,sans-serif;transition:background .15s,color .15s,border-color .15s}.lang-btn.active{background:var(--red);color:var(--white);border-color:var(--red)}.generate-btn{width:100%;background:var(--ink);color:var(--white);border:none;border-radius:4px;padding:10px;font-size:14px;cursor:pointer;font-family:Outfit,system-ui,sans-serif;flex-shrink:0;transition:background .15s}.generate-btn:hover:not(:disabled){background:var(--ink-2)}.generate-btn:disabled{opacity:.35;cursor:default}.generate-btn--secondary{margin-top:8px;background:transparent;color:var(--ink);border:1.5px solid var(--border)}.builder-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:14px}@media(max-width:900px){.vb-feature-inner{padding:36px 32px}.vb-feature-glyph{font-size:110px}}@media(max-width:640px){.vb-feature-inner{padding:32px 24px}.vb-feature-glyph{display:none}.builder-page{flex-direction:column;overflow:auto}.search-panel{flex:none;border-right:none;border-bottom:1px solid var(--border);height:60vh}.selection-panel{flex:none;height:auto}}.flashcard{display:block;width:100%;max-width:340px;aspect-ratio:3/2;perspective:900px;background:none;border:none;cursor:pointer;padding:0}.flashcard__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease}.flashcard--flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{position:absolute;inset:0;backface-visibility:hidden;background:var(--white);border:1.5px solid var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.flashcard__face--back{transform:rotateY(180deg)}.quiz-root{min-height:100vh;display:flex;flex-direction:column}.quiz-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--white)}.quiz-brand{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}.quiz-brand .jp{font-family:KleeOne,serif;margin-right:4px}.quiz-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:24px;max-width:480px;margin:0 auto;width:100%}.quiz-progress{width:100%;font-size:13px;color:var(--ink-3);display:flex;justify-content:space-between}.quiz-progress-bar{width:100%;height:4px;background:var(--border);border-radius:2px}.quiz-progress-bar__fill{height:100%;background:var(--red);border-radius:2px;transition:width .3s}.quiz-char{font-family:KleeOne,serif;font-size:96px;line-height:1;color:var(--ink)}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.quiz-choice{padding:14px;border:1.5px solid var(--border);border-radius:8px;background:var(--white);font-size:18px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;color:var(--ink)}.quiz-choice:hover:not(:disabled){border-color:var(--ink-2)}.quiz-choice--correct{background:#e6f4ea;border-color:#2da44e;color:#2da44e}.quiz-choice--wrong{background:#fde8e8;border-color:var(--red);color:var(--red)}.quiz-choice:disabled{cursor:default}.quiz-results{text-align:center}.quiz-results h2{font-size:24px;margin-bottom:8px}.quiz-results p{color:var(--ink-2);margin-bottom:20px}.quiz-btn{padding:12px 28px;background:var(--ink);color:var(--white);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.quiz-btn+.quiz-btn{margin-left:10px;background:transparent;color:var(--ink);border:1.5px solid var(--border)}.quiz-back-btn{margin-left:auto;padding:6px 14px}.kana-selector{width:100%;max-width:600px;margin:0 auto;padding:24px 20px}.kana-script-toggle{display:flex;gap:8px;margin-bottom:20px}.kana-script-btn{flex:1;padding:10px;border-radius:7px;border:1.5px solid var(--border);background:var(--white);font-size:14px;font-weight:600;cursor:pointer;color:var(--ink)}.kana-script-btn--active{background:var(--ink);color:var(--white);border-color:var(--ink)}.kana-quick-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:6px}.kana-quick-btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.kana-quick-btn{padding:5px 12px;border-radius:5px;border:1.5px solid var(--border);background:var(--white);font-size:12px;cursor:pointer;color:var(--ink)}.kana-quick-btn--active{background:var(--ink);color:var(--white);border-color:var(--ink)}.kana-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:14px 0 6px}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:6px}.kana-cell{aspect-ratio:1;border:1.5px solid var(--border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--white);font-size:20px;font-family:KleeOne,serif;transition:background .1s,border-color .1s}.kana-cell__romaji{font-family:Outfit,sans-serif;font-size:9px;color:var(--ink-3);margin-top:1px}.kana-cell--selected{background:var(--ink);color:var(--white);border-color:var(--ink)}.kana-cell--selected .kana-cell__romaji{color:#fff9}.kana-start-bar{position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.kana-count{font-size:13px;color:var(--ink-3)}.quiz-mode-toggle{display:flex;gap:4px}.quiz-mode-btn{padding:6px 12px;border-radius:5px;border:1.5px solid var(--border);background:var(--white);font-size:12px;cursor:pointer;color:var(--ink)}.quiz-mode-btn--active{background:var(--ink);color:var(--white);border-color:var(--ink)}.quiz-keyboard-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px}.quiz-input{width:100%;padding:12px 16px;font-size:22px;text-align:center;border:2px solid var(--border);border-radius:8px;outline:none}.quiz-input:focus{border-color:var(--ink)}.quiz-input--correct{border-color:#2da44e;background:#f0faf3}.quiz-input--wrong{border-color:#cf222e;background:#fff0f0}.quiz-correct-hint{font-size:18px;color:#2da44e;font-weight:600}.practice-direction{display:flex;gap:8px;margin-left:auto}.practice-dir-btn{padding:6px 14px;border-radius:6px;border:1.5px solid var(--border);background:var(--white);font-size:13px;cursor:pointer;color:var(--ink)}.practice-dir-btn--active{background:var(--ink);color:var(--white);border-color:var(--ink)}.fc-front-main{font-family:KleeOne,serif;font-size:40px}.fc-front-sub{font-size:16px;color:var(--ink-2);margin-top:6px}.fc-back-meaning{font-size:22px;font-weight:600}.fc-back-sub{font-size:13px;color:var(--ink-3);margin-top:6px}.fc-back-jlpt{margin-top:10px;font-size:11px;font-weight:700;color:var(--ink-3);border:1.5px solid var(--border);border-radius:4px;padding:2px 8px}.fc-hint{font-size:13px;color:var(--ink-3)}