@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2")}:root{color-scheme:light;--paper: #F6F1E8;--ink: #221D16;--amber: #B45309;--gray: #6F6455;--edge: #DED5C4;--edge-soft: #E5DCCB;--card: #FFFCF6;--amber-deep: #92400e;--font-serif: "Newsreader", Georgia, serif;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--radius: 10px;--hairline: 1px solid var(--edge);--dur-state: .15s;--dur-layout: .25s;--tone-freq: 620;--tone-ramp: .008;--tap: 44px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font-sans);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--amber-deep);outline-offset:2px}.shell{max-width:390px;min-height:100dvh;margin:0 auto;padding:32px 24px 24px;display:flex;flex-direction:column}.masthead{flex:none}.masthead-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--gray)}.progress-track{margin-top:12px;height:2px;border-radius:1px;background:var(--edge-soft);overflow:hidden}.progress-fill{height:100%;border-radius:1px;background:var(--ink);transition:width var(--dur-layout) ease-out}.stage{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;text-align:center}.eyebrow{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--gray)}.play{width:88px;height:88px;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:50%;background:transparent;transition:background-color var(--dur-state) ease-out,border-color var(--dur-state) ease-out}.play[data-sounding=true]{background:var(--amber);border-color:var(--amber)}.play[data-sounding=true] .play-mark{border-left-color:var(--paper)}.play:hover{border-color:var(--amber)}.play-mark{width:0;height:0;margin-left:4px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:22px solid var(--ink)}.play:hover .play-mark{border-left-color:var(--amber)}.play[data-sounding=true]:hover .play-mark{border-left-color:var(--paper)}.question{margin:0;font-family:var(--font-serif);font-size:26px;font-weight:500;line-height:1.3}.verdict{display:inline-flex;align-items:baseline;justify-content:center;gap:12px}.verdict-mark{font-family:var(--font-sans);font-size:18px}.verdict-mark{color:var(--ink)}.reveal{margin:0;font-family:var(--font-serif);font-size:64px;font-weight:500;line-height:1}.pattern{margin:0}.pattern-row{display:flex;align-items:center;justify-content:center;gap:16px}.pattern-element{display:block;height:16px;background:var(--ink)}.pattern-element[data-kind=dit]{width:16px;border-radius:50%}.pattern-element[data-kind=dah]{width:48px;border-radius:8px}.pattern-element[data-highlight=true]{background:var(--amber)}.footer{flex:none;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.footer-stats{margin:0;font-size:13px;color:var(--gray);font-variant-numeric:tabular-nums}.dots{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:var(--edge)}.dot[data-state=done]{background:var(--ink)}.summary-heading{margin:0;font-family:var(--font-serif);font-size:1.75rem;font-weight:500}.actions{display:flex;justify-content:center;gap:var(--space-1);margin-top:12px}button{font:inherit;min-height:var(--tap);padding:.6rem 1.5rem;color:var(--ink);background:transparent;border:1px solid var(--edge);border-radius:var(--radius);cursor:pointer}button:hover:not(:disabled){border-color:var(--amber)}button:disabled{opacity:.45;cursor:not-allowed}.button-primary{color:var(--paper);background:var(--amber);border-color:var(--amber)}.button-primary:hover:not(:disabled){background:var(--amber-deep);border-color:var(--amber-deep)}.answers{flex:none;margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.answer{height:64px;min-height:0;padding:0;position:relative;font-family:var(--font-serif);font-size:26px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--edge);border-radius:var(--radius)}.answer:hover:not(:disabled),.answer:focus-visible{border-color:var(--amber)}.answer[data-mark=correct]{border-color:var(--ink)}.answer[data-mark=correct][data-tone=amber]{border-color:var(--amber);color:var(--amber-deep)}.answer[data-mark=wrong]{border-color:var(--edge);color:var(--gray)}.answer-mark{position:absolute;top:6px;right:8px;font-family:var(--font-sans);font-size:12px;line-height:1}.answer:disabled[data-mark]{opacity:1}.button-next{height:64px;min-height:0;padding:0 24px;font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--edge);border-radius:var(--radius);transition:border-color var(--dur-state) ease-out}.button-next:hover{border-color:var(--ink)}.learn{flex:1 1 auto;display:flex;flex-direction:column}.learn-char{margin:0;font-family:var(--font-serif);font-size:64px;font-weight:300;line-height:1}.learn-copy{margin:0;font-size:15px;line-height:1.65;color:var(--gray)}.pattern-blank{height:16px}.learn-skip{flex:none;margin-top:20px;display:flex;justify-content:center}.screen-heading{margin:0;font-family:var(--font-serif);font-size:26px;font-weight:500;line-height:1.3}.screen-heading:focus{outline:none}.intro{flex:1 1 auto;display:flex;flex-direction:column}.intro-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:24px;animation:fade-in var(--dur-layout) ease-out both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.intro-headline{margin:0;font-family:var(--font-serif);font-size:32px;font-weight:500;line-height:1.2}.intro-headline:focus{outline:none}.intro-text{margin:0;font-size:16px;line-height:1.65;color:var(--gray)}.intro-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.skip,.quiet-action{padding:.5rem 0;min-height:var(--tap);font-size:13px;color:var(--gray);background:transparent;border:none}.skip:hover,.quiet-action:hover{color:var(--amber-deep)}.drill-invite{margin-top:8px;display:flex;flex-direction:column;align-items:center}.button-begin,.intro-next,.button-go{height:64px;min-height:0;padding:0 32px;font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--paper);background:var(--amber);border:1px solid var(--amber);border-radius:var(--radius);transition:background-color var(--dur-state) ease-out,border-color var(--dur-state) ease-out}.button-begin:hover,.intro-next:hover,.button-go:hover{background:var(--amber-deep);border-color:var(--amber-deep)}.app-header{flex:none;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.wordmark{font-family:var(--font-serif);font-size:20px;font-weight:400;line-height:1}.icon-button{width:var(--tap);height:var(--tap);min-height:0;padding:0;margin-right:-10px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:transparent;border:none}.icon-button:hover{color:var(--amber-deep)}.menu{flex:1 1 auto;display:flex;flex-direction:column;animation:fade-in var(--dur-layout) ease-out both}.menu-head{flex:none;display:flex;justify-content:flex-end}.menu-nav{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:24px;padding-bottom:48px}.menu-item{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0;font-family:var(--font-serif);font-size:26px;font-weight:400;color:var(--ink);background:transparent;border:none;text-align:left}.menu-item:hover{color:var(--amber-deep)}.menu-dot{flex:none;width:8px;height:8px;border-radius:50%;background:transparent}.menu-dot[data-current=true]{background:var(--amber)}.screen{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-3)}.stat-lines{margin:0;display:flex;flex-direction:column}.stat-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:12px 0;border-bottom:var(--hairline)}.stat-line dt{font-size:13px;color:var(--gray)}.stat-line dd{margin:0;font-size:15px;font-variant-numeric:tabular-nums}.char-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.char-table th[scope=col]{padding:8px 0;border-bottom:var(--hairline);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--gray);text-align:right}.char-table th[scope=col]:first-child{text-align:left}.char-table td{padding:12px 0;border-bottom:1px solid var(--edge-soft);font-size:15px;text-align:right}.char-cell{padding:12px 0;border-bottom:1px solid var(--edge-soft);font-family:var(--font-serif);font-size:22px;font-weight:500;line-height:1;text-align:left}.footnote{margin:0;font-size:13px;line-height:1.65;color:var(--gray)}.empty-note{margin:0;font-size:15px;line-height:1.65;color:var(--gray)}.about-lockup{margin:0;display:flex;align-items:center;gap:var(--space-1)}.about-mark{width:90px;height:auto}.about-wordmark{font-size:28px}.about-line{margin:0;font-size:16px;line-height:1.65;color:var(--gray)}.about-facts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.about-facts li{padding:12px 0;border-bottom:var(--hairline);font-size:14px;line-height:1.65;color:var(--gray);font-variant-numeric:tabular-nums}.account-line{margin:0;font-size:16px;line-height:1.65}.account-status{margin:0;font-size:16px;line-height:1.65;font-variant-numeric:tabular-nums}.account-note{margin:0;font-size:14px;line-height:1.65;color:var(--gray)}.account-actions{display:flex;flex-direction:column;gap:var(--space-2)}.account-actions button{width:100%;min-height:64px}.account-confirm{display:flex;flex-direction:column;gap:var(--space-2)}.account-message{margin:0;min-height:1.65em;font-size:14px;line-height:1.65;color:var(--gray)}.setting{display:flex;flex-direction:column;gap:12px}.setting-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.setting-head label{font-size:16px}.setting-value{font-variant-numeric:tabular-nums;color:var(--gray)}.slider{width:100%;min-height:var(--tap);accent-color:var(--ink)}.setting-note{margin:0;font-size:14px;line-height:1.65;color:var(--gray)}.facts{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.facts dt{font-size:1rem;color:var(--gray)}.facts dd{margin:0;font-family:var(--font-serif);font-size:1.5rem;font-variant-numeric:tabular-nums}.note{margin:0;font-size:1rem;color:var(--gray);text-align:center}.variability-note,.streak-note{margin:16px 0 0;font-size:13px;line-height:1.65;text-align:center;color:var(--gray)}.stage>.streak-note{margin-top:0}.unlock{margin:0;font-size:1.0625rem;color:var(--gray)}.unlock strong{font-family:var(--font-serif);font-weight:500;color:var(--amber-deep)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=dark]{color-scheme:dark;--paper: #17130e;--ink: #f0e9dd;--amber: #e08a3c;--amber-deep: #f0a95c;--gray: #9a8f7c;--edge: #3a3128;--edge-soft: #2a231b;--card: #1e1913}