*,*::after,*::before{box-sizing:border-box}:root{font-size:16px;--page-padding:2rem;--color-text:#000;--color-bg:#fff;--color-link:rgba(0,0,0,0.8);--color-link-hover:#232222;--color-list-item:#000;--color-title:#000;--color-number:#000;--color-bg-effect:white;--blendmode-effect:difference;--bg-blur:0px;--font-size-list-item:18px}.a{text-decoration:none;color:var(--color-text);outline:none;font-family:"JetBrains Mono",monospace;font-weight:300;font-optical-sizing:auto;cursor:pointer;word-spacing:-5px;text-transform:uppercase}.a:hover{text-decoration:none;color:var(--color-link-hover);outline:none}.a:focus{outline:none}.a:focus-visible{outline:2px solid red}.hover-effect .word{white-space:nowrap}.hover-effect .char{position:relative}.hover-effect{font-kerning:none;position:relative;white-space:nowrap}.hover-effect--cursor-square .char{--opa:0}.hover-effect--cursor-square .char::after{content:'';width:1ch;top:0;left:0;position:absolute;opacity:var(--opa)}.hover-effect--cursor-square .char::after{background:currentColor;height:100%}.hover-effect--bg,.hover-effect--bg-south{--anim:0}.hover-effect--bg::after,.hover-effect--bg-south::after{content:'';position:absolute;left:0;width:100%;height:calc(100% + 3px);top:0;background-color:var(--color-bg-effect);mix-blend-mode:var(--blendmode-effect);-webkit-backdrop-filter:blur(var(--bg-blur));backdrop-filter:blur(var(--bg-blur));transform-origin:0% 50%;transform:scaleX(var(--anim))}.hover-effect--bg-south::after{z-index:-1;left:-8px;right:-8px;top:-8px;bottom:-8px;border-radius:2px;height:auto;width:auto;transform-origin:50% 100%;transform:scaleY(var(--anim))}