/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", "Fira Mono", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-ui:"Inter", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--bg:#111;--surface:#191919;--border:#252525;--text:#e2e2e2;--dim:#404040;--ui-muted:#868686;--correct:#4ade80;--wrong:#ca4754;--caret:#e2e2e2;--accent:#6b6bff}body.light{--bg:#e8e4de;--surface:#dedad4;--border:#ccc8c2;--text:#1a1a1a;--dim:#888580;--ui-muted:#5f5a54;--correct:#4ade80;--wrong:#ca4754;--caret:#1a1a1a}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}.bg-orbs{pointer-events:none;z-index:0;transition:opacity .6s;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg-orbs.hide{opacity:0}#bg-grid{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#app{z-index:1;flex-direction:column;justify-content:center;align-items:stretch;width:100%;min-width:100%;height:100vh;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 36px;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;font-size:1rem;font-weight:500;text-decoration:none}.wordmark:hover{opacity:.75}.wordmark .dot{color:var(--accent)}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}#app.prestart .toolbar{z-index:15;justify-content:flex-start;width:min(760px,90vw);position:fixed;top:calc(50% + 74px);left:50%;transform:translate(-53%)}.tool-group{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:1px;padding:2px;display:flex}.tool-btn{font-family:var(--font-mono);color:var(--ui-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:4px 9px;font-size:.7rem;line-height:1.4;transition:background .12s,color .12s}.tool-btn:hover{color:var(--text)}.tool-btn.active{background:var(--border);color:var(--text)}.tool-sep{background:var(--border);flex-shrink:0;width:1px;height:18px}.tool-icon{background:var(--surface);border:1px solid var(--border);font-size:.8rem}@supports (color:color-mix(in lab,red,red)){.tool-icon{border:1px solid color-mix(in srgb,var(--border) 82%,var(--text))}}.tool-icon{cursor:pointer;color:var(--ui-muted);border-radius:6px;padding:4px 8px;line-height:1.4;transition:color .12s,border-color .12s,background .12s}.tool-icon:hover{color:var(--text)}.tool-icon.active{color:var(--text);border-color:var(--dim)}.toolbar-locked .tool-btn,.toolbar-locked .tool-sep,.toolbar-locked .tool-wrap,.spanel-locked{opacity:.3;pointer-events:none}.tool-btn:disabled{cursor:default}.tool-wrap{position:relative}.tool-trigger{font-family:var(--font-mono);color:var(--ui-muted);background:var(--surface);border:1px solid var(--border);font-size:.7rem}@supports (color:color-mix(in lab,red,red)){.tool-trigger{border:1px solid color-mix(in srgb,var(--border) 82%,var(--text))}}.tool-trigger{cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 26px 4px 10px;line-height:1.4;transition:color .12s,border-color .12s;position:relative}.tool-trigger:after{content:"▾";text-align:center;width:26px;color:inherit;opacity:.9;pointer-events:none;font-size:.96rem;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-52%)}.tool-trigger:hover{color:var(--text)}.tool-trigger.active{background:var(--border);color:var(--text)}.tool-dropdown{opacity:0;pointer-events:none;z-index:100;background:0 0;border:none;flex-direction:column;gap:1px;min-width:96px;padding-top:8px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tool-dropdown-inner{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:1px;padding:4px;display:flex}.tool-wrap:hover .tool-dropdown,.tool-wrap:focus-within .tool-dropdown{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)}.tool-opt{font-family:var(--font-mono);color:var(--ui-muted);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:.7rem;transition:background .12s,color .12s}.tool-opt:hover{color:var(--text)}.tool-opt.active{background:var(--border);color:var(--text)}.stage{flex-direction:column;align-self:stretch;align-items:center;gap:24px;width:100%;padding:0 32px;display:flex;max-width:none!important}.word-display{font-family:var(--font-mono);letter-spacing:.04em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;min-width:0;min-height:1.2em;font-size:clamp(4.8rem,12vw,7.2rem);font-weight:400;line-height:1;display:flex;overflow:visible;max-width:none!important}.word-inline{align-items:center;display:inline-flex;position:relative}.timed-ready-dots{align-items:center;gap:6px;width:84px;margin-right:14px;display:flex;position:absolute;top:0;right:100%;transform:translateY(-45%)}.timed-ready-dots .dot{background:var(--correct);opacity:1;border-radius:999px;width:12px;height:12px}.timed-ready-dots .dot.off{opacity:0!important;animation:none!important}.timed-ready-dots.blink-odd .dot:not(.off),.timed-ready-dots.blink-even .dot:not(.off){animation:.32s ease-out forwards ready-blink}@keyframes ready-blink{0%{opacity:1}to{opacity:.2}}.ch{color:var(--dim);transition:color 40ms;display:inline-block}.ch-anchor{display:inline-block;position:relative}.ch.correct{color:var(--correct)}.ch.wrong{color:var(--wrong)}.wrong-pop{color:var(--wrong);pointer-events:none;white-space:nowrap;opacity:0;font-size:.3em;font-weight:500;line-height:1;animation:.8s ease-out forwards wrong-pop-float;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes wrong-pop-float{0%{opacity:0;transform:translate(-50%)translateY(.34em)scale(.9)}16%{opacity:1;transform:translate(-50%)translateY(.04em)scale(1)}72%{opacity:1;transform:translate(-50%)translateY(-.22em)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-.48em)scale(.98)}}.caret{background:var(--caret);vertical-align:middle;border-radius:1px;width:2px;height:.85em;margin-right:1px;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hint{font-family:var(--font-mono);color:var(--dim);letter-spacing:.04em;text-align:center;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:400;line-height:1.3;transition:opacity .25s;animation:.4s cubic-bezier(.22,1,.36,1) both hint-rise}@keyframes hint-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hint-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.hint.exiting{animation:.28s ease-in both hint-exit}.hint-key{color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:2px 12px 4px;animation:2.4s ease-in-out infinite key-glow;display:inline-block}@keyframes key-glow{0%,to{box-shadow:none;border-color:var(--border)}50%{box-shadow:0 0 14px color-mix(in srgb,var(--accent) 40%,transparent);border-color:var(--accent)}}@keyframes key-press-burst{0%{background:var(--surface);color:var(--text);transform:scale(1)}35%{background:var(--accent);color:#fff;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 70%,transparent);transform:scale(1.18)}to{background:var(--accent);color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 50%,transparent);transform:scale(1.1)}}.hint-key.pressed{animation:.35s cubic-bezier(.22,1,.36,1) forwards key-press-burst}.hint-stat{color:var(--text)}.hint-sub{color:var(--dim);letter-spacing:.06em;margin-top:.7em;font-size:.45em;display:block}.hint-sub-cycle{min-height:1.8em}.hint-sub-anim{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.48em;display:inline-flex}.hint-word{opacity:0;filter:blur(1.3px);display:inline-block;transform:translateY(.9em)scale(.97)}.hint-word-key{margin:0 .08em}.hint-sub-anim-live .hint-word{animation:.5s cubic-bezier(.22,1,.36,1) forwards hint-word-dialup;animation-delay:calc(var(--widx) * 75ms)}@keyframes hint-word-dialup{0%{opacity:0;filter:blur(1.3px);transform:translateY(.9em)scale(.97)}65%{opacity:1;filter:blur();transform:translateY(-.08em)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.hint-sub .hint-key{font-size:inherit;border-radius:6px;padding:1px 8px 2px}.hint.hidden{display:none}.tip{z-index:9999;pointer-events:none;color:#e0e0f0;letter-spacing:.02em;white-space:nowrap;opacity:0;background:#1e1e2e;border:1px solid #ffffff1f;border-radius:8px;padding:6px 12px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(5px);box-shadow:0 6px 24px #0000008c}body.light .tip{color:#e8e8f0;background:#222230;border-color:#ffffff14}.tip.visible{opacity:1;transform:translateY(0)}.mobile-block{z-index:99999;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.mobile-block .wordmark{font-size:2.4rem}.mobile-block-text{color:var(--dim);max-width:280px;font-family:Inter,sans-serif;font-size:1rem;line-height:1.7}@media(max-width:700px){.mobile-block{display:flex}#app{display:none}}.typer{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-999px;left:-999px}.esc-hint{font-family:var(--font-mono);color:var(--dim);opacity:0;pointer-events:none;letter-spacing:.06em;font-size:.78rem;transition:opacity .3s;position:absolute;bottom:34px;left:24px}.esc-hint.visible{opacity:.65}.esc-hint.flash{animation:2s ease-in-out infinite esc-flash}@keyframes esc-flash{0%,to{opacity:.2}50%{opacity:.7}}.esc-hint kbd{font-family:inherit;font-size:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 6px}.settings-btn{width:32px;height:32px;color:var(--ui-muted);cursor:pointer;z-index:20;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;bottom:32px;right:28px}.settings-btn:hover,.settings-btn.open{color:var(--text);background:var(--surface)}.settings-btn.settings-locked{opacity:.3;pointer-events:none}.settings-panel{background:var(--surface);border:1px solid var(--border);opacity:0;pointer-events:none;z-index:19;border-radius:10px;flex-direction:column;gap:8px;min-width:220px;padding:10px 12px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:72px;right:20px;transform:translateY(6px)}.settings-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.spanel-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.spanel-row:last-child{border-bottom:none;padding-bottom:0}.spanel-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:.06em;white-space:nowrap;min-width:48px;font-size:.68rem}.spanel-group{gap:3px;display:flex}.spanel-btn{font-family:var(--font-mono);color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-size:.68rem;transition:color .12s,background .12s,border-color .12s}.spanel-btn:hover{color:var(--text)}.spanel-btn.active{background:var(--border);color:var(--text);border-color:var(--border)}.spanel-toggle{font-family:var(--font-mono);color:var(--dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:.68rem;transition:color .12s,background .12s}.spanel-toggle:hover{color:var(--text)}.spanel-toggle.active{background:var(--border);color:var(--text)}.spanel-select{font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px;min-width:164px;padding:3px 24px 3px 8px;font-size:.68rem}.spanel-select:disabled{opacity:.55}.word-display.mode-paragraph{box-sizing:border-box;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;max-width:800px;height:calc(100vh - 200px);padding-top:.9em;padding-bottom:.4em;font-size:clamp(1.6rem,3.5vw,2.6rem);line-height:1.9;display:block;overflow-y:scroll}.word-display.mode-paragraph::-webkit-scrollbar{display:none}.para-word{white-space:nowrap;margin-right:.35em;display:inline-block}.para-word.future .ch{opacity:.3}.word-display.mode-rise{height:calc(3 * var(--rise-slot));--rise-slot:8rem;min-height:unset;display:block;overflow:hidden}.rise-track{flex-direction:column;display:flex}.rise-row{height:var(--rise-slot);flex-shrink:0;justify-content:center;align-items:center;display:flex}.rise-row.rise-current{font-size:clamp(3.8rem,9vw,5.5rem)}.rise-row.rise-near{opacity:.3;font-size:clamp(1.4rem,3vw,2rem)}.stats-bar{align-items:flex-end;gap:48px;transition:opacity .22s;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.stats-bar.hidden{opacity:0;pointer-events:none}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-val{font-family:var(--font-mono);color:var(--dim);font-size:1.35rem;font-weight:500;line-height:1;transition:color .2s}.stat-val.live{color:var(--text)}.stat-label{font-family:var(--font-ui);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
