.Header-module__D5nTzG__sidebar{isolation:isolate;z-index:1000;width:var(--header-size);box-sizing:border-box;height:100svh;color:var(--header-fg);border-radius:var(--header-borderradius);flex-direction:column;align-self:start;align-items:stretch;transition:width .2s;display:flex;position:sticky;top:0;overflow:visible}.Header-module__D5nTzG__sidebar:before{content:"";z-index:-1;background:var(--header-bg);box-sizing:border-box;border-inline-end:var(--header-border-width) solid var(--header-border-color);border-radius:inherit;-webkit-backdrop-filter:blur(var(--header-backdrop-blur));backdrop-filter:blur(var(--header-backdrop-blur));transition:background-color .18s,border-color .18s;position:absolute;inset:0}.Header-module__D5nTzG__sidebarScroll{scrollbar-width:none;flex-direction:column;flex:1;align-items:stretch;min-width:0;min-height:0;display:flex;overflow:hidden auto}.Header-module__D5nTzG__sidebarScroll::-webkit-scrollbar{display:none}.Header-module__D5nTzG__nav,.Header-module__D5nTzG__mobileMenuButton,.Header-module__D5nTzG__end{opacity:1;visibility:visible;transition:opacity .18s,visibility linear}:is(.app-shell:has([data-running=true]) .Header-module__D5nTzG__nav,.app-shell:has([data-running=true]) .Header-module__D5nTzG__mobileMenuButton,.app-shell:has([data-running=true]) .Header-module__D5nTzG__end){visibility:var(--focus-mode-visibility,visible)}@container style(--focus-mode-visibility:hidden){.app-shell:has([data-running=true]) .Header-module__D5nTzG__sidebar:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}:is(.app-shell:has([data-running=true]) .Header-module__D5nTzG__nav,.app-shell:has([data-running=true]) .Header-module__D5nTzG__mobileMenuButton,.app-shell:has([data-running=true]) .Header-module__D5nTzG__end){opacity:0;visibility:hidden;transition-delay:0s,.18s}}@media (prefers-reduced-motion:reduce){.Header-module__D5nTzG__nav,.Header-module__D5nTzG__mobileMenuButton,.Header-module__D5nTzG__end,.Header-module__D5nTzG__brandCompact,.Header-module__D5nTzG__brandFull{transition:none}}.Header-module__D5nTzG__sidebar:hover{width:220px}.Header-module__D5nTzG__start{height:var(--header-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.Header-module__D5nTzG__brand{color:inherit;white-space:nowrap;place-items:center;font-size:28px;font-weight:700;text-decoration:none;display:grid}.Header-module__D5nTzG__brandCompact,.Header-module__D5nTzG__brandFull{grid-area:1/1;transition:opacity .12s,visibility 0s linear .12s}.Header-module__D5nTzG__brandCompact{opacity:1;visibility:visible;transition-delay:80ms,0s}.Header-module__D5nTzG__brandFull{opacity:0;visibility:hidden}.Header-module__D5nTzG__sidebar:hover .Header-module__D5nTzG__brandCompact{opacity:0;visibility:hidden;transition-delay:0s,.12s}.Header-module__D5nTzG__sidebar:hover .Header-module__D5nTzG__brandFull{opacity:1;visibility:visible;transition-delay:80ms,0s}.Header-module__D5nTzG__nav{justify-content:center;gap:var(--header-icon-gap);flex-direction:column;flex:1;display:flex}.Header-module__D5nTzG__nav>a,.Header-module__D5nTzG__end button{grid-template-columns:var(--header-size) max-content;height:45px;color:var(--header-fg);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;text-decoration:none;display:grid}.Header-module__D5nTzG__sidebar .Header-module__D5nTzG__nav svg,.Header-module__D5nTzG__sidebar .Header-module__D5nTzG__end svg,.Header-module__D5nTzG__sidebar .Header-module__D5nTzG__mobileMenuButton svg{width:var(--header-icon-size);min-width:var(--header-icon-size);height:var(--header-icon-size);background:var(--header-icon-background);border-radius:var(--header-icon-border-radius);box-shadow:0 0 0 var(--header-icon-padding) var(--header-icon-background);justify-self:center}.Header-module__D5nTzG__label,.Header-module__D5nTzG__Settinglabel,.Header-module__D5nTzG__labelClass{opacity:0;white-space:nowrap;margin-left:6px;transition:opacity .2s}.Header-module__D5nTzG__sidebar:hover .Header-module__D5nTzG__label,.Header-module__D5nTzG__sidebar:hover .Header-module__D5nTzG__Settinglabel,.Header-module__D5nTzG__sidebar:hover .Header-module__D5nTzG__labelClass{opacity:1}.Header-module__D5nTzG__end{gap:var(--header-icon-gap);flex-direction:column;flex-shrink:0;padding-bottom:15px;display:flex}.Header-module__D5nTzG__end>button{width:100%}:is(body:has([data-page=typing-test]) [data-nav=typing-test] svg,body:has([data-page=typing-test]) [data-nav=typing-test] span,body:has([data-page=practice]) [data-nav=practice] svg,body:has([data-page=practice]) [data-nav=practice] span,body:has([data-page=typing-race]) [data-nav=typing-race] svg,body:has([data-page=typing-race]) [data-nav=typing-race] span,body:has([data-page=leaderboard]) [data-nav=leaderboard] svg,body:has([data-page=leaderboard]) [data-nav=leaderboard] span,body:has([data-page=exp-leaderboard]) [data-nav=leaderboard] svg,body:has([data-page=exp-leaderboard]) [data-nav=leaderboard] span,body:has([data-page=paragraph-arena]) [data-nav=paragraph-arena] svg,body:has([data-page=paragraph-arena]) [data-nav=paragraph-arena] span,body:has([data-page=login]) [data-nav=login] svg,body:has([data-page=login]) [data-nav=login] span,body:has([data-page=learn-typing]) [data-nav=learn-typing] svg,body:has([data-page=learn-typing]) [data-nav=learn-typing] span,body:has([data-page=profile]) [data-nav=profile] svg,body:has([data-page=profile]) [data-nav=profile] span,body:has([data-page=blog]) [data-nav=blog] svg,body:has([data-page=blog]) [data-nav=blog] span){color:var(--header-highlight)}.Header-module__D5nTzG__mobileMenuButton{display:none}@media (max-width:900px){.Header-module__D5nTzG__sidebar:before{border-inline-end:0;border-bottom:var(--header-border-width) solid var(--header-border-color)}.Header-module__D5nTzG__sidebar{width:100%;height:var(--header-size);flex-direction:row;align-items:center;padding:0 12px;overflow:visible}.Header-module__D5nTzG__sidebarScroll{flex-direction:row;align-items:center;overflow:visible}.Header-module__D5nTzG__sidebar:hover{width:100%}.Header-module__D5nTzG__start{height:var(--header-size);justify-content:flex-start}.Header-module__D5nTzG__brandCompact{opacity:0;visibility:hidden}.Header-module__D5nTzG__brandFull{opacity:1;visibility:visible}.Header-module__D5nTzG__nav{gap:var(--header-icon-gap);flex-direction:row;flex:none;margin-left:auto}.Header-module__D5nTzG__nav>a,.Header-module__D5nTzG__end button{height:var(--header-size);font:inherit;gap:6px;padding:0;display:flex}.Header-module__D5nTzG__sidebar .Header-module__D5nTzG__nav svg,.Header-module__D5nTzG__sidebar .Header-module__D5nTzG__end svg,.Header-module__D5nTzG__sidebar .Header-module__D5nTzG__mobileMenuButton svg{transform:none}.Header-module__D5nTzG__end{align-items:center;gap:var(--header-icon-gap);flex-direction:row;margin-left:6px;padding-bottom:0;display:flex}.Header-module__D5nTzG__end>button{width:auto}.Header-module__D5nTzG__label,.Header-module__D5nTzG__Settinglabel,.Header-module__D5nTzG__labelClass{margin-left:0;display:none}}@media (max-width:600px){.Header-module__D5nTzG__mobileMenuButton{width:40px;height:var(--header-size);color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.Header-module__D5nTzG__nav{top:var(--header-size);z-index:1100;width:100%;max-height:calc(100svh - var(--header-size));box-sizing:border-box;-webkit-backdrop-filter:blur(var(--header-backdrop-blur));backdrop-filter:blur(var(--header-backdrop-blur));overscroll-behavior:contain;background:var(--header-bg);border:0;border-bottom:var(--header-border-width) solid var(--header-border-color);opacity:0;visibility:hidden;pointer-events:none;border-radius:0;flex-direction:column;flex:none;justify-content:flex-start;gap:4px;margin:0;padding:8px 12px 12px;transition:transform .22s,opacity .22s,visibility 0s linear .22s;display:flex;position:fixed;left:0;right:0;overflow-y:auto;transform:translateY(-12px)}.Header-module__D5nTzG__navOpen{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.Header-module__D5nTzG__nav>a{align-items:center;gap:12px;width:100%;height:45px;padding:0 14px;display:flex}.Header-module__D5nTzG__nav .Header-module__D5nTzG__label{opacity:1;display:block}.Header-module__D5nTzG__Settinglabel,.Header-module__D5nTzG__labelClass{display:none}}@media (max-width:600px) and (prefers-reduced-motion:reduce){.Header-module__D5nTzG__nav{transition:none}}
.SidePanel-module__2nxIMG__panel{background:var(--surface1,#171717);height:100svh;-webkit-backdrop-filter:blur(var(--header-backdrop-blur));backdrop-filter:blur(var(--header-backdrop-blur));color:var(--surfacetext1,#f4f4f5);border-radius:var(--surfaceborderradius1,10px);box-shadow:0 0px 0px var(--surfaceboxshadow1,transparent);opacity:0;transition:transform .25s ease, opacity .2s ease, display .25s allow-discrete, overlay .25s allow-discrete;border:2px;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;top:0;overflow:hidden}.SidePanel-module__2nxIMG__right{border-left:var(--surfaceborderwidth1,1px) solid var(--surfaceborder1,#292929);left:auto;right:0;transform:translate(100%)}.SidePanel-module__2nxIMG__right:popover-open{opacity:1;transform:translate(0)}.SidePanel-module__2nxIMG__pinned{opacity:1;z-index:1000;transition:none;transform:translate(0)}.SidePanel-module__2nxIMG__left{border-right:var(--surfaceborderwidth1,1px) solid var(--surfaceborder1,#292929);left:0;right:auto;transform:translate(-100%)}.SidePanel-module__2nxIMG__left:popover-open{opacity:1;transform:translate(0)}@starting-style{.SidePanel-module__2nxIMG__right:popover-open:not(.SidePanel-module__2nxIMG__pinned){opacity:0;transform:translate(100%)}.SidePanel-module__2nxIMG__left:popover-open:not(.SidePanel-module__2nxIMG__pinned){opacity:0;transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.SidePanel-module__2nxIMG__panel{transition:none}}.SidePanel-module__2nxIMG__header{border-bottom:0px solid var(--surfacetext1,#292929);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.SidePanel-module__2nxIMG__header h2{margin:0;font-size:18px;font-weight:600}.SidePanel-module__2nxIMG__headerActions{align-items:center;gap:8px;display:flex}.SidePanel-module__2nxIMG__closeButton{color:var(--surfacealttext1,#a1a1aa);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:34px;display:flex}.SidePanel-module__2nxIMG__closeButton:hover{color:var(--surfacetext1,#f4f4f5)}.SidePanel-module__2nxIMG__content{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}
.SettingsPanel-module__MC5I9G__search{padding:12px 20px}.SettingsPanel-module__MC5I9G__searchInput{border:2px solid var(--border);background:var(--inputBox-bg);width:100%;min-height:38px;color:var(--text);font:inherit;border-radius:8px;outline:none;padding:0 12px;transition:border-color .15s}.SettingsPanel-module__MC5I9G__searchInput:focus{border-color:var(--accent)}.SettingsPanel-module__MC5I9G__searchInput::placeholder{color:var(--text-dim)}.SettingsPanel-module__MC5I9G__searchInput::-webkit-search-cancel-button{appearance:none;background:linear-gradient(45deg, transparent 43%, var(--wrong,#ff6b6b) 44% 56%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--wrong,#ff6b6b) 44% 56%, transparent 57%);cursor:pointer;width:14px;height:14px}.SettingsPanel-module__MC5I9G__searchResults{border:1px solid var(--surfaceborder1);border-radius:8px;max-height:min(55vh,420px);margin-top:8px;overflow-y:auto}.SettingsPanel-module__MC5I9G__searchResult{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.SettingsPanel-module__MC5I9G__searchResult:hover,.SettingsPanel-module__MC5I9G__searchResult:focus-visible{background:var(--accent);color:var(--accent-fg)}.SettingsPanel-module__MC5I9G__searchResult small{opacity:.7;flex-shrink:0}.SettingsPanel-module__MC5I9G__searchEmpty{margin:0;padding:12px;font-size:13px}.SettingsPanel-module__MC5I9G__searchTargetFlash{outline-offset:2px;border-radius:8px;outline:2px solid #0000;animation:2s ease-out SettingsPanel-module__MC5I9G__searchTargetFlash}@keyframes SettingsPanel-module__MC5I9G__searchTargetFlash{0%,20%{outline-color:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 25%, transparent)}to{outline-color:#0000;box-shadow:0 0 0 8px #0000}}@media (prefers-reduced-motion:reduce){.SettingsPanel-module__MC5I9G__searchTargetFlash{outline-color:var(--accent);animation:none}}.SettingsPanel-module__MC5I9G__section{interpolate-size:allow-keywords;width:100%}.SettingsPanel-module__MC5I9G__section::details-content{opacity:0;block-size:0;transition:block-size .22s ease, opacity .18s ease, content-visibility .22s allow-discrete;scrollbar-width:none;overflow-y:visible}.SettingsPanel-module__MC5I9G__section[open]::details-content{opacity:1;block-size:auto}.SettingsPanel-module__MC5I9G__section[open]>.SettingsPanel-module__MC5I9G__summary{color:var(--accent-fg);background:var(--accent)}.SettingsPanel-module__MC5I9G__summary{width:100%;min-height:50px;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 20px;font-size:14px;list-style:none;display:flex}.SettingsPanel-module__MC5I9G__summary::-webkit-details-marker{display:none}.SettingsPanel-module__MC5I9G__summary:hover{color:inherit}.SettingsPanel-module__MC5I9G__chevron{font-size:20px;line-height:1;transition:transform .18s}.SettingsPanel-module__MC5I9G__section[open] .SettingsPanel-module__MC5I9G__chevron{transform:rotate(90deg)}.SettingsPanel-module__MC5I9G__content{margin:24px 20px 18px;transition:transform .14s;transform:translateY(-10px)}.SettingsPanel-module__MC5I9G__section[open] .SettingsPanel-module__MC5I9G__content{transform:translateY(0)}.SettingsPanel-module__MC5I9G__settings-options{flex-direction:column;gap:20px;display:flex}.SettingsPanel-module__MC5I9G__advanced-options{display:var(--advanced-customizations-display,none);flex-direction:column;gap:20px}.SettingsPanel-module__MC5I9G__settings-option-row{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.SettingsPanel-module__MC5I9G__settings-option-name{width:140px;max-width:140px;color:inherit;white-space:normal;overflow-wrap:anywhere;flex-shrink:0;font-size:14px}.SettingsPanel-module__MC5I9G__settings-option-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.SettingsPanel-module__MC5I9G__settings-option-value{text-align:right;min-width:48px;color:inherit;white-space:nowrap;font-size:13px}
.SidebarPanel-module__2hLQja__pinButton{width:32px;height:32px;color:var(--surfacealttext1,#a1a1aa);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.SidebarPanel-module__2hLQja__pinButton:hover,.SidebarPanel-module__2hLQja__pinButton[aria-pressed=true]{color:var(--surfacetext1,#f4f4f5);background:var(--surface2,transparent)}.SidebarPanel-module__2hLQja__pinButton svg{width:20px;height:20px}
.UserMenu-module__7N1TkG__slot{grid-template-columns:var(--header-size) minmax(0, 1fr);align-items:center;width:100%;height:45px;display:grid}.UserMenu-module__7N1TkG__trigger,.UserMenu-module__7N1TkG__loginLink{grid-column:1/-1;grid-template-columns:var(--header-size) max-content;width:100%;height:45px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;text-decoration:none;display:grid}.UserMenu-module__7N1TkG__loginLink svg{width:26px;min-width:26px;height:24px}.UserMenu-module__7N1TkG__avatar{isolation:isolate;width:var(--header-icon-size);min-width:var(--header-icon-size);height:var(--header-icon-size);background:var(--accent);color:var(--accent-fg);text-transform:uppercase;border-radius:50%;justify-content:center;justify-self:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.UserMenu-module__7N1TkG__avatar:before{content:"";inset:calc(0px - var(--header-icon-padding));z-index:-1;background:var(--header-icon-background);border-radius:var(--header-icon-border-radius);position:absolute}.UserMenu-module__7N1TkG__avatarImage{object-fit:cover;border-radius:inherit;width:100%;height:100%}.UserMenu-module__7N1TkG__skeleton{width:var(--header-icon-size);min-width:var(--header-icon-size);height:var(--header-icon-size);border-radius:var(--header-icon-border-radius);background:var(--border,#333);box-shadow:0 0 0 var(--header-icon-padding) var(--header-icon-background);opacity:.5;justify-self:center}.UserMenu-module__7N1TkG__menu{--ui-popup-padding:0px;flex-direction:column;width:200px;padding:0}.UserMenu-module__7N1TkG__menu:popover-open{display:flex}.UserMenu-module__7N1TkG__menuHeader{color:var(--accent-fg);background:var(--accent);border-radius:var(--surfaceborderradius1,10px) var(--surfaceborderradius1,10px) 0 0;flex-direction:column;gap:2px;padding:8px 16px;display:flex}.UserMenu-module__7N1TkG__menuName{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.UserMenu-module__7N1TkG__menuActions{flex-direction:column;gap:2px;padding:6px;display:flex}.UserMenu-module__7N1TkG__menu .UserMenu-module__7N1TkG__menuItem{width:100%;color:inherit;border-radius:var(--surfaceborderradius1);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:9px 10px;font-size:14px;text-decoration:none;display:block}.UserMenu-module__7N1TkG__menuItem:hover,.UserMenu-module__7N1TkG__menuItem:focus-visible{background:color-mix(in srgb, currentColor 10%, transparent);text-decoration:none}.UserMenu-module__7N1TkG__menu .UserMenu-module__7N1TkG__logout{height:auto;color:inherit;grid-template-columns:none;padding:9px 10px;display:block}@media (max-width:900px){.UserMenu-module__7N1TkG__slot{width:auto;height:var(--header-size);display:flex}.UserMenu-module__7N1TkG__trigger,.UserMenu-module__7N1TkG__loginLink{width:auto;height:var(--header-size);gap:6px;padding:0;display:flex}.UserMenu-module__7N1TkG__skeleton{margin-left:0}}
.TypingEngineOrderCustomizer-module__cR7qMW__customizer{flex-direction:column;gap:8px;min-width:0;display:flex}.TypingEngineOrderCustomizer-module__cR7qMW__label{font-size:14px}.TypingEngineOrderCustomizer-module__cR7qMW__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.TypingEngineOrderCustomizer-module__cR7qMW__item{width:100%;color:inherit;font:inherit;text-align:start;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #80808059;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.TypingEngineOrderCustomizer-module__cR7qMW__item:hover,.TypingEngineOrderCustomizer-module__cR7qMW__item[data-dragging=true]{background:#8080801f}.TypingEngineOrderCustomizer-module__cR7qMW__item[data-dragging=true]{cursor:grabbing;border-color:currentColor}.TypingEngineOrderCustomizer-module__cR7qMW__grip{opacity:.65;font-size:18px;line-height:1}
.SiteFooter-module__W45__a__footer{width:100%;color:var(--text-dim,#888);border-top:1px solid var(--border);margin-top:42px;font-size:13px}.SiteFooter-module__W45__a__content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;width:100%;max-width:1484px;margin-inline:auto;padding:20px 12px 28px;display:flex}.SiteFooter-module__W45__a__links{flex-wrap:wrap;gap:8px 20px;display:flex}.SiteFooter-module__W45__a__actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.SiteFooter-module__W45__a__links a{color:inherit;text-decoration:none}.SiteFooter-module__W45__a__links a:hover{color:var(--text,#fff);text-decoration:underline}.SiteFooter-module__W45__a__links a:focus-visible{outline:2px solid var(--accent,#fff);outline-offset:3px}
.not-found-module__sxuMuG__content{place-content:center;justify-items:start;width:min(100%,560px);min-height:calc(100svh - 60px);margin-inline:auto;display:grid}.not-found-module__sxuMuG__code{color:var(--header-highlight);letter-spacing:.16em;margin:0 0 12px;font-size:.85rem;font-weight:600}.not-found-module__sxuMuG__content h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,7vw,4rem);font-weight:600;line-height:1}.not-found-module__sxuMuG__description{color:color-mix(in srgb, var(--text) 68%, transparent);margin:20px 0 0;line-height:1.6}.not-found-module__sxuMuG__link{color:var(--header-highlight);margin-top:28px;font-weight:600;text-decoration:none}.not-found-module__sxuMuG__link:hover{text-underline-offset:4px;text-decoration:underline}.not-found-module__sxuMuG__link:focus-visible{outline-offset:5px;outline:2px solid}@media (max-width:900px){.not-found-module__sxuMuG__content{min-height:calc(100svh - var(--header-size) - 60px)}}