.modal-backdrop.svelte-ta60gp{position:fixed;inset:0;background-color:#000000a6;display:grid;place-items:center;padding:var(--space-m);z-index:40}.modal.svelte-ta60gp{position:relative;margin:0;background-color:var(--color-neutral-800);color:var(--color-neutral-100);padding:var(--space-l);border-radius:var(--border-radius-m);box-shadow:var(--box-shadow-m);width:min(24rem,100%);display:grid;grid-template-rows:auto 1fr;gap:var(--space-m);max-height:80vh;overflow:hidden;border:none}.modal-large.svelte-ta60gp{width:min(32rem,100%)}.modal-content.svelte-ta60gp{overflow-y:auto}.modal-header.svelte-ta60gp{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.modal.svelte-ta60gp h2:where(.svelte-ta60gp){margin:0;font-size:var(--text-size-xl)}.close.svelte-ta60gp{background:transparent;border:0;color:var(--color-neutral-300);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-s);transition:var(--transition-normal) color,var(--transition-normal) background-color}.close.svelte-ta60gp:hover,.close.svelte-ta60gp:focus-visible{color:var(--color-accent-500);background-color:var(--color-neutral-700)}.close.svelte-ta60gp .close-icon{width:1.25rem;height:1.25rem}.settings-list.svelte-anx9w7{display:flex;flex-direction:column;gap:var(--space-s)}.setting-item.svelte-anx9w7{display:flex;justify-content:space-between;align-items:center;gap:var(--space-m);padding:var(--space-s);background-color:var(--color-neutral-700);border-radius:var(--border-radius-s)}.setting-info.svelte-anx9w7{display:flex;flex-direction:column;gap:var(--space-3xs)}.setting-label.svelte-anx9w7{color:var(--color-neutral-100);font-weight:var(--font-weight-semi-bold)}.setting-description.svelte-anx9w7{color:var(--color-neutral-400);font-size:var(--font-size-small)}.toggle-switch.svelte-anx9w7{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch.svelte-anx9w7 input:where(.svelte-anx9w7){opacity:0;width:0;height:0}.toggle-slider.svelte-anx9w7{position:absolute;cursor:pointer;inset:0;background-color:var(--color-neutral-600);border-radius:26px;transition:var(--transition-normal)}.toggle-slider.svelte-anx9w7:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--color-neutral-200);border-radius:50%;transition:var(--transition-normal)}.toggle-switch.svelte-anx9w7 input:where(.svelte-anx9w7):checked+.toggle-slider:where(.svelte-anx9w7){background-color:var(--color-accent-500)}.toggle-switch.svelte-anx9w7 input:where(.svelte-anx9w7):checked+.toggle-slider:where(.svelte-anx9w7):before{transform:translate(22px)}.toggle-switch.svelte-anx9w7 input:where(.svelte-anx9w7):focus-visible+.toggle-slider:where(.svelte-anx9w7){outline:2px solid var(--color-accent-400);outline-offset:2px}.session-section.svelte-anx9w7{margin-top:var(--space-s);padding-top:var(--space-s);border-top:1px solid var(--color-neutral-700)}.cancel-session-button.svelte-anx9w7{border:0;border-radius:var(--border-radius-s);padding:var(--space-xs) var(--space-s);cursor:pointer;font-weight:var(--font-weight-semi-bold);transition:var(--transition-normal);background-color:var(--color-neutral-600);color:var(--color-neutral-100)}.cancel-session-button.svelte-anx9w7:hover{background-color:var(--color-neutral-500)}.danger-section.svelte-anx9w7{margin-top:var(--space-m)}.danger-summary.svelte-anx9w7{padding:var(--space-s);background-color:var(--color-neutral-700);border-radius:var(--border-radius-s);color:var(--color-neutral-400);font-size:var(--font-size-small);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-xs);transition:var(--transition-normal)}.danger-summary.svelte-anx9w7::-webkit-details-marker{display:none}.danger-summary.svelte-anx9w7:before{content:"▶";font-size:.7em;transition:transform .2s ease}.danger-section[open].svelte-anx9w7 .danger-summary:where(.svelte-anx9w7):before{transform:rotate(90deg)}.danger-summary.svelte-anx9w7:hover{background-color:var(--color-neutral-600)}.danger-zone.svelte-anx9w7{margin-top:var(--space-xs);border:1px solid var(--color-accent-red-500)}.confirm-buttons.svelte-anx9w7{display:flex;gap:var(--space-xs)}.reset-button.svelte-anx9w7,.cancel-button.svelte-anx9w7{border:0;border-radius:var(--border-radius-s);padding:var(--space-xs) var(--space-s);cursor:pointer;font-weight:var(--font-weight-semi-bold);transition:var(--transition-normal)}.reset-button.svelte-anx9w7{background-color:var(--color-accent-red-500);color:var(--color-neutral-100)}.reset-button.svelte-anx9w7:hover:not(:disabled){background-color:var(--color-accent-red-100)}.cancel-button.svelte-anx9w7{background-color:var(--color-neutral-600);color:var(--color-neutral-100)}.cancel-button.svelte-anx9w7:hover:not(:disabled){background-color:var(--color-neutral-500)}.reset-button.svelte-anx9w7:disabled,.cancel-button.svelte-anx9w7:disabled{opacity:.6;cursor:not-allowed}.backdrop-area.svelte-1elxaub{width:100%;height:var(--navbar-height)}.header-container.svelte-1elxaub{width:100%;position:fixed;z-index:10;background-color:color-mix(in srgb,var(--color-neutral-900) 95%,transparent)}header.svelte-1elxaub{display:flex;justify-content:space-between;align-items:center;margin-inline:auto;max-width:var(--base-layout-max-width);padding-inline:var(--side-gap-padding);padding-block:var(--space-xs);height:var(--navbar-height)}.header-left.svelte-1elxaub{display:flex;align-items:center;flex:1;min-width:0}.brand.svelte-1elxaub{margin:0;color:var(--color-neutral-100);font-weight:var(--font-weight-semi-bold);letter-spacing:.01em;font-size:var(--font-size-base)}.progress-container.svelte-1elxaub{position:relative;display:flex;align-items:center;width:clamp(80px,30vw,200px);cursor:pointer;background:transparent;border:none;padding:0}.progress-tooltip.svelte-1elxaub{position:absolute;top:calc(100% + var(--space-xs));left:50%;transform:translate(-50%);background-color:var(--color-neutral-800);color:var(--color-neutral-100);padding:var(--space-2xs) var(--space-xs);border-radius:var(--border-radius-s);font-size:var(--font-size-small);font-weight:var(--font-weight-semi-bold);box-shadow:var(--box-shadow-s);white-space:nowrap;z-index:20;pointer-events:none}.progress-bar-track.svelte-1elxaub{flex:1;height:8px;background-color:var(--color-neutral-700);border-radius:var(--border-radius-s);overflow:hidden}.progress-bar-fill.svelte-1elxaub{height:100%;background-color:var(--color-accent-500);border-radius:var(--border-radius-s);transition:width var(--transition-normal)}.progress-indicator.svelte-1elxaub{position:absolute;top:-2px;font-size:.7rem;font-weight:var(--font-weight-semi-bold);color:var(--color-accent-500);pointer-events:none;will-change:transform,opacity;animation:svelte-1elxaub-floatUp .7s ease-out forwards}@keyframes svelte-1elxaub-floatUp{0%{opacity:.7;transform:translate(-50%) translateY(0) translateZ(0)}to{opacity:0;transform:translate(-50%) translateY(-14px) translateZ(0)}}.icon-group.svelte-1elxaub{display:flex;align-items:center;gap:var(--space-xs)}.icon-button.svelte-1elxaub{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:0;border-radius:var(--border-radius-s);cursor:pointer;color:var(--color-neutral-300);transition:var(--transition-normal) color,var(--transition-normal) background-color}.icon-button.svelte-1elxaub:hover,.icon-button.svelte-1elxaub:focus-visible{color:var(--color-accent-500);background-color:var(--color-neutral-800)}.icon-button.svelte-1elxaub .icon{width:1.25rem;height:1.25rem}.icon-button.has-notification.svelte-1elxaub{color:var(--color-accent-red-500)}.notification-dot.svelte-1elxaub{position:absolute;top:4px;right:4px;width:8px;height:8px;background-color:var(--color-accent-red-500);border-radius:50%;border:2px solid var(--color-neutral-900)}.streak-display.svelte-1elxaub{display:flex;align-items:center;justify-content:center;gap:var(--space-m);padding:var(--space-l)}.streak-display.svelte-1elxaub .streak-icon{width:3rem;height:3rem;color:var(--color-accent-red-500)}.streak-count.svelte-1elxaub{font-size:var(--text-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-100)}.modal-text.svelte-1elxaub{margin:0;color:var(--color-neutral-200);line-height:var(--font-line-height)}.char-list.svelte-1elxaub{overflow-y:auto;max-height:50vh;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-s)}.char-item.svelte-1elxaub{display:flex;flex-direction:column;align-items:center;padding:var(--space-m);background-color:var(--color-neutral-700);border-radius:var(--border-radius-s);text-align:center}.char-hiragana.svelte-1elxaub{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-neutral-100)}.char-romaji.svelte-1elxaub{color:var(--color-neutral-400);font-size:var(--font-size-base)}.empty-message.svelte-1elxaub{grid-column:1 / -1;text-align:center;color:var(--color-neutral-400);padding:var(--space-l)}.page-header.svelte-1e0693s{text-align:center}.page-header.svelte-1e0693s h1:where(.svelte-1e0693s){margin:0;font-size:var(--text-size-xl);font-weight:var(--font-weight-bold)}.settings-card.svelte-1e0693s{background:var(--color-neutral-800);border:1px solid var(--color-neutral-700);border-radius:var(--border-radius-m);padding:var(--space-m);max-width:400px;width:100%;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-m)}.setting-group.svelte-1e0693s{display:flex;flex-direction:column;gap:var(--space-xs)}.setting-label.svelte-1e0693s{margin:0;font-size:var(--font-size-small);color:var(--color-neutral-400)}.setting-label-row.svelte-1e0693s{display:flex;flex:1;justify-content:space-between;align-items:center;margin-right:var(--space-s)}.settings-card.svelte-1e0693s select:where(.svelte-1e0693s){width:100%;padding:var(--space-xs) var(--space-s);border-radius:var(--border-radius-s);border:1px solid var(--color-neutral-700);background:var(--color-neutral-700);color:var(--color-neutral-100);font-size:1rem;cursor:pointer}.settings-card.svelte-1e0693s select:where(.svelte-1e0693s):focus{outline:none;border-color:var(--color-accent-600)}.group-pills.svelte-1e0693s,.task-type-pills.svelte-1e0693s{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.group-pills.svelte-1e0693s label:where(.svelte-1e0693s),.task-type-pills.svelte-1e0693s label:where(.svelte-1e0693s){display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-s);background:var(--color-neutral-800);border:1px solid var(--color-neutral-700);border-radius:var(--border-radius-s);font-size:var(--font-size-small);color:var(--color-neutral-300);cursor:pointer}.group-pills.svelte-1e0693s label.active:where(.svelte-1e0693s),.task-type-pills.svelte-1e0693s label.active:where(.svelte-1e0693s){background:var(--color-neutral-700);color:var(--color-neutral-100)}.group-pills.svelte-1e0693s input[type=checkbox]:where(.svelte-1e0693s),.task-type-pills.svelte-1e0693s input[type=checkbox]:where(.svelte-1e0693s){accent-color:var(--color-accent-500);width:1rem;height:1rem}.char-count-info.svelte-1e0693s{font-size:var(--font-size-small);color:var(--color-neutral-500)}.toggle-option.svelte-1e0693s{display:flex;align-items:center;gap:var(--space-s);cursor:pointer;color:var(--color-neutral-200)}.toggle-option.svelte-1e0693s input[type=checkbox]:where(.svelte-1e0693s){accent-color:var(--color-accent-500);width:1.125rem;height:1.125rem}.foldable.svelte-1e0693s{gap:0}.fold-toggle.svelte-1e0693s{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer;color:inherit}.fold-toggle.svelte-1e0693s .setting-label:where(.svelte-1e0693s){margin:0}.chevron.svelte-1e0693s{display:flex;align-items:center;color:var(--color-neutral-400);transition:transform .2s ease;transform:rotate(-90deg)}.chevron.open.svelte-1e0693s{transform:rotate(0)}.fold-content.svelte-1e0693s{padding-top:var(--space-s)}.action-buttons.svelte-1e0693s{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);max-width:350px;width:100%;margin-inline:auto}.session-link.svelte-1e0693s{font-size:var(--font-size-base);color:var(--color-neutral-400);text-decoration:none;background:none;border:none;cursor:pointer;padding:0}.session-link.svelte-1e0693s:hover{color:var(--color-accent-500)}.completion-stats.svelte-1e0693s{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);margin-top:var(--space-l);font-size:var(--font-size-base);color:var(--color-neutral-500)}.stats-heading.svelte-1e0693s{margin:0 0 var(--space-2xs) 0;color:var(--color-neutral-400);font-weight:var(--font-weight-semi-bold)}@media(max-width:30rem){.settings-card.svelte-1e0693s{padding:var(--space-s)}.group-pills.svelte-1e0693s,.task-type-pills.svelte-1e0693s{flex-direction:column}.group-pills.svelte-1e0693s label:where(.svelte-1e0693s),.task-type-pills.svelte-1e0693s label:where(.svelte-1e0693s){justify-content:center}}.end-screen.svelte-o2y1ux{container-type:inline-size;width:100%;max-width:400px;padding:var(--space-m)}.end-screen.svelte-o2y1ux h1:where(.svelte-o2y1ux){font-size:var(--text-size-xl)}.stats-grid.svelte-o2y1ux{display:grid;grid-template-columns:1fr;gap:var(--space-s)}.stat-card.svelte-o2y1ux{background-color:var(--color-neutral-800);border-radius:var(--border-radius-m);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-2xs)}.stat-value.svelte-o2y1ux{font-size:var(--text-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-500)}.stat-label.svelte-o2y1ux{font-size:var(--font-size-small);color:var(--color-neutral-400)}.score-container.svelte-o2y1ux{background-color:var(--color-neutral-800);border-radius:var(--border-radius-m);padding:var(--space-l)}.score-label.svelte-o2y1ux{display:block;font-size:var(--font-size-small);color:var(--color-neutral-400);margin-bottom:var(--space-xs)}.score-value.svelte-o2y1ux{font-size:var(--text-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent-500)}@container (min-width: 280px){.stats-grid.svelte-o2y1ux{grid-template-columns:repeat(2,1fr)}}.intro-container.svelte-170ob9t{display:flex;flex-direction:column;align-items:center;gap:var(--space-l);padding:var(--space-m);max-width:28rem;width:100%}.intro-header.svelte-170ob9t{text-align:center}.intro-header.svelte-170ob9t h2:where(.svelte-170ob9t){margin:0;font-size:var(--text-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-100)}.intro-subtitle.svelte-170ob9t{margin:var(--space-xs) 0 0 0;color:var(--color-neutral-400);font-size:var(--font-size-small)}.new-characters-list.svelte-170ob9t{display:flex;flex-direction:column;gap:var(--space-s);width:100%;list-style:none;padding:0;margin:0}.character-card.svelte-170ob9t{background:var(--color-neutral-800);border:1px solid var(--color-neutral-700);border-radius:var(--border-radius-m)}.character-pair.svelte-170ob9t{display:flex;align-items:center;justify-content:center;gap:var(--space-m);padding:var(--space-s) var(--space-m);width:100%;background:transparent;border:none;cursor:pointer;color:inherit}.character-pair.svelte-170ob9t:hover{background:var(--color-neutral-700)}.hiragana.svelte-170ob9t{font-size:var(--text-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-400)}.separator.svelte-170ob9t{color:var(--color-neutral-500)}.romaji.svelte-170ob9t{font-size:var(--text-size-m);color:var(--color-neutral-200)}.audio-icon.svelte-170ob9t{font-size:var(--text-size-s);opacity:.6}.card-grid-container.svelte-170ob9t{display:flex;justify-content:space-between;padding-block:var(--space-m);gap:var(--space-xl);width:100%;max-width:32rem}.card-grid.svelte-170ob9t{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;width:fit-content;row-gap:var(--space-m);grid-auto-flow:row;flex:1}.hiragana-card.svelte-170ob9t{font-size:var(--text-size-xl);font-weight:var(--font-weight-bold)}.romaji-card.svelte-170ob9t{font-size:var(--text-size-m)}.task-container.svelte-1png8pw{max-width:400px;width:100%;padding-block:var(--space-m)}.character-display.svelte-1png8pw{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-m)}.hiragana.svelte-1png8pw{font-size:5rem;font-weight:var(--font-weight-bold);color:var(--color-accent-400);margin:0}.instruction.svelte-1png8pw{color:var(--color-neutral-400);font-size:var(--font-size-small);margin-bottom:var(--space-m)}.audio-display.svelte-1png8pw{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);margin-bottom:var(--space-m)}.audio-play-button.svelte-1png8pw{width:80px;height:80px;border-radius:50%;background:var(--color-accent-700);border:2px solid var(--color-accent-500);font-size:2.5rem;cursor:pointer;transition:background-color .2s,transform .1s}.audio-play-button.svelte-1png8pw:hover{background:var(--color-accent-600)}.audio-play-button.svelte-1png8pw:active{transform:scale(.95)}.audio-instruction.svelte-1png8pw{color:var(--color-neutral-400);font-size:var(--font-size-small)}.options-grid.svelte-1png8pw{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m)}.romaji-option.svelte-1png8pw{font-size:var(--font-size-large)}.hiragana-option.svelte-1png8pw{font-size:var(--text-size-xl);font-weight:var(--font-weight-bold)}.writing-container.svelte-y3di04{max-width:400px;width:100%;padding-block:var(--space-m)}.character-display.svelte-y3di04{display:flex;align-items:center;justify-content:center;gap:var(--space-m);margin-bottom:var(--space-s)}.romaji.svelte-y3di04{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-accent-400);margin:0;text-transform:lowercase}.audio-button.svelte-y3di04{background:var(--color-neutral-800);border:1px solid var(--color-neutral-600);border-radius:var(--border-radius-m);padding:var(--space-s);font-size:1.5rem;cursor:pointer;transition:background-color .2s}.audio-button.svelte-y3di04:hover{background:var(--color-neutral-700)}.instruction.svelte-y3di04{color:var(--color-neutral-400);font-size:var(--font-size-small);margin-bottom:var(--space-s)}.hint.svelte-y3di04{color:var(--color-accent-400);font-family:monospace;font-size:var(--font-size-medium);margin-bottom:var(--space-s)}.success.svelte-y3di04{color:var(--color-success);font-weight:var(--font-weight-bold);margin-bottom:var(--space-s)}.hiragana-input.svelte-y3di04{width:100%;padding:var(--space-m);margin-bottom:var(--space-s);margin-top:var(--space-s);font-size:var(--font-size-large);text-align:center;border:2px solid var(--color-border);border-radius:var(--border-radius-m);background-color:var(--color-neutral-900);color:var(--color-text-primary)}.hiragana-input.svelte-y3di04:focus{outline:none;border-color:var(--color-accent-700)}.hiragana-input.svelte-y3di04::placeholder{color:var(--color-text-muted);opacity:.6}.button-row.svelte-y3di04{display:flex;gap:var(--space-m);justify-content:center}.tries.svelte-y3di04{color:var(--color-text-muted);font-size:var(--font-size-small);margin-top:var(--space-s)}.game-view.svelte-1uha8ag{padding-block:var(--space-m) var(--space-l);row-gap:var(--space-m);column-gap:0;overflow-x:hidden}.round-indicator.svelte-1uha8ag{text-align:center;color:var(--color-neutral-400)}.no-cards-message.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;padding:var(--space-xl) 0}.message-card.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--color-neutral-800);border:1px solid var(--color-neutral-700);border-radius:var(--border-radius-m);padding:var(--space-xl) var(--space-l);gap:var(--space-m);max-width:400px;width:100%}.message-card.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:var(--text-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-100)}.message-card.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;color:var(--color-neutral-400);font-size:var(--font-size-small)}@media(max-width:30rem){.game-view.svelte-1uha8ag{padding-block:var(--space-s) var(--space-m);row-gap:var(--space-s)}.message-card.svelte-1uha8ag{padding:var(--space-l) var(--space-m)}}