*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424}}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;margin:0;padding:0}html{color-scheme:light dark;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;background:var(--bg);color:var(--text)}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--fs-xs: .8rem;--fs-sm: .92rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.125rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 6px 20px rgba(0, 0, 0, .1);--letter: 2rem;--letter-reveal: 1.2rem;--bg: #ffffff;--bg-elev: #f7f7f9;--panel: #ffffff;--text: #14151a;--muted: #656b7a;--border: #e6e7eb;--accent: #0ea5e9;--accent-contrast: #ffffff;--focus: 0 0 0 3px color-mix(in oklab, var(--accent) 30%, #ffffff);--morse: #0f172a}@media (prefers-color-scheme: dark){:root{--bg: #0b0d10;--bg-elev: #12151a;--panel: #161a21;--text: #e5e7eb;--muted: #9aa3b2;--border: #232a35;--accent: #38bdf8;--accent-contrast: #0b0d10;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 6px 24px rgba(0, 0, 0, .45);--morse: #e5e7eb;--app-height: 100svh}}[data-theme=light]{--bg: #ffffff;--bg-elev: #f7f7f9;--panel: #ffffff;--text: #14151a;--muted: #656b7a;--border: #e6e7eb;--accent: #0ea5e9;--accent-contrast: #ffffff;--morse: #0f172a}[data-theme=dark]{--bg: #0b0d10;--bg-elev: #12151a;--panel: #161a21;--text: #e5e7eb;--muted: #9aa3b2;--border: #232a35;--accent: #38bdf8;--accent-contrast: #0b0d10;--morse: #e5e7eb}[data-theme=ocean]{--bg: #07141a;--bg-elev: #0c1c26;--panel: #0f2430;--text: #e6f2f8;--muted: #96a9b5;--border: #163043;--accent: #2dd4bf;--accent-contrast: #07141a;--morse: var(--text)}[data-theme=forest]{--bg: #0e1511;--bg-elev: #121c17;--panel: #15231c;--text: #e6f5ec;--muted: #95a69c;--border: #1c2f26;--accent: #22c55e;--accent-contrast: #0e1511;--morse: var(--text)}[data-theme=grape]{--bg: #0f0b14;--bg-elev: #15101c;--panel: #1a1524;--text: #f0eaff;--muted: #ae9fd3;--border: #251c36;--accent: #a78bfa;--accent-contrast: #0f0b14;--morse: var(--text)}#root,.app-container{display:flex;flex-direction:column;height:var(--app-height, 100svh);background:var(--bg);color:var(--text);font-size:var(--fs-base);padding-bottom:env(keyboard-inset-height,0px)}.header,.footer{flex-shrink:0}.main-container{flex-grow:1;display:flex}.header{display:flex;flex-direction:column;width:100%;background:inherit;font-size:inherit;padding-right:1rem;line-height:1.1;position:relative}.header-bar{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-5, 1.25rem) 0}.header-bar-icons{margin-left:auto;display:flex;gap:1.5em;align-items:center}.theme-switcher{position:absolute;top:.5rem;right:.75rem;z-index:1100;display:flex;align-items:center;gap:.5rem}.theme-switcher select{appearance:none;background:var(--panel, #fff);color:var(--text, #111);border:1px solid var(--border, #ddd);border-radius:8px;padding:.35rem .65rem;font-size:.9rem;box-shadow:0 1px 2px #0000000f;cursor:pointer}.theme-switcher select:focus{outline:none;box-shadow:0 0 0 3px #0ea5e940}.header .title{margin:0 auto;width:min(1100px,100%);padding:var(--space-4) 0}.title-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:left;gap:0;padding:0 0 0 var(--space-5)}.title h1{font-size:clamp(1.2rem,1rem + 1.2vw,var(--fs-2xl));font-weight:700;letter-spacing:-.01em;margin:0}.title h2{font-size:clamp(.95rem,.9rem + .4vw,var(--fs-lg));color:var(--muted);margin:.2rem 0 0;font-weight:450}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7) var(--space-5)}.main-container h2{font-size:clamp(var(--fs-xs),var(--fs-xs) + 1.2vw,var(--fs-2xl));font-weight:lighter;letter-spacing:-.01em;align-self:flex-start;margin-bottom:0;padding-left:var(--space-1)}.main-container h2 .practiceLetter{font-weight:500}.sentence{width:min(1100px,100%);margin:0 auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(var(--space-5),2vw + var(--space-4),var(--space-8));display:flex;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap;gap:var(--space-2)}.sentence-letters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(var(--space-3),2vw,var(--space-8))}.letter{min-width:1em;text-align:center}.letter{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--letter);padding:0;color:var(--text)}.letter .morse{letter-spacing:-.06em;color:var(--morse)}.letter .reveal{display:block;height:1em;font-size:var(--letter-reveal);color:var(--muted)}.word-seperator{display:inline-block;width:1.25rem;height:0}.progression{display:flex;align-items:baseline;gap:var(--space-3);margin:var(--space-2) 0 var(--space-4);color:var(--muted);padding:var(--space-4) var(--space-5)}.progression h2{font-size:clamp(.95rem,.9rem + .4vw,var(--fs-lg));color:var(--muted);margin:.2rem 0 0;font-weight:450}.game-stats{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-sm);color:var(--muted);margin-top:var(--space-3)}.perfect{color:color-mix(in oklab,var(--accent) 80%,white);font-size:var(--fs-xl);font-weight:700;margin-top:var(--space-4)}.navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-7)}.navigation button,.navigation .btn,.btn-primary,.btn-ghost{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:.7rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:var(--fs-base);font-weight:600;letter-spacing:.01em;transition:transform .12s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;cursor:pointer}.navigation button:hover,.navigation .btn:hover,.btn-primary:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--border));box-shadow:0 6px 16px color-mix(in oklab,var(--accent) 20%,transparent);transform:translateY(-1px)}.navigation button:active,.navigation .btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:color-mix(in oklab,var(--accent) 70%,var(--border))}.btn-primary:hover{box-shadow:0 8px 22px color-mix(in oklab,var(--accent) 40%,transparent)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}input.text-container,.text-container:focus{width:1px;opacity:0;border:0;padding:0;margin:0;position:absolute;left:-9999px;bottom:0}:where(button,[role=button],a,summary):focus-visible{outline:none;box-shadow:var(--focus)}@media (min-width: 640px){:root{--letter: 2.4rem;--letter-reveal: 1.35rem}}@media (min-width: 960px){:root{--letter: 2.8rem;--letter-reveal: 1.5rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}a{font-weight:500;color:var(--accent, #0ea5e9);text-decoration:inherit;transition:color .18s}a:hover{color:color-mix(in oklab,var(--accent) 70%,var(--text))}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius-md, 12px);border:1px solid var(--border, #e6e7eb);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--panel, #fff);color:var(--text, #14151a);cursor:pointer;transition:border-color .18s,background .18s,color .18s}button:hover{border-color:var(--accent, #0ea5e9);background:var(--bg-elev, #f7f7f9);color:var(--accent, #0ea5e9)}button:focus,button:focus-visible{outline:3px solid var(--accent, #0ea5e9);outline-offset:2px}._menu_9xfyk_5{position:relative;display:inline-block;width:auto;text-align:left;z-index:20}._menu_9xfyk_5>summary::-webkit-details-marker{display:none}._menuPanel_9xfyk_29{display:none;position:absolute;top:calc(100% + .5rem);left:0;min-width:14rem;max-width:90vw;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:.35rem;gap:0}._menu_9xfyk_5[open] ._menuPanel_9xfyk_29,._menu_9xfyk_5:focus-within ._menuPanel_9xfyk_29{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}._menuPanel_9xfyk_29 button{appearance:none;width:100%;background:transparent;border:0;color:var(--text);text-align:left;padding:.5rem .6rem;border-radius:6px;font-size:var(--fs-base);line-height:1.2;cursor:pointer;transition:background .14s ease,color .14s ease}._menuPanel_9xfyk_29 button:hover,._menuPanel_9xfyk_29 button:focus-visible{background:color-mix(in oklab,var(--accent) 12%,transparent);outline:none}._menuPanel_9xfyk_29 ._menuTheme_9xfyk_115 ._ThemeSwitcher_9xfyk_115{position:static}._menuHeader_9xfyk_123{display:inline-flex;align-items:center;gap:.5em;list-style:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:600;padding:var(--space-2, .5rem) var(--space-3, .75rem);padding-left:0;border-radius:var(--radius-sm, 8px);color:var(--text, #14151a)}._menuSummaryLabel_9xfyk_151{display:inline-block;vertical-align:middle}._visuallyHidden_9xfyk_163{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;clip-path:inset(50%);border:0;padding:0;margin:-1px}._navigationBar_bwk8l_1{display:flex;justify-content:center;align-items:center;gap:.7em;padding:.5em .2em;border-radius:10px 10px 0 0;width:100%;min-width:0;flex-wrap:wrap;box-shadow:0 -1px 6px #0000000a;background:var(--panel, #fff);border-top:2px solid color-mix(in oklab,var(--accent, #0ea5e9) 40%,var(--border, #e6e7eb) 60%)}._navBtn_bwk8l_31{padding:.35em .45em;font-size:1.15em;border-radius:50%;min-width:32px;min-height:32px;margin:0 .05em;background:var(--panel, #fff);color:var(--text, #14151a);border:2px solid var(--border, #e6e7eb);transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:flex;align-items:center;justify-content:center}._navBtn_bwk8l_31:hover:not(:disabled),._navBtn_bwk8l_31:focus-visible:not(:disabled){background:var(--bg-elev, #f7f7f9);color:var(--accent, #0ea5e9);border-color:var(--accent, #0ea5e9);box-shadow:0 2px 8px color-mix(in oklab,var(--accent) 30%,transparent)}._navBtn_bwk8l_31:active:not(:disabled){background:var(--accent, #0ea5e9);color:var(--accent-contrast, #fff)}._navBtn_bwk8l_31:disabled{background:var(--bg-elev, #f7f7f9);color:var(--muted, #656b7a);border-color:var(--border, #e6e7eb);opacity:.5;box-shadow:none}._navBtn_bwk8l_31:active{transform:scale(.3);transition:transform .6s}