.Header-module__D5nTzG__sidebar{isolation:isolate;z-index:1000;width:var(--header-size);box-sizing:border-box;scrollbar-width:none;height:100svh;color:var(--header-fg);border-radius:var(--header-borderradius);background:0 0;flex-direction:column;align-self:start;align-items:stretch;transition:width .2s;display:flex;position:sticky;top:0;overflow:hidden auto}.Header-module__D5nTzG__sidebar:before{content:"";z-index:-1;background:var(--header-bg);box-sizing:border-box;border-right: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__sidebar::-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%}.Header-module__D5nTzG__mobileLanguage{display:none}.Header-module__D5nTzG__desktopLanguage{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=code-speed-test]) [data-nav=code-speed-test] svg,body:has([data-page=code-speed-test]) [data-nav=code-speed-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=exp-leaderboard] svg,body:has([data-page=exp-leaderboard]) [data-nav=exp-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-right: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 15px;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__desktopLanguage{width:auto;height:var(--header-size);display:flex}.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:calc(var(--header-size) + 8px);z-index:1100;box-sizing:border-box;width:min(280px,100vw - 24px);-webkit-backdrop-filter:blur(var(--header-backdrop-blur));backdrop-filter:blur(var(--header-backdrop-blur));background:var(--bg);border:1px solid var(--border,#222);border-radius:var(--surfaceborderradius1);margin:0;padding:8px;display:none;position:fixed;right:12px}.Header-module__D5nTzG__navOpen{flex-direction:column;gap:4px;display:flex}.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__desktopLanguage{display:none}.Header-module__D5nTzG__mobileLanguage{width:100%;display:block}.Header-module__D5nTzG__Settinglabel,.Header-module__D5nTzG__labelClass{display: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__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{opacity:0;transform:translate(100%)}.SidePanel-module__2nxIMG__left:popover-open{opacity:0;transform:translate(-100%)}}.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__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{flex:1;min-height:0;overflow-y:auto}
.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(--header-highlight,#4a7dff);color:var(--bg);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{flex-direction:column;gap:2px;width:220px;padding:6px}.UserMenu-module__7N1TkG__menu:popover-open{display:flex}.UserMenu-module__7N1TkG__menuHeader{flex-direction:column;gap:2px;margin-bottom:4px;padding:8px 10px 10px;display:flex}.UserMenu-module__7N1TkG__menuName{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.UserMenu-module__7N1TkG__menuItem{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:14px;text-decoration:none;display:block}.UserMenu-module__7N1TkG__menuItem:hover,.UserMenu-module__7N1TkG__menuItem:focus-visible{text-decoration:underline}.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}}