.links a.here,.topnav a.here{color:var(--fg)}.studio-about{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.studio-about p{margin:0;font-size:14px;line-height:1.35}.studio-title{font-weight:500;color:var(--fg)}.studio-desc{font-weight:300;color:#a3a3a3}.studio{--bh: min(56vh, 40vw);display:flex;flex-direction:column;align-items:flex-end;gap:64px;padding:calc(50vh - var(--bh) / 2) var(--col-r) calc(50vh - var(--bh) / 2) var(--sidebar)}.hold{width:calc(var(--bh) * 1.6);max-width:100%}.next{position:fixed;z-index:5;left:calc(100vw - var(--col-r) - var(--bh) * .8);top:calc(50vh + var(--bh) / 2 + 28px);translate:-50% 0;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:#ffffff1c;color:#a3a3a3;animation:next-bob 1.6s ease-in-out infinite;transition:opacity .3s ease,background-color .15s ease,color .15s ease}.next:hover{background:#ffffff29;color:var(--fg)}.next.gone{opacity:0;pointer-events:none;transition-duration:.5s}.next svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@keyframes next-bob{50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.next{animation:none}}.frame{height:var(--bh);border-radius:4px;background:#0f0f0f;position:relative;overflow:hidden}.frame-body{position:absolute;top:0;right:0;bottom:0;left:0}.frame:before{content:"";position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;background:var(--thumb) center / cover no-repeat;filter:blur(18px);transition:opacity .5s cubic-bezier(.2,.7,.2,1) .15s}.frame:has(.frame-body.ready):before{opacity:0}.frame-body{opacity:0;transform:translateY(16px);filter:blur(10px)}.frame-body.ready{opacity:1;transform:none;filter:none;transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1),filter .55s cubic-bezier(.2,.7,.2,1)}.frame-body~.badges{opacity:0}.frame-body.ready~.badges{opacity:1;transition:opacity .45s cubic-bezier(.2,.7,.2,1) .1s}@media(prefers-reduced-motion:reduce){.frame-body{transform:none;filter:none}.frame-body.ready{transition:opacity .2s}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.frame:has(.glass-card){background:#fff}.glass-card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.frame:has(.glass-card) .badge{color:#767676;background:#0000000d}.glass-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.tt-block{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(763px,calc(100% - 48px));height:fit-content;padding:20px 24px;border-radius:12px;background:#0a0a0a}.tt{--neon: #e6ff2b;--mono: "JetBrains Mono", ui-monospace, monospace;display:flex;flex-direction:column;gap:8px}.tt p{margin:0}.tt-head{display:flex;align-items:center;justify-content:space-between;min-height:24px}.tt-label,.tt-wpm,.tt-small,.tt-big,.tt-key,.tt-restart-text,.tt-bests li{font-family:var(--mono);text-transform:uppercase}.tt-label{font-size:14px;letter-spacing:-.28px;color:#4d4d4d;white-space:pre}.tt-restart{display:flex;align-items:center;gap:16px;padding:0;border:0;background:none}.tt-restart[hidden]{display:none}.tt-key{padding:4px 8px;border-radius:4px;background:#ffffff0d;font-size:12px;color:#606060;opacity:.76}.tt-restart-text{font-size:14px;color:#434344}.tt-box{display:flex;flex-direction:column;justify-content:center;gap:24px;min-height:128px;padding:20px 24px;border-radius:8px;background:transparent;outline:none;cursor:text;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.tt-box.filled{background:#131313}.tt-field-input{position:absolute;width:1px;height:1px;opacity:0;font-size:16px;pointer-events:none}.tt-box.flash{background:#282828}.tt-run{display:flex;flex-direction:column;gap:24px}.tt-run[hidden],.tt-results[hidden]{display:none}.tt-wpm{font-size:16px;letter-spacing:-.32px;white-space:nowrap}.tt-wpm-label{color:#878787}.tt-neon{color:var(--neon)}.tt-passage{position:relative;width:100%;font:400 20px/1.45 Inter,system-ui,sans-serif;letter-spacing:-.4px;color:#7c7c7c}.tt-passage span:not(.tt-caret){transition:color .15s cubic-bezier(0,0,.2,1)}.tt-passage .typed{color:#f8f8f8}.tt-passage .wrong{color:#f87171}.tt-passage .pop{animation:tt-pop .14s cubic-bezier(.22,1,.36,1)}@keyframes tt-pop{0%{opacity:.5;transform:translateY(3px) scale(.94)}}.tt-caret{position:absolute;width:2px;background:var(--neon);pointer-events:none;transition:left .1s cubic-bezier(0,0,.2,1),top .1s cubic-bezier(0,0,.2,1)}.tt-caret.blink{animation:tt-blink 1s steps(1) infinite}@keyframes tt-blink{50%{opacity:0}}.tt-results{display:flex;width:100%;align-items:center;justify-content:space-between;gap:32px}.tt-score{display:flex;flex-direction:column;gap:8px}.tt-small{font-size:12px;letter-spacing:-.24px;color:#7b8193}.tt-muted{color:#3e444e}.tt-big{font-size:24px;letter-spacing:-.48px;color:var(--neon)}.tt-bests{display:flex;flex:none;flex-direction:column;gap:8px;width:278px}.tt-bests ol{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.tt-bests li{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:-.24px}.tt-lhs{display:flex;align-items:center;gap:16px}.tt-rank{color:#a3a3a3}.tt-who{color:#7b8193}.tt-reveal{animation:tt-reveal .6s cubic-bezier(.22,1,.36,1) both}@keyframes tt-reveal{0%{opacity:0;filter:blur(12px)}}@media(prefers-reduced-motion:reduce){.tt-reveal{animation-duration:.15s}}.name-stage,.name-gl{position:absolute;top:0;right:0;bottom:0;left:0}.frame:has(.ck){background:#fdfdfd}.frame:has(.ck) .badge{color:#767676;background:#0000000d}.ck{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.ck-cookie{padding:0;border:0;background:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .15s ease-out}.ck-cookie:active{transform:scale(.95)}.ck-cookie img{display:block;width:min(38vh,300px);height:auto}.ck-line{margin:0;font:500 24px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;color:#000;font-variant-numeric:tabular-nums}.ck-label,.ck-num{display:inline-block}.ck-label,.ck-num{background-image:linear-gradient(90deg,#a74efb,#ff6f67,#f859ca);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;transition:color .3s ease}.ck-label.on,.ck-num.on{color:transparent}.ck-label.frenzy,.ck-num.frenzy{background-image:linear-gradient(90deg,#a74efb,#ff6f67,#f859ca,#ff6f67,#a74efb);background-size:200% 100%;animation:ck-shimmer 1.4s linear infinite}@keyframes ck-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.ck-crumbs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ck-crumb{position:absolute;width:44px;height:auto}.frame:has(.thermal-canvas){background:#000}.frame:has(.thermal-canvas) .badge{color:#121316;background:#fff}.thermal-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.badges{position:absolute;left:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:6px}.badge{padding:4px 12px;border-radius:17px;font:400 13px/normal Inter,system-ui,sans-serif;color:#a3a3a3;background:#ffffff12}.frame .badges>.badge:first-child{color:#121316;background:#fff}.frame:has(.glass-card) .badges>.badge:first-child,.frame:has(.ck) .badges>.badge:first-child{color:#fff;background:#121316}@media(max-width:1099px){.studio{--bh: min(50vh, calc((100vw - 48px)/1.6) );align-items:center;gap:40px;padding:96px 24px 120px}.next{display:none}}@media(max-width:767px){.hold:has(#studio-cookie),.studio-index [data-sec=cookie]{display:none}.badges{left:10px;bottom:10px;gap:4px}.badge{padding:3px 9px;font-size:12px}.tt-block{width:calc(100% - 16px);padding:12px}.tt-passage{font-size:15px}}