
        body.socials-page{
            margin: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 16px 12px 0;
            box-sizing: border-box;
        }

        .sl-page{
            width: 400px;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            font-family: "VT323", monospace;
            font-size: 20px;
            line-height: 1.15;
            color: #FF6FCF;
        }

        .sl-top{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            min-height: 44px;
        }

        a.sl-home:link,
        a.sl-home:visited{
            display: inline-flex;
            align-items: center;
            height: 44px;
            padding: 0 14px;
            box-sizing: border-box;
            background-color: #0A0006;
            color: #FF6FCF;
            border: 3px solid #FF6FCF;
            box-shadow: 0 0 10px #FF6FCF66;
            text-shadow: 0 0 4px #FF6FCF99;
            font-size: 22px;
        }

        a.sl-home:hover{
            background-color: #FF6FCF;
            color: #0A0006;
            text-shadow: none;
        }

        .sl-header{
            display: block;
            width: 100%;
            height: auto;
            margin-top: 2px;
        }

        .sl-win{
            position: relative;
            width: 100%;
            box-sizing: border-box;
            background-color: #0A0006;
            border: 3px solid #FF6FCF;
            box-shadow: 0 0 14px #FF6FCF66;
            padding: 4px;
            text-shadow: 0 0 4px #FF6FCF99;
        }

        .sl-bar{
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            padding: 1px 6px;
            background-color: #FF6FCF;
            color: #0A0006;
            text-shadow: none;
        }

        .sl-profilewrap{
            position: relative;
            width: 100%;
            margin-top: 6px;
        }

        .sl-profile{
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 16px 10px 12px;
            text-align: center;
            overflow: hidden;
        }

        .sl-ascii{
            position: absolute;
            right: -40px;
            bottom: -30px;
            width: 190px;
            opacity: 0.35;
            pointer-events: none;
        }

        .sl-face{
            position: relative;
            background: none;
            border: none;
            padding: 4px 10px;
            font-family: sans-serif;
            font-size: 34px;
            color: #FFFFFF;
            text-shadow: 0 0 6px #FF6FCF, 0 0 14px #FF6FCF;
            user-select: none;
        }

        .sl-name{
            position: relative;
            margin-top: 2px;
            font-size: 30px;
            color: #FFFFFF;
            text-shadow: 0 0 6px #FF6FCF;
        }

        .sl-bio{
            position: relative;
            margin: 8px 0 0;
            padding: 0;
            font-family: "Gaegu", sans-serif;
            font-size: 19px;
            line-height: 1.3;
            color: #FFD6F1;
            text-shadow: none;
        }

        .sl-bio b{
            color: #FF6FCF;
        }

        .sl-divider{
            display: block;
            max-width: 100%;
        }

        .sl-links{
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        a.sl-link:link,
        a.sl-link:visited{
            display: block;
            color: #FF6FCF;
        }

        .sl-link .sl-bar .sl-x{
            letter-spacing: 2px;
        }

        .sl-adult{
            padding: 0 4px;
            background-color: #0A0006;
            color: #FF6FCF;
        }

        .sl-linkbody{
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 8px 8px 6px 6px;
        }

        a.sl-link:hover .sl-linkbody,
        a.sl-link:focus-visible .sl-linkbody{
            background-color: #FF6FCF;
            color: #0A0006;
            text-shadow: none;
        }

        a.sl-link:hover .sl-main,
        a.sl-link:focus-visible .sl-main,
        a.sl-link:hover .sl-sub,
        a.sl-link:focus-visible .sl-sub{
            color: #0A0006;
            text-shadow: none;
        }

        a.sl-link:hover .sl-ico,
        a.sl-link:focus-visible .sl-ico{
            background-color: #0A0006;
            color: #FF6FCF;
        }

        .sl-ico{
            flex: 0 0 auto;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #FF6FCF;
            color: #0A0006;
            text-shadow: none;
            font-size: 22px;
            font-family: sans-serif;
        }

        .sl-ico img{
            width: 40px;
            height: 40px;
            image-rendering: pixelated;
        }

        .sl-label{
            flex: 1;
            display: flex;
            flex-direction: column;
            min-width: 0;
        }

        .sl-main{
            font-size: 25px;
            color: #FFFFFF;
            text-shadow: 0 0 5px #FF6FCF;
        }

        .sl-sub{
            font-size: 17px;
            color: #FF9BDD;
        }

        .sl-arrow{
            font-size: 24px;
        }

        .sl-bye{
            text-align: center;
            font-family: sans-serif;
            font-size: 20px;
            color: #FF6FCF;
            text-shadow: 0 0 4px #0A0006, 0 0 8px #FF6FCF99;
        }

        a.sl-sig:link,
        a.sl-sig:visited{
            display: block;
            align-self: stretch;
        }

        .sl-pop{
            position: fixed;
            pointer-events: none;
            font-family: "VT323", monospace;
            font-size: 22px;
            color: #FFFFFF;
            text-shadow: 0 0 6px #FF6FCF;
            animation: sl-floatup 1s ease-out forwards;
            z-index: 200;
        }

        @keyframes sl-floatup{
            0%{ opacity: 1; transform: translate(-50%, 0); }
            100%{ opacity: 0; transform: translate(-50%, -50px); }
        }

        .sl-modal{
            position: fixed;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 12px;
            background-color: #0A0006AA;
            z-index: 150;
        }

        .sl-modal.on{
            display: flex;
        }

        .sl-modal .sl-win{
            width: 330px;
            font-family: "VT323", monospace;
            font-size: 20px;
            color: #FF6FCF;
        }

        .sl-msg{
            padding: 12px 10px 4px;
            text-align: center;
            color: #FFFFFF;
            text-shadow: 0 0 5px #FF6FCF;
        }

        .sl-msg .sl-big{
            font-size: 30px;
            color: #FF6FCF;
        }

        .sl-msg img{
            display: block;
            width: 120px;
            margin: 0 auto 6px;
        }

        .sl-btns{
            display: flex;
            gap: 10px;
            justify-content: center;
            padding: 10px 0 8px;
        }

        .sl-btns button{
            font-family: "VT323", monospace;
            font-size: 20px;
            padding: 3px 14px;
            border: 3px solid #FF6FCF;
            background-color: #0A0006;
            color: #FF6FCF;
        }

        .sl-btns button.sl-yes{
            background-color: #FF6FCF;
            color: #0A0006;
        }

        .sl-btns button:hover{
            background-color: #C9A7FF;
            border-color: #C9A7FF;
            color: #0A0006;
        }

        .sl-close{
            background: none;
            border: none;
            padding: 0 2px;
            font-family: "VT323", monospace;
            font-size: 20px;
            color: #0A0006;
        }
