.kana-home{max-width:920px}.kana-lead{font-size:19px;line-height:1.6;color:var(--learn-muted);max-width:40em;margin:0 0 8px}.kana-home h1{margin:8px 0 12px}.kana-crumbs{margin:0 0 18px;color:var(--learn-muted)}.kana-crumbs a,.kana-more a{color:#59419e}.kana-more{margin:30px 0 0;color:var(--learn-muted)}.kana-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:26px}.kana-intro-art{width:200px;height:auto}.kana-continue{display:grid;gap:4px;margin-bottom:18px;padding:16px 20px;border-radius:16px;background:#f2eef8;border:1px solid #d8cbea;color:inherit;text-decoration:none}.kana-continue:hover{background:#ebe4f7}.kana-continue-chars{font-size:28px;letter-spacing:.06em}.kana-choice-go,.kana-continue-go{font-weight:700;color:#59419e}.kana-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kana-choice{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;border:1px solid #e3d8c3;background:#fbf7ee;color:inherit;text-decoration:none}.kana-choice.is-katakana{background:#eef6f3;border-color:#cfe2da}.kana-choice:hover{box-shadow:0 4px 0 #e6dccb}.kana-choice-sample{font-size:46px;line-height:1.2;letter-spacing:.1em;color:#3d2f6b}.kana-choice-name{font-size:22px;font-weight:700}.kana-choice-text{color:var(--learn-muted);line-height:1.5}.kana-choice-go{margin-top:auto;padding-top:6px}.kana-resume{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:18px 0 28px}.kana-section{margin-bottom:28px}.kana-section h2{margin:0 0 2px;font-size:24px}.kana-rows{list-style:none;margin:12px 0 0;padding:0;border:1px solid #d8cee6;border-radius:16px;overflow:hidden;background:#fff}.kana-rows li+li{border-top:1px solid #e7e1ef}.kana-row-soon,.kana-rows a{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,10em) 9em;gap:12px;align-items:center;padding:12px 16px;color:inherit;text-decoration:none}.kana-rows a:hover{background:#f7f3fc}.kana-row-soon{color:#8a8595}.kana-row-number{font-size:14px;font-weight:700;color:#6550b9}.kana-row-chars{font-size:24px;line-height:1.5;letter-spacing:.06em}.kana-row-title{color:var(--learn-muted)}.kana-row-status{justify-self:end;font-size:14px;white-space:nowrap}.kana-row-status.is-checked{color:#2f6b4f;font-weight:700}.kana-row-status.is-in-progress,.kana-row-status.is-retry{color:#866427;font-weight:700}.kana-row-status.is-not-started{color:var(--learn-muted)}.kana-row-status.is-soon{color:#8a8595;font-style:italic}.kana-sounds>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}.kana-sounds>summary::-webkit-details-marker{display:none}.kana-sounds>summary h2:after{content:" ＋";color:#6550b9}.kana-sounds[open]>summary h2:after{content:" −"}.kana-sidebar-chars{margin:2px 0 14px;font-size:24px;letter-spacing:.08em}.kana-picker{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.kana-picker button{min-width:64px;min-height:64px;display:grid;place-items:center;gap:0;padding:6px 10px;border-radius:14px;border:1px solid #d8cee6;background:#fff;cursor:pointer}.kana-picker button span{font-size:30px;line-height:1.2}.kana-picker button small{font-size:13px;color:var(--learn-muted)}.kana-picker button[aria-pressed=true]{border:2px solid #6550b9;background:#f2eef8}.kana-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;margin:0 0 8px;padding:24px;border-radius:18px;background:#fbf7ee;border:1px solid #eadfca}.kana-card.is-practice{background:#f2eef8;border-color:#d8cbea}.kana-big{min-width:1.1em;font-size:clamp(88px,12vw,140px);line-height:1;text-align:center;color:#2d2350}.kana-card-copy{min-width:0}.kana-romaji{margin:0 0 8px;font-size:30px;font-weight:700}.kana-hint{margin:14px 0 0;font-size:18px;line-height:1.55}.kana-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.kana-again,.kana-reveal{min-height:44px;padding:8px 18px;border:1px solid #cfc4e2;border-radius:999px;background:#fff;font-weight:700;color:#59419e;cursor:pointer}.kana-words{display:grid;gap:10px;margin:18px 0}.kana-word{display:grid;grid-template-columns:minmax(0,7em) minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid #d8cee6;border-radius:14px;background:#fff}.kana-word>.font-kana{font-size:30px}.kana-word p{margin:0;font-size:18px}.kana-reveal{justify-self:start}.kana-question-char{margin:4px 0 10px;font-size:64px;line-height:1.2}.kana-option{font-size:26px}.kana-next-link{display:inline-block;margin-top:16px}@media(max-width:700px){.kana-choices{grid-template-columns:1fr}}@media(max-width:600px){.kana-intro{grid-template-columns:1fr;gap:8px}.kana-intro-art{width:140px;grid-row:1}.kana-row-soon,.kana-rows a{grid-template-columns:34px minmax(0,1fr) auto;gap:2px 10px}.kana-row-number{grid-row:1/3}.kana-row-chars{grid-column:2;grid-row:1;font-size:22px}.kana-row-title{grid-column:2;grid-row:2;font-size:15px}.kana-row-status{grid-column:3;grid-row:1/3;font-size:13px}.kana-card{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;padding:20px 16px}.kana-card .kana-actions{justify-content:center}.kana-word{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.kana-word>.font-kana{grid-column:1}.kana-word .kana-reveal,.kana-word p{grid-column:1;grid-row:2}.kana-word .learn-audio{grid-column:2;grid-row:1/3}}.kana-next-link,.kana-resume .learn-button{gap:.35em}@media(max-width:600px){.kana-picker{gap:6px}.kana-picker button{min-width:52px;min-height:58px;padding:4px 6px}.kana-picker button span{font-size:26px}}.learn-next .kana-next-link{margin-top:0}.kana-next-link,.kana-resume .learn-button{text-decoration:none}@media(max-width:360px){.kana-picker{gap:5px}.kana-picker button{min-width:46px;min-height:54px;padding:3px 4px}.kana-picker button span{font-size:24px}}