:root{--glitched-duration:1s;--yellow-color:#f9f002;--red-color:#ff003c}body{background-color:var(--yellow-color);min-height:100vh;padding:0 38px 30px;margin:0;position:relative;overflow:visible}.tab-container{margin-top:38px}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:repeating-linear-gradient(hsla(0,0%,100%,.03),hsla(0,0%,100%,.03) 1px,rgba(0,0,0,.03) 2px);background-size:100% 2px;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.95}50%{opacity:1}to{opacity:.95}}body *{font-family:Advent Pro,arial;position:relative;z-index:2}h1.cyberpunk,h2.cyberpunk,h3.cyberpunk,h4.cyberpunk{font-size:2rem;line-height:2.2rem;font-weight:200;position:relative;padding-bottom:15px;transition:all 10.2s ease;cursor:pointer;white-space:nowrap}h2.cyberpunk{font-size:1.7rem;line-height:1.9rem;font-weight:300}h3.cyberpunk{font-size:1.4rem;line-height:1.6rem;font-weight:500}h4.cyberpunk{font-size:1rem;line-height:1.2rem;font-weight:700}h1.cyberpunk:before,h2.cyberpunk:before,h3.cyberpunk:before,h4.cyberpunk:before{content:"";display:block;position:absolute;bottom:0;left:2px;width:100%;height:10px;background-color:#000;clip-path:polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 10px,0 10px)}h1.cyberpunk:hover,h2.cyberpunk:hover,h3.cyberpunk:hover,h4.cyberpunk:hover{animation:fuzzyGlitch var(--glitched-duration) infinite}@keyframes fuzzyGlitch{0%{filter:blur(1px);transform:translateX(0);opacity:1}25%{filter:blur(1.5px);transform:translateX(-5px);opacity:.9}50%{filter:blur(0);transform:translateX(5px);opacity:1}75%{filter:blur(1.5px);transform:translateX(-3px);opacity:.95}to{filter:blur(0);transform:translateX(0);opacity:1}}h1.cyberpunk.selected:after,h2.cyberpunk.selected:after,h3.cyberpunk.selected:after,h4.cyberpunk.selected:after{content:"_";position:relative;left:5px;display:inline-block;animation:flash 1s steps(2,start) infinite}@keyframes flash{0%{visibility:hidden}50%{visibility:visible}to{visibility:hidden}}hr{height:14px;background-color:#000;width:100%;clip-path:polygon(1px 0,0 0,0 0,8px 14px,13px 14px,22px 7px,42px 6px,49px 2px,100% 2px,100% 0,42px 0,35px 5px,22px 6px,13px 13px,9px 13px);animation-name:hr;animation-duration:var(--glitched-long-duration);animation-iteration-count:infinite;animation-timing-function:linear}@keyframes hr{0%{transform:skew(0deg)}20%{transform:skew(20deg)}21%{transform:skew(0deg)}to{right:35px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000}.modal-content{background-color:#fff;padding:20px;border-radius:10px;max-width:500px;width:100%;position:relative;z-index:10001}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.modal-body{padding:10px 0}.tab-container{position:sticky;top:0;background-color:transparent;z-index:10;padding:10px;text-align:center}.content-container{position:relative;overflow-y:auto;max-height:75vh;padding:20px 80px;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 3%,#000 10%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 3%,#000 10%,#000 94%,transparent)}body,html{overflow:hidden}.content-list{padding-top:0;padding-bottom:50px}.logo-bottom-right{position:fixed;bottom:34px;right:34px;z-index:1000;display:flex;align-items:flex-end;justify-content:flex-end}.logo-bottom-right img{display:block;height:56px;width:auto}@media (max-width:640px){.content-container{padding:0 0 80px!important;margin:0 auto;overflow-x:hidden!important;width:100%;max-width:100vw;box-sizing:border-box}.menu-list,.scrolly-menu{margin-right:-1px;margin-left:-1px;width:calc(100% + 2px);box-sizing:border-box;overflow-x:auto}}@media (hover:none) and (pointer:coarse){h1.cyberpunk:hover,h2.cyberpunk:hover,h3.cyberpunk:hover,h4.cyberpunk:hover{animation:none!important;filter:none!important;transform:none!important}}.content-container,.menu-list,.modal-content{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.content-container::-webkit-scrollbar,.menu-list::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important;display:none}@media (max-width:640px){.logo-bottom-right{display:none!important}.content-container{padding-bottom:70px!important}.github-link{background:var(--yellow-color);border-radius:36px;box-shadow:0 2px 16px rgba(0,0,0,.15);padding:12px 32px;color:#111!important;font-weight:700;border:2px solid #000;display:inline-block;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);text-align:center;font-size:1.18rem;transition:background .2s,color .2s;z-index:20}.github-link:active,.github-link:focus{background:#fff700;color:#333!important}}.footer-socials{position:fixed;left:24px;right:24px;bottom:24px;z-index:999;display:flex;align-items:center;gap:12px;background:var(--yellow-color);border-radius:18px 0 0 18px;box-shadow:0 2px 12px rgba(0,0,0,.14);padding:6px 4px 6px 24px;border:1.5px solid #000;height:48px}.footer-logo-img{height:100%;width:auto;display:block;object-fit:contain;margin-left:18px;margin-right:0;border-radius:0;background:transparent;user-select:none;pointer-events:auto}.footer-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(249,240,2,.92);border:none;padding:0}.footer-btn img{width:20px;height:20px;display:block;object-fit:contain}.footer-btn{border:1.5px solid #000;box-shadow:0 2px 8px #0001}.footer-btn:focus,.footer-btn:hover{background:#fffb83;box-shadow:0 0 0 3px #fff70055,0 3px 10px #3332;border-color:#222;transform:scale(1.08)}.footer-btn:focus img,.footer-btn:hover img{filter:brightness(.4) contrast(1.2)}@media (max-width:640px){.footer-socials{left:50%!important;right:auto!important;bottom:14px!important;transform:translateX(-50%)!important;padding:10px 28px;border-radius:36px;gap:14px}.footer-btn{width:38px;height:38px}.footer-btn img{width:22px;height:22px}.footer-logo-img{display:none!important}}