body,html{width:100%;height:100%}body{margin:0;font-family:'Fira Sans',sans-serif}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:default}.overlay{width:100%;padding:15px;margin-top:50px;border-radius:8px;background-color:rgba(26,26,26,.9);text-align:center}img.avatar{width:100px;height:100px;border-radius:50%;margin-top:15px;margin-bottom:15px}.username{border-bottom:1px solid #484848}.username h1{margin-top:0;margin-bottom:25px;color:#F8F8F8;font-family:'Indie Flower',cursive;font-size:6vmin}.heart{color:#FF96B4}.links{padding-top:15px}ul{text-indent:0;padding:0;margin:0;list-style-type:none}ul li{padding-top:5px;padding-bottom:5px}ul li a{color:#C8C8C8;text-decoration:none;font-size:4vmin}ul li a:focus,ul li a:hover{color:#B8B8B8;text-decoration:underline}@media screen and (max-width:768px){img.avatar{width:75px;height:75px}}@media screen and (max-width:420px){img.avatar{width:50px;height:50px}}
/* random gif background */
#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#000;background-position:center center;background-repeat:no-repeat;background-size:cover}
/* audio toggle */
#audio-toggle{position:fixed;bottom:12px;right:12px;z-index:9999;width:40px;height:40px;border-radius:50%;border:1px solid #484848;background-color:rgba(26,26,26,.9);color:#C8C8C8;font-size:18px;cursor:pointer;outline:none}
#audio-toggle:hover{color:#fff;border-color:#888}
#audio-toggle.muted{color:#666}
/* video overlay player */
#video-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;background-color:rgba(0,0,0,.95);align-items:center;justify-content:center;flex-direction:column}
#video-overlay video{max-width:95%;max-height:90%;box-shadow:0 0 40px rgba(0,0,0,.9)}
#video-close{margin-top:12px;width:44px;height:44px;border-radius:50%;border:1px solid #484848;background-color:rgba(26,26,26,.9);color:#C8C8C8;font-size:18px;cursor:pointer}
#video-close:hover{color:#fff;border-color:#888}
/* media.html gallery */
#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;padding:30px 0}
.gal-cell{background-color:rgba(26,26,26,.9);border-radius:8px;overflow:hidden;cursor:pointer;text-align:center}
.gal-cell img,.gal-cell video{width:100%;height:160px;object-fit:cover;display:block}
.gal-cap{padding:6px 8px;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gal-cell:hover .gal-cap{color:#33ff33}
/* mouse-following glitch overlay */
#glitch-red,#glitch-cyan{position:fixed;top:0;left:0;width:50px;height:50px;pointer-events:none;z-index:9000;border-radius:4px;mix-blend-mode:screen}
#glitch-red{border:1px solid rgba(255,0,60,.7);box-shadow:0 0 12px rgba(255,0,60,.35) inset}
#glitch-cyan{border:1px solid rgba(0,255,240,.7);box-shadow:0 0 12px rgba(0,255,240,.35) inset}
#glitch-ghost{position:fixed;top:0;left:0;width:120px;pointer-events:none;z-index:9001;font-family:monospace;font-size:10px;color:rgba(51,255,51,.55);text-shadow:1px 0 rgba(255,0,60,.4),-1px 0 rgba(0,255,240,.4)}
#glitch-ghost .gg-line{white-space:nowrap;overflow:hidden}
#glitch-ghost .gg-line:nth-child(1)::after{content:'> TRACE 0x4F2A9 :: OK'}
#glitch-ghost .gg-line:nth-child(2)::after{content:'> PKT_0x8B node=??? seq=10'}
#glitch-ghost .gg-line:nth-child(3)::after{content:'> err -1 dataleakz.xyz'}
#glitch-scanline{position:fixed;top:0;left:0;width:100%;height:2px;pointer-events:none;z-index:8999;background:linear-gradient(90deg,transparent,rgba(51,255,51,.25),transparent)}