@font-face{font-family:Sora;src:url(/assets/Sora-VariableFont_wght-BdGHk4M9.ttf)format("truetype");font-weight:100 800;font-display:swap}:root{--neutral-900:#121212;--neutral-800:#262626;--neutral-500:#727279;--neutral-400:#959597;--neutral-0:#fff;--blue-600:#1a7dff;--blue-400:#4ca6ff;--red-500:#d64c5a;--green-500:#4cd67a;--yellow-400:#f4dc71;--font:"Sora", system-ui, sans-serif;--radius-control:.5rem;--radius-card:12px;--max-width:70rem}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font);color:var(--neutral-0);background:var(--neutral-900);margin:0;font-size:16px;font-weight:400;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}h1,h2,p{margin:0}:focus{outline:none}:focus-visible,button:focus-visible{outline:2px solid var(--blue-400);outline-offset:3px}.app{max-width:100%;min-height:100dvh;padding:1.25rem 1.25rem 2rem;overflow-x:clip}.app:focus{outline:none}.app__shell{width:min(100%, var(--max-width));gap:1.5rem;min-width:0;margin-inline:auto;display:grid}.app__shell>*{min-width:0}.app--results .app__shell{grid-template-rows:auto 1fr;min-height:calc(100dvh - 2.5rem)}.app-header{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.brand{flex:auto;align-items:center;min-width:0;display:flex}.brand__logo--small{width:2rem;height:2rem;display:block}.brand__logo--large{width:min(16.7rem,100%);height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.personal-best{flex:0 auto;align-items:center;gap:.55rem;min-width:0;display:flex}.personal-best p{font-size:.95rem}.personal-best__label{color:var(--neutral-400);margin-right:.3rem}.personal-best strong{font-weight:700}.toolbar{gap:1rem;display:grid}.live-stats{text-align:center;grid-template-columns:repeat(3,1fr);align-items:center;display:grid}.live-stats__item{gap:.35rem;padding:.15rem .35rem .35rem;display:grid;position:relative}.live-stats__item+.live-stats__item:before{content:"";background:#383838;width:1px;position:absolute;top:8%;bottom:8%;left:0}.live-stats__label{color:var(--neutral-400);font-size:.95rem;font-weight:400}.live-stats__value{font-size:1.85rem;font-weight:700;line-height:1}.live-stats__value.is-low{color:var(--red-500)}.live-stats__value.is-timer{color:var(--yellow-400)}.test-controls{display:grid}.desktop-controls{display:none}.mobile-controls{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mobile-select{position:relative}.mobile-select__trigger{background:var(--neutral-900);border:1px solid #525252;border-radius:.8rem;justify-content:center;align-items:center;gap:.7rem;width:100%;min-height:3.15rem;padding:.7rem 1rem;font-weight:600;display:flex}.mobile-select__trigger:hover:not(:disabled),.mobile-select__trigger:focus-visible{border-color:var(--blue-400)}.mobile-select__menu{z-index:20;background:#171717;border:1px solid #383838;border-radius:.85rem;margin:0;padding:.4rem .15rem;list-style:none;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 16px 32px #00000073}.mobile-select__menu button{text-align:left;border-radius:.45rem;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;width:100%;padding:.72rem .9rem;font-weight:500;display:grid}.mobile-select__menu button:hover,.mobile-select__menu button:focus-visible{background:var(--neutral-800)}.radio{border:2px solid var(--neutral-500);border-radius:50%;flex-shrink:0;width:1.15rem;height:1.15rem;position:relative}.radio.is-checked{border-color:var(--blue-600)}.radio.is-checked:after{content:"";background:var(--blue-600);border-radius:50%;position:absolute;inset:2px}.control-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.control-group__label{color:var(--neutral-400);white-space:nowrap}.pill-group{flex-wrap:wrap;gap:.5rem;display:flex}.pill{border:1px solid var(--neutral-500);border-radius:var(--radius-control);min-height:2.35rem;color:var(--neutral-0);white-space:nowrap;padding:.4rem .9rem;font-weight:600;line-height:1.2;transition:border-color .15s,color .15s,background-color .15s}.pill:hover:not(:disabled){color:var(--blue-400);border-color:var(--blue-400)}.pill.is-active{color:var(--blue-600);border-color:var(--blue-600)}.pill.is-active:hover:not(:disabled){border-color:var(--blue-400);color:var(--blue-400)}.pill:focus-visible,.pill.is-active:focus-visible{outline:2px solid var(--blue-400);outline-offset:3px}.test-controls.is-disabled{opacity:.55;pointer-events:none}.typing-area{align-content:start;min-height:16rem;padding-top:.35rem;display:grid;position:relative}.passage{color:var(--neutral-400);word-break:break-word;font-size:1.45rem;font-weight:400;line-height:1.45}.passage.is-blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.start-overlay p{cursor:text}.char{white-space:pre-wrap}.char.is-correct{color:var(--green-500)}.char.is-incorrect{color:var(--red-500);text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:2px}.char.is-caret{background:#95959759;border-radius:2px}.start-overlay{text-align:center;align-content:center;justify-items:center;gap:1rem;padding:1rem;display:grid;position:absolute;inset:0}.start-overlay p{font-size:1rem;font-weight:600}.btn{border-radius:.7rem;grid-auto-flow:column;justify-content:center;align-items:center;gap:.65rem;min-height:3.15rem;padding:.8rem 1.45rem;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid}.btn--primary{background:var(--blue-600);color:var(--neutral-0)}.btn--primary:hover{background:var(--blue-400)}.btn--primary:focus-visible{background:var(--blue-600);outline:3px solid var(--blue-400);outline-offset:3px}.btn--dark{background:var(--neutral-800);color:var(--neutral-0);min-width:12rem}.btn--dark:hover{background:#333}.btn--light{background:var(--neutral-0);color:var(--neutral-900);min-width:12.5rem}.btn--light:hover{background:#ebebeb}.btn--light img{filter:brightness(0)}.restart-row{border-top:1px solid var(--neutral-800);justify-items:center;padding-top:.25rem;display:grid}.results{text-align:center;z-index:0;align-content:start;justify-items:center;gap:1.5rem;padding:1.75rem 0 2rem;display:grid;position:relative;overflow:clip visible}.results__hero{justify-items:center;gap:.85rem;max-width:30rem;display:grid}.results__icon{width:5rem;height:5rem}.results--baseline .results__icon,.results--complete .results__icon{border-radius:50%;box-shadow:0 0 0 .7rem #4cd67a14,0 0 0 1.4rem #4cd67a0d}.results__hero h2{font-size:clamp(1.9rem,4.5vw,2.75rem);font-weight:700;line-height:1.1}.results__hero p{color:var(--neutral-500);max-width:26rem;font-size:1rem;line-height:1.5}.results__stats{gap:.85rem;width:min(100%,34rem);margin-top:.35rem;display:grid}.result-card{text-align:left;border:1px solid var(--neutral-800);border-radius:var(--radius-card);background:0 0;justify-items:start;gap:.55rem;padding:1.1rem 1.25rem 1.2rem;display:grid}.result-card>span{color:var(--neutral-500);font-size:1rem}.result-card>strong{color:var(--neutral-0);font-size:clamp(1.9rem,4vw,2.35rem);font-weight:700;line-height:1}.result-card>strong.is-perfect{color:var(--green-500)}.result-card>strong.is-low{color:var(--red-500)}.result-card__chars{grid-auto-flow:column;align-items:baseline;gap:.4rem;font-size:clamp(1.9rem,4vw,2.35rem);font-weight:700;line-height:1;display:grid}.result-card__chars .is-correct{color:var(--green-500)}.result-card__chars .is-incorrect{color:var(--red-500)}.result-card__chars .slash{color:var(--neutral-500);font-size:1.35rem;font-weight:600}.results .btn--light{border-radius:.85rem;min-width:11.5rem;margin-top:.5rem}.results__star{pointer-events:none;z-index:-1;position:absolute}.results__star--left{width:1.75rem;height:1.75rem;top:5.5rem;left:clamp(.5rem,4vw,4rem)}.results__star--right{width:2.75rem;height:2.75rem;top:22rem;right:.75rem}.results__confetti{pointer-events:none;opacity:.95;z-index:-1;width:min(160%,100rem);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.results--personal-best{padding-bottom:8rem}.results--personal-best .results__icon{width:5.5rem;height:5.5rem;box-shadow:none;filter:none}.results--personal-best .results__hero p{max-width:24rem}@media (width>=768px){.app{padding:2.5rem 2rem 3rem}.app__shell{gap:2rem}.brand__logo--large{display:block}.personal-best p{font-size:1rem}.toolbar{border-bottom:1px solid var(--neutral-800);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1.25rem;min-width:0;padding-bottom:1.25rem;display:flex}.live-stats{text-align:left;flex:auto;justify-content:start;width:auto;min-width:0}.live-stats__item{align-items:center;gap:.3rem;padding:0 .7rem;display:flex}.live-stats__item:first-child{padding-left:0}.live-stats__item+.live-stats__item:before{top:20%;bottom:20%}.live-stats__label,.live-stats__value{font-size:1rem;line-height:1}.live-stats__label{color:var(--neutral-400);font-weight:400}.live-stats__value{color:var(--neutral-0);font-weight:700}.mobile-controls{display:none}.desktop-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem 1rem;min-width:0;display:flex}.control-group{gap:.45rem}.pill{padding:.35rem .7rem}.typing-area{border-top:0;min-height:18rem;padding-top:.5rem}.passage{width:100%;max-width:none;font-size:clamp(1.25rem,1.6vw,1.6rem);line-height:1.7}.results{gap:1.5rem;padding:1.75rem 0 3rem}.results__stats{grid-template-columns:repeat(3,1fr);gap:1.1rem;width:min(100%,44rem)}.result-card{padding:1.25rem 1.4rem 1.35rem}.results__star--left{width:2rem;height:2rem;top:6.5rem;left:12%}.results__star--right{width:3.75rem;height:3.75rem;top:18.5rem;right:8%}.results--personal-best{padding-bottom:9rem}}@media (width>=1100px){.app{padding:3rem 3.5rem 3.5rem}.app__shell{gap:2.25rem}.toolbar{flex-wrap:nowrap}.desktop-controls{flex-wrap:nowrap;flex-shrink:0}.passage{font-size:1.6rem;line-height:1.75}}@media (prefers-reduced-motion:reduce){.btn,.pill{transition:none}}