@font-face{font-family:DM Sans;src:local("DM Sans"),url(/assets/DMSans-VariableFont_opsz_wght-D_B5dL4R.ttf) format("truetype");font-weight:100 1000;font-style:normal;font-display:optional}@font-face{font-family:DM Sans;src:local("DM Sans Italic"),url(/assets/DMSans-Italic-VariableFont_opsz_wght-CT59GZwy.ttf) format("truetype");font-weight:100 1000;font-style:italic;font-display:optional}@font-face{font-family:Source Code Pro;src:local("Source Code Pro"),url(/assets/SourceCodePro-VariableFont_wght-BALA0go8.ttf) format("truetype");font-weight:200 900;font-style:normal;font-display:optional}@font-face{font-family:Source Code Pro;src:local("Source Code Pro Italic"),url(/assets/SourceCodePro-Italic-VariableFont_wght-DcVcW4hw.ttf) format("truetype");font-weight:200 900;font-style:italic;font-display:optional}:root{--font-body: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-typing: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--color-background: #f7f2e8;--color-surface: #fffaf0;--color-text-primary: #17130a;--color-text-secondary: #514a3c;--color-text-tertiary: #746b5a;--color-text-muted: #9b907d;--color-border-subtle: #ded2bc;--color-accent: #b87800;--color-danger: #b42318;--color-toggle-track: #ded2bc;--color-toggle-thumb: #fffaf0;--color-shadow: rgb(23 19 10 / 22%);--theme-transition: .22s ease;font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-background);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--color-background: #111111;--color-surface: #181818;--color-text-primary: #f4f4f4;--color-text-secondary: #a8a8a8;--color-text-tertiary: #8a8a8a;--color-text-muted: #6f6f6f;--color-border-subtle: #2a2a2a;--color-accent: #ffbf00;--color-danger: #ff6b6b;--color-toggle-track: #3a3a3a;--color-toggle-thumb: #ffbf00;--color-shadow: rgb(0 0 0 / 36%);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh}body{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);transition:background-color var(--theme-transition),color var(--theme-transition)}@media(prefers-reduced-motion:reduce){:root{--theme-transition: 0ms}}#root,.desktop-app{min-height:100vh}.mobile-fallback{display:none;min-height:100vh;place-items:center;padding:1.5rem;background:var(--color-background);color:var(--color-text-primary);transition:background-color var(--theme-transition),color var(--theme-transition)}.mobile-fallback__panel{width:min(100%,34rem);border:1px dashed var(--color-accent);border-radius:24px;padding:clamp(1.5rem,8vw,2.5rem);background:var(--color-surface);text-align:center;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition)}.mobile-fallback__eyebrow{margin:0 0 .75rem;color:var(--color-accent);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mobile-fallback h1{margin:0;color:var(--color-text-primary);font-size:clamp(2rem,10vw,3rem);letter-spacing:-.06em;line-height:.95}.mobile-fallback p:not(.mobile-fallback__eyebrow){margin:1rem 0 0;color:var(--color-text-secondary);font-size:1rem;line-height:1.55}.welcome-screen{height:100vh;display:grid;grid-template-rows:minmax(72px,10vh) 1fr;background:var(--color-background);color:var(--color-text-primary);overflow:hidden;transition:background-color var(--theme-transition),color var(--theme-transition)}.welcome-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--color-border-subtle);padding:0 1.5rem;transition:border-color var(--theme-transition)}.welcome-header h1{grid-column:2;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;letter-spacing:-.04em;color:var(--color-accent);transition:color var(--theme-transition)}.theme-toggle{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--color-border-subtle);border-radius:999px;padding:.35rem .5rem;background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:.875rem;cursor:pointer;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),box-shadow .16s ease}.theme-toggle:hover{border-color:var(--color-accent)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.theme-toggle__track{position:relative;width:2.25rem;height:1.25rem;border-radius:999px;background:var(--color-toggle-track);transition:background-color var(--theme-transition)}.theme-toggle__thumb{position:absolute;top:.1875rem;left:.1875rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--color-toggle-thumb);box-shadow:0 1px 4px var(--color-shadow);transform:translate(0);transition:background-color var(--theme-transition),box-shadow var(--theme-transition),transform var(--theme-transition)}.theme-toggle[aria-pressed=true] .theme-toggle__thumb{transform:translate(1rem)}.typing-experience{font-family:var(--font-typing);display:flex;align-items:center;justify-content:center;min-height:0;margin:clamp(.75rem,2vw,1.5rem);padding:clamp(1rem,2.5vw,2rem);border:1px dashed var(--color-accent);flex-direction:column;gap:clamp(1rem,2vh,1.5rem);border-radius:24px;background:var(--color-surface);color:var(--color-text-secondary);overflow:auto;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition)}.typing-experience p{margin:0;font-size:clamp(1.25rem,min(2.5vw,3.8vh),2.5rem)}.typing-experience__text{width:min(100%,68rem);line-height:1.25;white-space:pre-wrap}.typing-experience .typing-experience__author{width:min(100%,68rem);color:var(--color-text-tertiary);font-size:clamp(.875rem,1.5vw,1rem);text-align:right;transition:color var(--theme-transition)}.typing-experience__actions{display:flex;min-height:2.75rem;align-items:center;justify-content:center}.typing-experience__change-quote{border:1px solid var(--color-accent);border-radius:999px;padding:.7rem 1rem;background:var(--color-accent);color:var(--color-surface);font:inherit;font-family:var(--font-body);font-weight:700;cursor:pointer;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),opacity .16s ease,transform .16s ease}.typing-experience__change-quote:hover:not(:disabled){transform:translateY(-1px)}.typing-experience__change-quote:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.typing-experience__change-quote:disabled{pointer-events:none;visibility:hidden}.typing-experience__character{position:relative;color:var(--color-text-muted);transition:color .12s ease,box-shadow .12s ease}.typing-experience__character--current:before{position:absolute;top:.08em;bottom:.08em;left:-.04em;width:.06em;border-radius:999px;background:var(--color-accent);content:"";animation:typing-caret-pulse 1s ease-in-out infinite}@keyframes typing-caret-pulse{0%,to{opacity:1}50%{opacity:.25}}.typing-experience__character--correct{color:var(--color-text-primary)}.typing-experience__character--wrong{color:var(--color-danger)}.typing-experience__character--whitespace{display:inline-block;min-width:.35em}.typing-experience__character--whitespace.typing-experience__character--wrong{box-shadow:inset 0 -.08em 0 var(--color-danger);color:transparent}.typing-experience__results{display:flex;min-height:1.5em;gap:clamp(1rem,2vh,1.5rem);margin:0;color:var(--color-text-primary);font-size:clamp(1rem,2vw,1.25rem);transition:color var(--theme-transition)}.typing-experience__results--pending{visibility:hidden}.typing-experience__results div{display:flex;gap:.5rem}.typing-experience__results dt{color:var(--color-text-tertiary);transition:color var(--theme-transition)}.typing-experience__results dd{margin:0}.typing-experience__errors{color:var(--color-danger)}@media(max-width:640px){.welcome-header{grid-template-columns:1fr auto}.welcome-header h1{grid-column:1;justify-self:start;font-size:clamp(1.25rem,7vw,1.75rem)}.theme-toggle{grid-column:2}.theme-toggle__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.welcome-header__actions{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:.75rem}.mistyped-chart-button{border:1px solid var(--color-border-subtle);border-radius:999px;padding:.45rem .75rem;background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:.875rem;cursor:pointer;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),transform .16s ease}.mistyped-chart-button:hover{border-color:var(--color-accent);transform:translateY(-1px)}.mistyped-chart-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.mistyped-modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#0000007a}.mistyped-modal__panel{width:min(75vw,64rem);max-height:min(90vh,42rem);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:24px;padding:clamp(1rem,3vw,1.5rem);background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 24px 70px var(--color-shadow)}.mistyped-modal__header{display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 auto;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle)}.mistyped-modal__body{min-height:0;overflow:auto;padding-right:.25rem}.mistyped-modal__header h2,.mistyped-modal__header p,.mistyped-modal__empty{margin:0}.mistyped-modal__header h2{color:var(--color-accent);font-size:clamp(1.25rem,4vw,1.75rem);letter-spacing:-.03em}.mistyped-modal__header p,.mistyped-modal__empty{color:var(--color-text-tertiary)}.mistyped-modal__close{display:inline-grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border:1px solid var(--color-border-subtle);border-radius:999px;background:transparent;color:var(--color-text-primary);font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}.mistyped-modal__close:hover{border-color:var(--color-accent)}.mistyped-modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.mistyped-modal__chart{overflow-x:auto}.mistyped-modal__chart svg{display:block;width:100%;min-width:28rem;height:auto;font-family:var(--font-body)}.mistyped-modal__bar{fill:var(--color-accent)}.mistyped-modal__bar-label{fill:var(--color-text-primary);font-size:.875rem;font-weight:700}.mistyped-modal .visx-axis text{fill:var(--color-text-tertiary);font-family:var(--font-body);font-size:.8rem}.mistyped-modal .visx-axis line,.mistyped-modal .visx-axis path{stroke:var(--color-border-subtle)}@media(max-width:640px){.welcome-header__actions{grid-column:2;gap:.5rem}.mistyped-chart-button{padding-inline:.65rem}}.mistyped-modal__character-label{fill:var(--color-text-tertiary);font-family:var(--font-body);font-size:.875rem;font-weight:700}.mistyped-modal{animation:mistyped-modal-fade-in .18s ease both}.mistyped-modal__panel{animation:mistyped-modal-fade-in .22s ease both}@keyframes mistyped-modal-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.mistyped-modal,.mistyped-modal__panel{animation-duration:0ms}}.mistyped-modal--closing,.mistyped-modal--closing .mistyped-modal__panel{animation:mistyped-modal-fade-out .18s ease-out both}@keyframes mistyped-modal-fade-out{0%{opacity:1}to{opacity:0}}.mistyped-modal__metric+.mistyped-modal__metric{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border-subtle)}.mistyped-modal__metric h3{margin:1rem .75rem;color:var(--color-text-primary);font-size:1rem;letter-spacing:-.02em}.mistyped-modal__line{fill:none;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.mistyped-modal__line-point{fill:var(--color-surface);stroke:var(--color-accent);stroke-width:2}@media(max-width:767px),(hover:none)and (pointer:coarse){.desktop-app{display:none}.mobile-fallback{display:grid}}