html,body,#root{min-height:100%;margin:0}body{background:#272822;min-height:100vh;font-family:Segoe UI,Aptos,Trebuchet MS,sans-serif}button,input,select,textarea{font:inherit}.rawtype-typing-stage{font-feature-settings:"kern" 0, "liga" 0, "calt" 0;font-kerning:none;font-variant-ligatures:none;transition:border-color var(--motion-medium) ease, box-shadow var(--motion-medium) ease, transform var(--motion-medium) ease;position:relative}.rawtype-typing-stage:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7f7f7f1f}.rawtype-typing-stage-oneline{-ms-overflow-style:none;scrollbar-width:none}.rawtype-typing-stage-oneline::-webkit-scrollbar{display:none}.rawtype-typing-char,.rawtype-completed-word{transform-origin:bottom;will-change:opacity, text-shadow, filter;display:inline-flex;position:relative}.rawtype-typing-char.rawtype-char-correct.rawtype-feedback-lift,.rawtype-completed-word.rawtype-feedback-lift{animation:rawtype-char-lift var(--motion-medium) cubic-bezier(.2, .8, .2, 1)}.rawtype-typing-char.rawtype-char-correct.rawtype-feedback-pop,.rawtype-completed-word.rawtype-feedback-pop{animation:rawtype-char-pop var(--motion-medium) cubic-bezier(.2, .9, .25, 1.35)}.rawtype-typing-char.rawtype-char-correct.rawtype-feedback-wave,.rawtype-completed-word.rawtype-feedback-wave{animation:rawtype-char-wave var(--motion-slow) cubic-bezier(.2, .8, .2, 1)}.rawtype-typing-char.rawtype-char-correct.rawtype-feedback-ink,.rawtype-completed-word.rawtype-feedback-ink{animation:rawtype-char-ink var(--motion-slow) ease-out}.rawtype-typing-char.rawtype-char-error.rawtype-error-shake{animation:rawtype-error-shake var(--motion-medium) cubic-bezier(.36, .07, .19, .97)}.rawtype-typing-char.rawtype-char-error.rawtype-error-flash{animation:rawtype-error-flash var(--motion-slow) ease-out}.rawtype-typing-char.rawtype-char-error.rawtype-error-snap{animation:rawtype-error-snap var(--motion-medium) cubic-bezier(.2, .9, .25, 1.35)}.rawtype-typing-char.rawtype-char-error.rawtype-error-glitch{animation:rawtype-error-glitch var(--motion-slow) steps(2, end)}.rawtype-caret{isolation:isolate;position:relative}.rawtype-caret:after{content:"";pointer-events:none;z-index:1;position:absolute}.rawtype-caret-steady:after,.rawtype-caret-blink:after{background:var(--text);border-radius:2px;width:2px;top:.18em;bottom:.18em;left:0}.rawtype-caret-blink:after{animation:rawtype-caret-blink var(--motion-slow) steps(2, end) infinite}.rawtype-caret-glow:after{background:var(--primary);box-shadow:0 0 12px var(--primary);width:3px;animation:rawtype-caret-glow var(--motion-slow) ease-in-out infinite;border-radius:999px;top:.12em;bottom:.12em;left:-1px}.rawtype-caret-block:after{background:var(--primary);opacity:.18;animation:rawtype-caret-block var(--motion-slow) ease-in-out infinite;border-radius:4px;inset:.12em -1px}.rawtype-caret-underline:after{background:var(--text);height:2px;animation:rawtype-caret-underline var(--motion-slow) ease-in-out infinite;border-radius:999px;bottom:.12em;left:0;right:0}.rawtype-caret-after:after{left:auto;right:-1px}.rawtype-caret-after.rawtype-caret-block:after,.rawtype-caret-after.rawtype-caret-underline:after{width:2px;height:auto;inset:.18em -1px .18em auto}.rawtype-end-caret{align-self:center;width:.55ch;height:1.35em;margin-left:1px;display:inline-flex}.rawtype-gliding-caret{pointer-events:none;transform-origin:0 0;transition:transform var(--motion-medium) cubic-bezier(.2, .82, .2, 1), width var(--motion-fast) ease, height var(--motion-fast) ease;will-change:transform;z-index:3;position:absolute;top:0;left:0}.rawtype-gliding-caret:after{content:"";pointer-events:none;position:absolute}.rawtype-cursor-movement-instant{transition-duration:0s}.rawtype-caret-visual-steady:after,.rawtype-caret-visual-blink:after{background:var(--text);border-radius:2px;width:2px;top:.18em;bottom:.18em;left:0}.rawtype-caret-visual-blink:after{animation:rawtype-caret-blink var(--motion-slow) steps(2, end) infinite}.rawtype-caret-visual-glow:after{background:var(--primary);box-shadow:0 0 12px var(--primary);width:3px;animation:rawtype-caret-glow var(--motion-slow) ease-in-out infinite;border-radius:999px;top:.12em;bottom:.12em;left:-1px}.rawtype-caret-visual-block:after{background:var(--primary);opacity:.18;animation:rawtype-caret-block var(--motion-slow) ease-in-out infinite;border-radius:4px;inset:.12em 0}.rawtype-caret-visual-underline:after{background:var(--text);min-width:.55ch;height:2px;animation:rawtype-caret-underline var(--motion-slow) ease-in-out infinite;border-radius:999px;bottom:.12em;left:0;right:0}.rawtype-key{transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;will-change:transform, box-shadow;position:relative;overflow:hidden}.rawtype-key.is-active.rawtype-keyboard-press{transform:translateY(2px)scale(.97);box-shadow:inset 0 2px 6px #0000003d}.rawtype-key.is-active.rawtype-keyboard-glow{box-shadow:0 0 0 3px #7f7f7f29, 0 0 18px var(--primary);transform:translateY(-1px) scale(var(--motion-scale))}.rawtype-key.is-active.rawtype-keyboard-ripple:after{animation:rawtype-key-ripple var(--motion-slow) ease-out;border-radius:inherit;content:"";opacity:0;border:2px solid;position:absolute;inset:18%}.rawtype-key.is-active.rawtype-keyboard-tilt{transform:rotate(-2deg) translateY(-1px) scale(var(--motion-scale));box-shadow:0 6px 14px #00000029}.rawtype-metric-value-wrap{perspective:380px;vertical-align:bottom;line-height:1.15;display:inline-flex;overflow:hidden}.rawtype-metric-value{transform-origin:50%;will-change:opacity, transform, filter;display:inline-block}.rawtype-metric-value-roll-up .rawtype-metric-value{animation:rawtype-metric-roll-up var(--motion-medium) cubic-bezier(.18, .88, .22, 1)}.rawtype-metric-value-slide-side .rawtype-metric-value{animation:rawtype-metric-slide-side var(--motion-medium) cubic-bezier(.2, .8, .2, 1)}.rawtype-metric-value-flip .rawtype-metric-value{animation:rawtype-metric-flip var(--motion-medium) cubic-bezier(.22, .84, .22, 1)}.rawtype-finished-panel>:not(.rawtype-completion-celebration),.rawtype-animation-preview>:not(.rawtype-completion-preview){z-index:1;position:relative}.rawtype-focus-preview-columns .rawtype-focus-preview-item{animation:rawtype-focus-column-shift var(--motion-medium) cubic-bezier(.22, 1, .36, 1);will-change:transform, opacity}.rawtype-focus-column-row{animation:rawtype-focus-column-shift var(--motion-medium) cubic-bezier(.22, 1, .36, 1);white-space:nowrap;will-change:transform, opacity}.rawtype-completion-celebration,.rawtype-completion-preview{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.rawtype-completion-particle{background:hsl(var(--particle-hue) 82% 58%);box-shadow:0 0 10px hsl(var(--particle-hue) 82% 58% / .35);height:7px;left:var(--particle-left);opacity:0;border-radius:999px;width:7px;position:absolute;top:0}.rawtype-completion-confetti .rawtype-completion-particle{animation:rawtype-confetti-fall var(--motion-slow) ease-out forwards;animation-delay:var(--particle-delay);transform:rotate(var(--particle-start-rotation));border-radius:2px;top:-12px}.rawtype-completion-sparkles .rawtype-completion-particle{animation:rawtype-sparkle-burst var(--motion-slow) ease-out forwards;animation-delay:var(--particle-delay);top:46%;left:50%}.rawtype-completion-ribbons .rawtype-completion-particle{animation:rawtype-ribbon-sweep var(--motion-slow) cubic-bezier(.16, 1, .3, 1) forwards;animation-delay:var(--particle-delay);height:4px;top:var(--particle-top);border-radius:999px;width:24px}.rawtype-completion-pulse .rawtype-completion-particle{animation:rawtype-completion-pulse var(--motion-slow) ease-out forwards;animation-delay:var(--particle-delay);border:2px solid var(--primary);background:0 0;width:14px;height:14px;top:46%;left:50%}.rawtype-motion-off .rawtype-typing-stage,.rawtype-motion-off .rawtype-typing-char,.rawtype-motion-off .rawtype-completed-word,.rawtype-motion-off .rawtype-metric-value,.rawtype-motion-off .rawtype-key,.rawtype-motion-off .rawtype-focus-preview-item,.rawtype-motion-off .rawtype-focus-column-row{transition:none!important;animation:none!important;transform:none!important}.rawtype-motion-off .rawtype-caret:after,.rawtype-motion-off .rawtype-gliding-caret,.rawtype-motion-off .rawtype-gliding-caret:after,.rawtype-motion-off .rawtype-completion-celebration,.rawtype-motion-off .rawtype-completion-preview{transition:none!important;animation:none!important}.rawtype-motion-off .rawtype-caret:after,.rawtype-motion-off .rawtype-completion-celebration,.rawtype-motion-off .rawtype-completion-preview{display:none!important}@keyframes rawtype-char-lift{0%{text-shadow:none}55%{text-shadow:0 -.18em 10px var(--primary)}to{text-shadow:none}}@keyframes rawtype-focus-column-shift{0%{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rawtype-char-pop{0%{filter:brightness()}60%{filter:brightness(1.22);text-shadow:0 0 8px var(--primary)}to{filter:brightness();text-shadow:none}}@keyframes rawtype-char-wave{0%{text-shadow:none}35%{text-shadow:0 0 9px var(--primary)}70%{text-shadow:0 0 4px var(--primary)}to{text-shadow:none}}@keyframes rawtype-char-ink{0%{filter:saturate(1.4);text-shadow:0 0 0 var(--primary)}45%{filter:saturate(1.8);text-shadow:0 0 10px var(--primary)}to{filter:saturate();text-shadow:none}}@keyframes rawtype-error-shake{10%,90%{text-shadow:-1px 0 var(--danger)}20%,80%{text-shadow:1px 0 var(--danger)}30%,50%,70%{text-shadow:-2px 0 var(--danger)}40%,60%{text-shadow:2px 0 var(--danger)}to{text-shadow:none}}@keyframes rawtype-error-flash{0%,to{filter:brightness()}35%{filter:brightness(1.6);text-shadow:0 0 12px var(--danger)}}@keyframes rawtype-error-snap{0%{filter:brightness(1.45)saturate(1.25);text-shadow:0 0 10px var(--danger)}to{filter:brightness()saturate();text-shadow:none}}@keyframes rawtype-error-glitch{0%,to{text-shadow:none}25%{text-shadow:1px 0 var(--primary), -1px 0 var(--danger)}50%{text-shadow:-1px 0 var(--primary), 1px 0 var(--danger)}}@keyframes rawtype-caret-blink{0%,48%{opacity:1}49%,to{opacity:.18}}@keyframes rawtype-caret-glow{0%,to{opacity:.75;transform:scaleY(.82)}50%{opacity:1;transform:scaleY(1)}}@keyframes rawtype-caret-block{0%,to{opacity:.12}50%{opacity:.28}}@keyframes rawtype-caret-underline{0%,to{transform:scaleX(.72)}50%{transform:scaleX(1)}}@keyframes rawtype-key-ripple{0%{opacity:.55;transform:scale(.3)}to{opacity:0;transform:scale(2.3)}}@keyframes rawtype-metric-roll-up{0%{opacity:0;transform:translateY(115%)}48%{opacity:1;transform:translateY(-12%)}to{opacity:1;transform:translateY(0)}}@keyframes rawtype-metric-slide-side{0%{opacity:0;transform:translate(.75em)}62%{opacity:1;transform:translate(-.08em)}to{opacity:1;transform:translate(0)}}@keyframes rawtype-metric-flip{0%{filter:brightness(1.25);opacity:0;transform:rotateX(86deg)scale(.96)}60%{opacity:1;transform:rotateX(-12deg)scale(1.02)}to{filter:brightness();opacity:1;transform:rotateX(0)scale(1)}}@keyframes rawtype-confetti-fall{0%{opacity:0;transform:translate(0, -10px) rotate(var(--particle-start-rotation))}12%{opacity:1}to{opacity:0;transform:translate(var(--particle-drift-x), 170px) rotate(var(--particle-spin))}}@keyframes rawtype-sparkle-burst{0%{opacity:0;transform:rotate(var(--particle-angle)) translateX(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:rotate(var(--particle-angle)) translateX(var(--particle-radius)) scale(.05)}}@keyframes rawtype-ribbon-sweep{0%{opacity:0;transform:translateX(-90px) rotate(var(--particle-tilt-start))}18%{opacity:.95}to{opacity:0;transform:translateX(var(--particle-ribbon-x)) rotate(var(--particle-tilt-end))}}@keyframes rawtype-completion-pulse{0%{opacity:.35;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%, -50%) scale(var(--particle-scale))}}