.kana-page [hidden]{display:none!important}.kana-page a.text-button{color:inherit;text-decoration:none}.kana-shell{max-width:1340px;margin:auto;padding:52px clamp(20px,5vw,72px) 20px}.kana-hero{justify-content:space-between;align-items:center;gap:30px;padding-bottom:45px;display:flex}.kana-hero .edition-tag{justify-content:flex-start;margin-bottom:24px;font-size:10px}.kana-hero h1,.kana-results h1{letter-spacing:-.07em;margin:0;font-size:clamp(60px,7.5vw,108px);font-weight:700;line-height:.92}.kana-hero h1 em,.kana-results h1 em{color:var(--red);font-style:normal}.kana-hero p{margin:24px 0 0;font-size:14px;line-height:1.7}.kana-hero-art{justify-content:center;align-items:center;gap:8px;width:42%;padding:10px 0 40px;display:flex;position:relative}.kana-hero-art>span{font:700 clamp(100px, 12vw, 170px)/1.3 var(--jp);transition:transform 1.2s cubic-bezier(.22,1,.36,1),color 1.2s}.kana-hero-art>span:first-child{color:var(--red);transform:rotate(-9deg)}.kana-hero-art>span:nth-child(2){--kana-art-offset:translateY(25px);transform:rotate(9deg) var(--kana-art-offset)}.kana-hero-art>span:first-child:hover{color:#a020f0;transform:rotate(-24deg)scale(1.12)}.kana-hero-art>span:nth-child(2):hover{color:#007bff;transform:rotate(24deg) var(--kana-art-offset) scale(1.16)}.kana-hero-art small{font:500 9px var(--mono);letter-spacing:.15em;position:absolute;bottom:0}.kana-section-label{border-top:1px solid var(--ink);font:500 10px var(--mono);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.kana-presets{gap:10px;margin:5px 0 28px;display:flex}.kana-presets button{border:1px solid var(--line);font:600 10px var(--mono);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:25px;padding:12px 16px;display:flex}.kana-presets button span{font:500 18px var(--jp)}.kana-presets button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.kana-presets button:hover{border-color:var(--ink)}.kana-presets .kana-clear{border:0;margin-left:auto}.kana-setup-layout{grid-template-columns:minmax(0,1fr) 258px;align-items:start;gap:30px;display:grid}.kana-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.kana-chart-header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding:0 0 20px;display:flex}.kana-chart-header h2{font:500 25px var(--jp);letter-spacing:-.04em;margin:0}.kana-chart-header h2 small{font:600 10px var(--mono);letter-spacing:.06em;margin-top:8px;display:block}.kana-chart-header>span{color:var(--red);font:500 30px var(--mono)}.kana-category{border-bottom:1px solid var(--ink)}.kana-category summary{cursor:pointer;align-items:center;gap:10px;padding:17px 0;font-size:12px;font-weight:700;list-style:none;display:flex}.kana-category summary::-webkit-details-marker{display:none}.kana-category summary small{color:rgb(var(--ink-rgb) / .65);margin-top:5px;font-size:10px;font-weight:400;display:block}.kana-category summary .category-count{color:var(--blue);font:500 10px var(--mono);white-space:nowrap;margin-left:auto}.kana-category summary b{font:500 18px var(--mono)}.kana-category[open] summary b{transform:rotate(45deg)}.kana-group-toggle{font:600 9px var(--mono);color:var(--blue);cursor:pointer;background:0 0;border:0;margin:0 0 10px;padding:4px 0;display:block}.kana-rows{gap:5px;margin-bottom:17px;display:grid}.kana-row{border:1px solid var(--line);cursor:pointer;align-items:center;gap:8px;min-height:47px;padding:8px 10px;transition:background-color .15s;display:flex;position:relative}.kana-row:has(input:checked){border-color:rgb(var(--blue-rgb) / .4);background:rgb(var(--blue-rgb) / .065)}.kana-row:hover{background:rgb(var(--blue-rgb) / .12)}.kana-row input{opacity:0;width:1px;height:1px;position:absolute}.kana-row:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.kana-row-name{width:26px;font:500 10px var(--mono);color:rgb(var(--ink-rgb) / .6);flex-shrink:0}.kana-row-glyphs{font:500 clamp(16px, 1.7vw, 22px) var(--jp);flex:1;grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.kana-row-glyphs>span{white-space:nowrap}.kana-row-glyphs:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.kana-row-check{border:1px solid var(--line);color:#0000;flex-shrink:0;place-items:center;width:15px;height:15px;font-size:10px;display:grid}.kana-row:has(input:checked) .kana-row-check{color:var(--paper);background:var(--blue);border-color:var(--blue)}.kana-run-card{border:1px solid var(--ink);background:var(--paper-light);padding:24px 20px;position:sticky;top:25px}.kana-eyebrow{font:500 10px var(--mono);letter-spacing:.08em}.kana-selection-number{align-items:center;gap:14px;margin-top:22px;display:flex}.kana-selection-number strong{letter-spacing:-.08em;font-size:78px;font-weight:500;line-height:1}.kana-selection-number>span{font:500 9px/1.6 var(--mono)}.kana-selection-detail{font:500 10px var(--mono);margin:16px 0 28px}.kana-page .primary-button{width:100%;min-width:0;box-shadow:5px 5px 0 var(--red);gap:16px}.kana-page .primary-button:hover{box-shadow:7px 7px 0 var(--red)}.kana-page .primary-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.kana-page .study-button{cursor:pointer;min-width:0}.kana-page .study-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.kana-setup-actions{gap:16px;display:grid}.kana-setup-actions .study-button{width:100%}.kana-instructions{counter-reset:step;margin:32px 0 22px;padding:0;font-size:11px;line-height:1.6;list-style:none}.kana-instructions li{counter-increment:step;gap:10px;margin-bottom:12px;display:flex}.kana-instructions li:before{content:"0" counter(step);color:var(--red);font:500 10px/1.8 var(--mono)}.kana-run-note{border-top:1px solid var(--line);color:rgb(var(--ink-rgb) / .65);margin:0;padding-top:16px;font-size:11px;line-height:1.7}.kana-play{min-height:640px}.kana-play-top{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;display:flex}.kana-play-top h1{font:600 12px var(--mono);margin:0}.kana-play-top button{font-size:10px}.kana-stats{font:500 9px var(--mono);justify-content:space-between;margin:25px 0 14px;display:flex}.kana-stats b{margin-right:8px;font-size:16px}.kana-play progress{background:var(--paper-deep);width:100%;height:5px;accent-color:var(--blue);border:0;display:block}.kana-play progress::-webkit-progress-bar{background:var(--paper-deep)}.kana-play progress::-webkit-progress-value{background:var(--blue)}.kana-board-toolbar{z-index:5;background:var(--paper);padding-top:12px;position:sticky;top:0}.kana-play-top h1>span{color:rgb(var(--ink-rgb) / .5);margin-left:16px;font-weight:500}.kana-board-help{justify-content:space-between;align-items:center;gap:20px;margin:22px 0 0;display:flex}.kana-board-help p{margin:0;font-size:12px;line-height:1.7}.kana-board-help>span{white-space:nowrap;font:500 12px var(--jp);color:var(--blue)}.kana-feedback{min-height:18px;color:var(--blue);margin:8px 0 16px;font-size:11px;line-height:1.5}.kana-feedback[data-state=incorrect]{color:var(--red)}.kana-quiz-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;display:grid}.kana-quiz-card{border:1px solid var(--line);background:var(--paper-light);min-width:0;padding:12px 10px 7px;scroll-margin-top:160px}.kana-quiz-card:focus-within{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.kana-quiz-card>label{cursor:text;padding-top:6px;display:block;position:relative}.kana-card-number,.kana-card-script{color:rgb(var(--ink-rgb) / .5);font:500 8px var(--mono);position:absolute;top:0}.kana-card-number{left:0}.kana-card-script{right:0}.kana-card-character{text-align:center;font:500 36px/1.25 var(--jp);white-space:nowrap;padding:7px 0 8px;display:block}.kana-quiz-card input{border:0;border-bottom:1px solid var(--ink);background:var(--paper);width:100%;min-width:0;color:var(--ink);text-align:center;font:500 16px var(--mono);border-radius:0;padding:6px 2px;display:block}.kana-quiz-card input::placeholder{color:rgb(var(--ink-rgb) / .35);font-size:11px}.kana-quiz-card input:focus{outline:2px solid var(--blue);outline-offset:1px}.kana-card-status{min-height:20px;font:500 8px var(--mono);padding-top:7px;display:block}.kana-card-bottom{justify-content:space-between;align-items:center;gap:4px;min-height:28px;display:flex}.kana-card-bottom .kana-card-status{min-height:0;padding-top:0}.kana-card-reveal{color:rgb(var(--ink-rgb) / .65);font:500 7px var(--mono);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:8px 0}.kana-card-reveal:hover{color:var(--red);text-decoration:underline}.kana-quiz-card[data-state=correct]{border-color:rgb(var(--blue-rgb) / .25);background:rgb(var(--blue-rgb) / .055)}.kana-quiz-card[data-state=correct] input{color:var(--blue);background:0 0;border-color:#0000}.kana-quiz-card[data-state=correct] .kana-card-status{color:var(--blue)}.kana-quiz-card[data-state=incorrect]{border-color:var(--red);background:rgb(var(--red-rgb) / .065)}.kana-quiz-card[data-state=incorrect]:focus-within{box-shadow:inset 0 0 0 1px var(--red)}.kana-quiz-card[data-state=incorrect] input{border-color:var(--red);outline-color:var(--red)}.kana-quiz-card[data-state=incorrect] .kana-card-status,.kana-quiz-card[data-state=revealed] .kana-card-status{color:var(--red)}.kana-page .kana-results-button{width:fit-content;margin:32px 0 0 auto}.kana-study{min-height:640px}.kana-study-intro{max-width:620px;margin:22px 0;font-size:13px;line-height:1.8}.kana-study-toolbar{z-index:5;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:16px 0 20px;display:flex;position:sticky;top:0}.kana-study-toolbar>p{font:500 10px var(--mono);margin:0}.kana-study-toolbar b{color:var(--blue);margin-right:8px;font-size:22px}.kana-study-toolbar>div{align-items:center;gap:18px;display:flex}.kana-study-toolbar .primary-button{width:auto;padding:14px 20px;font-size:11px}.kana-study-toolbar .study-button{padding:14px 16px;font-size:10px}.kana-study-charts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px;display:grid}.kana-study-charts:has(>:only-child){grid-template-columns:minmax(0,1fr);max-width:850px;margin-inline:auto}.kana-study-category{margin-top:26px}.kana-study-category h3{margin:0 0 16px;font-size:12px}.kana-study-row{align-items:start;gap:12px;margin-bottom:10px;display:flex}.kana-study-row h4{width:28px;font:500 10px var(--mono);color:rgb(var(--ink-rgb) / .7);flex-shrink:0;margin:18px 0 0}.kana-study-row h4 span{color:rgb(var(--ink-rgb) / .45);margin-top:7px;font-size:7px;display:block}.kana-study-cards{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;min-width:0;display:grid}.kana-study-category[data-category=combination] .kana-study-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.kana-study-card{border:1px solid var(--line);background:var(--paper-light);text-align:center;flex-direction:column;align-items:center;min-width:0;min-height:128px;padding:12px 5px;display:flex}.kana-study-character{font:500 34px/1.4 var(--jp);white-space:nowrap}.kana-study-reading{overflow-wrap:anywhere;margin-top:8px}.kana-study-reading strong{color:var(--blue);font:600 14px var(--mono)}.kana-study-reading small{font:400 8px/1.5 var(--mono);color:rgb(var(--ink-rgb) / .6);margin-top:6px;display:block}.kana-results{padding-top:20px}.kana-results .edition-tag{justify-content:flex-start;margin-bottom:36px;font-size:10px}.kana-results h1{outline:0;font-size:clamp(40px,6.5vw,88px)}.kana-results>p{margin:28px 0;font-size:14px;line-height:1.7}.kana-result-stats{border-block:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:30px 0;display:grid}.kana-result-stats>div{flex-direction:column;gap:12px;padding:28px 18px;display:flex}.kana-result-stats>div+div{border-left:1px solid var(--line)}.kana-result-stats strong{letter-spacing:-.05em;font-size:clamp(28px,5vw,58px);font-weight:500}.kana-result-stats span{font:500 9px var(--mono)}.kana-result-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.kana-result-actions .primary-button{width:auto}.kana-result-actions .study-button{cursor:pointer}.kana-result-actions .kana-share-button{background:var(--blue);border-color:var(--blue);color:#fff}.kana-result-actions .kana-share-button:hover{background:var(--ink);border-color:var(--ink)}.kana-result-actions .kana-share-button .action-icon{color:inherit}.kana-share-eyebrow{font:500 9px/1.6 var(--mono);letter-spacing:.08em}.kana-missed-section{margin-top:60px}.kana-section-label h2{font:inherit;margin:0}.kana-missed-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;display:grid}.kana-missed-card{text-align:center;border:1px solid var(--line);gap:8px;padding:20px;display:grid}.kana-missed-card strong{font:500 36px var(--jp)}.kana-missed-card span{font:500 14px var(--mono)}.kana-missed-card small{color:var(--red);font:500 9px var(--mono)}.kana-page button:focus-visible,.kana-page a:focus-visible,.kana-page summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media (width<=1000px){.kana-setup-layout{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.kana-charts{gap:16px}.kana-row{gap:5px;padding:8px 6px}.kana-row-name{width:22px;font-size:9px}.kana-run-card{padding:20px 16px}.kana-selection-number strong{font-size:66px}}@media (width<=820px){.kana-shell{padding-top:32px}.kana-setup-layout{grid-template-columns:1fr}.kana-run-card{grid-row:1;grid-template-columns:1fr 1fr;align-items:center;gap:8px 24px;display:grid;position:static}.kana-run-card>.kana-eyebrow{grid-column:1}.kana-selection-number{grid-column:1;margin-top:0}.kana-selection-number strong{font-size:54px}.kana-selection-detail{grid-column:1;margin:0;font-size:9px}.kana-setup-actions{grid-area:1/2/4}.kana-study-charts{grid-template-columns:1fr}.kana-instructions,.kana-run-note{display:none}.kana-row-glyphs{font-size:23px}}@media (width<=520px){.kana-page .topbar{height:70px}.kana-page .wordmark{gap:8px;font-size:15px}.kana-page .top-actions{gap:15px}.kana-home{font-size:8px}.kana-hero{gap:10px;padding-bottom:32px}.kana-hero h1{font-size:62px}.kana-hero .edition-tag{gap:8px;font-size:8px}.kana-hero .edition-tag span{width:18px}.kana-hero p{font-size:11px}.kana-hero-art{flex-direction:column;gap:0;width:90px;padding-bottom:0}.kana-hero-art>span{font-size:70px;line-height:1.1}.kana-hero-art>span:nth-child(2){--kana-art-offset:translateX(8px)}.kana-hero-art small{display:none}.kana-section-label{font-size:8px}.kana-presets{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px;display:grid}.kana-presets button{flex-direction:column-reverse;gap:7px;padding:10px 8px;font-size:8px}.kana-presets .kana-clear{grid-column:1/-1;padding:7px}.kana-run-card{gap:6px 14px;padding:18px 14px}.kana-run-card .primary-button{gap:8px;padding:14px 8px;font-size:10px}.kana-run-card .primary-button .arrow{font-size:20px}.kana-setup-actions{gap:12px}.kana-setup-actions .study-button{padding:12px 8px;font-size:10px}.kana-study-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 0 16px}.kana-study-toolbar>div{gap:12px}.kana-study-toolbar .primary-button,.kana-study-toolbar .study-button{flex:1;padding:12px 8px;font-size:9px}.kana-study-toolbar b{font-size:18px}.kana-study-intro{font-size:12px}.kana-study-row{gap:8px}.kana-study-row h4{width:23px;font-size:9px}.kana-study-cards{gap:5px}.kana-study-card{min-height:116px;padding-inline:3px}.kana-study-character{font-size:30px}.kana-study-reading strong{font-size:12px}.kana-selection-number strong{font-size:48px}.kana-selection-number{gap:10px}.kana-selection-number>span{font-size:8px}.kana-charts{grid-template-columns:1fr;gap:32px}.kana-row{min-height:52px;padding:8px 12px}.kana-row-name{width:35px;font-size:11px}.kana-row-glyphs{font-size:24px}.kana-play{min-height:590px}.kana-stats{font-size:8px}.kana-stats b{margin-right:4px;font-size:14px}.kana-play-top h1>span,.kana-board-help>span{display:none}.kana-board-help p{font-size:11px}.kana-quiz-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}.kana-quiz-card{padding:10px 8px 5px}.kana-card-character{font-size:30px}.kana-card-status{font-size:7px}.kana-results .edition-tag{font-size:8px}.kana-result-stats>div{padding:20px 10px}.kana-result-stats span{font-size:7px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.kana-page *{transition:none!important}}.kana-katakana{margin-top:56px;scroll-margin-top:24px}.kana-katakana-heading{justify-content:space-between;align-items:baseline;gap:24px;margin:28px 0;display:flex}.kana-katakana-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(23px,3vw,36px)}.kana-katakana-heading p{color:#676d85;max-width:310px;margin:0;font-size:13px;line-height:1.6}.kana-katakana-levels{grid-template-columns:1fr 1fr;gap:20px;display:grid}.kana-katakana-level{background:#f8f9ff;border:1px solid #dce0f1;border-radius:8px;padding:24px}.kana-katakana-level header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.kana-katakana-level h3{letter-spacing:-.04em;margin:0;font-size:24px}.kana-katakana-level header>span{font:500 11px var(--mono);color:#676d85}.kana-katakana-all{color:#fff;background:#435bfe;border-radius:5px;justify-content:space-between;margin:24px 0 16px;padding:16px;font-size:13px;text-decoration:none;display:flex}.kana-katakana-sets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kana-katakana-sets a{color:#191d32;border:1px solid #dce0f1;border-radius:4px;flex-direction:column;gap:8px;padding:12px;text-decoration:none;display:flex}.kana-katakana-sets strong{font:500 11px var(--mono)}.kana-katakana-sets small{color:#676d85;font-size:10px}.kana-katakana .is-complete{border-color:#435bfe}.kana-katakana a:focus-visible{outline-offset:3px;outline:3px solid #435bfe}@media (width<=700px){.kana-katakana-heading{flex-direction:column;align-items:flex-start;gap:12px}.kana-katakana-levels{grid-template-columns:1fr}.kana-katakana-level{padding:20px}}