.kana-page-heading{margin-bottom:24px}.kana-page-heading h1{font-size:28px;font-weight:650}.kana-page-heading p{margin-top:6px;font-size:14px;color:var(--color-fd-muted-foreground)}.kana-panel{background:var(--color-fd-card);border-radius:12px;padding:24px}.kana-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;padding:10px 14px;font-size:14px}.kana-panel button:disabled{opacity:.45;cursor:var(--cursor-not-allowed,not-allowed)}.kana-primary{background:var(--color-fd-primary);color:var(--color-fd-primary-foreground)}.kana-primary:hover:not(:disabled){filter:brightness(.94)}.kana-options button,.kana-secondary{background:var(--color-fd-muted)}.kana-quiet{color:var(--color-fd-muted-foreground)}.kana-options button:hover,.kana-quiet:hover,.kana-secondary:hover{background:var(--control-hover)}.kana-options button[aria-pressed=true]{background:var(--color-fd-accent);color:var(--color-fd-primary)}.kana-setup fieldset{margin:0 0 24px;padding:0;border:0}.kana-setup legend{font-size:14px;font-weight:600;margin-bottom:12px}.kana-options{display:flex;gap:8px;flex-wrap:wrap}.kana-start-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid var(--color-fd-border)}.kana-session-top,.kana-start-row>span{font-size:13px;color:var(--color-fd-muted-foreground)}.kana-session-top{display:flex;align-items:center;gap:16px}.kana-clock{margin-left:auto;font-variant-numeric:tabular-nums}.kana-progress{display:block;width:100%;height:3px;margin-top:12px;border:0;border-radius:3px;overflow:hidden;background:var(--color-fd-muted);accent-color:var(--color-fd-primary)}.kana-progress::-webkit-progress-bar{background:var(--color-fd-muted)}.kana-progress::-webkit-progress-value{background:var(--color-fd-primary)}.kana-progress::-moz-progress-bar{background:var(--color-fd-primary)}.kana-prompt{text-align:center;padding:24px 0 16px}.kana-script-label{color:var(--color-fd-muted-foreground);font-size:12px}.kana-sequence{position:relative;justify-content:center;min-height:168px;--kana-size:clamp(52px,10vw,112px)}.kana-sequence,.kana-upcoming{display:flex;align-items:center}.kana-upcoming{position:absolute;left:calc(50% + var(--kana-size) + 16px);gap:16px;text-align:left}.kana-upcoming>span{font-size:32px;opacity:.45;white-space:nowrap}.kana-upcoming>span+span{font-size:24px;opacity:.25}.kana-character{white-space:nowrap;font-size:var(--kana-size);line-height:1.5;font-weight:500}.kana-hint{min-height:28px;font-size:18px;color:var(--color-fd-primary)}.kana-answer{max-width:480px;margin:0 auto}.kana-answer label{display:block;font-size:13px;margin-bottom:8px}.kana-answer input{width:100%;min-height:48px;padding:12px;border:0;border-radius:8px;font-size:16px;background-color:var(--color-fd-muted)}.kana-answer-feedback{margin-top:8px;min-height:36px;font-size:12px;color:var(--color-fd-muted-foreground)}.kana-answer input[aria-invalid=true]+.kana-answer-feedback{color:var(--color-fd-primary)}.kana-answer-actions,.kana-result-actions{display:flex;gap:8px;flex-wrap:wrap}.kana-answer-actions>:last-child{margin-left:auto}.kana-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.kana-result{font-family:var(--site-font)}.kana-result-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.kana-result h2{margin:0;font-size:22px;line-height:1.4;font-weight:600}.kana-result h2:focus{outline:none}.kana-result-heading p{margin:5px 0 0;font-size:13px;line-height:1.6;color:var(--color-fd-muted-foreground)}.kana-result-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:var(--color-fd-accent);color:var(--color-fd-primary)}.kana-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 24px;padding:20px 0;border-radius:10px;background:var(--color-fd-muted)}.kana-stats>div{padding-inline:20px}.kana-stats>div+div{border-left:1px solid var(--color-fd-border)}.kana-stats dt{font-size:13px;color:var(--color-fd-muted-foreground)}.kana-stats dd{margin:6px 0 0;font-size:28px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums}.kana-result-actions{align-items:center;gap:10px}.kana-result-actions>.kana-quiet{margin-left:auto}.kana-result-actions button:focus-visible{outline:2px solid var(--color-fd-primary);outline-offset:3px}.kana-review{border-top:1px solid var(--color-fd-border);padding-top:20px;margin-top:24px}.kana-review h3{font-weight:600}.kana-review p{font-size:12px;color:var(--color-fd-muted-foreground);margin:8px 0 12px}.kana-review-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.kana-review table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.kana-review td,.kana-review th{padding:12px;border-bottom:1px solid var(--color-fd-border);white-space:nowrap}.kana-review th{font-size:12px;font-weight:500;color:var(--color-fd-muted-foreground);background:var(--color-fd-muted)}@media (max-width:767px){.kana-page-heading h1{font-size:24px}.kana-panel{padding:16px}.kana-result-heading{gap:12px;margin-bottom:20px}.kana-result h2{font-size:20px}.kana-stats{padding-block:16px;margin-bottom:20px}.kana-stats>div{padding-inline:8px}.kana-stats dd{font-size:clamp(20px,6vw,24px)}.kana-start-row{flex-wrap:wrap}.kana-session-top{gap:8px}.kana-panel button{padding-inline:12px}.kana-prompt{padding-block:16px 8px}.kana-sequence{min-height:112px;--kana-size:clamp(36px,7vw,52px)}.kana-upcoming{left:calc(50% + var(--kana-size) + 6px);gap:6px}.kana-upcoming>span{font-size:clamp(18px,3vw,24px)}.kana-upcoming>span+span{font-size:clamp(14px,2.5vw,20px)}}@media (max-height:500px){.kana-page{padding-top:16px}.kana-page-heading{margin-bottom:12px}.kana-prompt{padding-block:4px}.kana-sequence{min-height:96px;--kana-size:36px}}.kana-page:not(:has(.kana-chart)) .kana-panel{max-width:736px;margin-inline:auto}.kana-page:has(.kana-chart) .kana-setup{display:grid;grid-template-columns:auto 1fr;gap:16px 32px}.kana-page:has(.kana-chart) .kana-setup fieldset{margin:0}.kana-page:has(.kana-chart) .kana-start-row{grid-column:1/-1}.kana-chart{margin-top:32px}.kana-chart-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}.kana-chart-heading h2{font-size:22px;font-weight:600}.kana-chart-heading p,.kana-chart-note,.kana-chart-source{font-size:13px;line-height:1.8;color:var(--color-fd-muted-foreground)}.kana-chart-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}.kana-chart-column{display:grid;gap:20px;min-width:0}.kana-chart-block{min-width:0;padding:16px;border-radius:var(--site-panel-radius);background:var(--color-fd-card)}.kana-chart-block h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:17px;font-weight:600}.kana-chart-block h3>span{font-size:12px;font-weight:400;color:var(--color-fd-muted-foreground)}.kana-chart-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center}.kana-chart-table th{padding:6px 0;font-size:12px;font-weight:500;color:var(--color-fd-muted-foreground);background:var(--color-fd-muted)}.kana-chart-table td{padding:0 1px;border-bottom:1px solid var(--color-fd-border);vertical-align:middle}.kana-chart .kana-sound-button{display:block;width:100%;min-width:0;min-height:44px;padding:10px 0;border:0;border-radius:0;background:transparent;color:inherit;cursor:var(--cursor-pointer,pointer);font:inherit;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kana-chart .kana-sound-button:is(:hover,:active,:focus-visible,[data-playing=true]){background:transparent;color:var(--color-fd-primary)}.kana-chart .kana-sound-button:is(:hover,:active,:focus-visible,[data-playing=true]) :is(.kana-chart-pair>span,.kana-chart-romaji){color:inherit}.kana-chart .kana-sound-button:focus-visible{outline:none;text-decoration:underline;text-underline-offset:4px}.kana-audio-status{font-size:13px;color:var(--color-fd-primary)}.kana-audio-status:not(:empty){margin-bottom:12px}.kana-chart-pair{display:flex;justify-content:center;align-items:baseline;gap:3px;white-space:nowrap;font-size:clamp(18px,1.75vw,23px);line-height:1.5}.kana-chart-pair>span+span,.kana-chart-romaji{color:var(--color-fd-muted-foreground)}.kana-chart-romaji{display:block;font-size:12px;line-height:1.6}.kana-chart-empty{color:var(--color-fd-border)}.kana-chart-historical-cell{padding:10px 0;color:var(--color-fd-muted-foreground)}.kana-chart-note{margin-top:12px}.kana-chart-rare{margin-top:16px}.kana-chart-rare .kana-chart-note{margin-bottom:8px}.kana-sound-notes dl{display:grid;gap:16px}.kana-sound-notes dt{font-size:22px}.kana-sound-notes dt span{font-size:13px;margin-left:8px}.kana-sound-notes dd{margin-top:4px;font-size:13px;line-height:1.8;color:var(--color-fd-muted-foreground)}.kana-foreign{margin-top:20px}.kana-foreign h3{justify-content:start;flex-wrap:wrap}.kana-foreign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin-top:16px}.kana-foreign-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--color-fd-border)}.kana-foreign-cell{text-align:center;padding:8px 0}.kana-foreign-cell>[lang=ja]{font-size:22px}.kana-chart-source{margin-top:16px}.kana-chart-source a{text-decoration:underline;text-underline-offset:3px}@media (max-width:1099px){.kana-chart-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.kana-chart-columns>:last-child{grid-column:1/-1}.kana-chart-pair{font-size:23px}}@media (max-width:639px){.kana-page:has(.kana-chart) .kana-setup{grid-template-columns:minmax(0,1fr);gap:20px}.kana-chart-columns,.kana-foreign-grid{grid-template-columns:minmax(0,1fr)}.kana-chart-block{padding:12px}.kana-chart-pair{font-size:22px;gap:2px}.kana-chart-contracted .kana-chart-pair,.kana-chart-heading h2,.kana-foreign-cell>[lang=ja]{font-size:20px}}