<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --bodyWidth: 844px;
    --cellSize:  calc(var(--bodyWidth) / 4);
}

* {
    box-sizing:border-box;
}

#myInfo {
    display:block;
    background-color:rgba(var(--color-navy-rgb),0.5);
    width:100%;
    height:90px;
    margin:8px auto;
    float:left;
}

input {
    background-position:151px 6px;
    width:165px;
}

@media (max-width: 800px) {
    :root {
        --bodyWidth: 588px;
        --cellSize: calc(var(--bodyWidth) / 3);
    }

    #myInfo {height:60px;}
    input {
        background-position: 131px 6px;
        width: 145px;
    }
}

#mainspace {display:block;width:var(--bodyWidth);background-repeat:no-repeat;background-position:center center;
font-size:18px;color:var(--color-jupiter);background-color:var(--color-indigo);margin:0;
padding:0;overflow: hidden;text-align: center;}

#eventspace {
    width: var(--bodyWidth);
    overflow: hidden;
}

.nick {font-weight:bold;color:var(--color-lightsky);}

.picObj {
    background-color: var(--color-indigo);
    width: var(--cellSize);
    height: var(--cellSize);
    border: 0;
    display: inline-block;
    margin: 0;
    text-decoration: none;
    float: left;
    text-align: left;
    cursor: zoom-in;
}

.vidObj {
    background-color: var(--color-indigo);
    width: var(--cellSize);
    aspect-ratio: 4/3;
    border:0;
    display:inline-block; 
    margin:0;
    text-decoration:none;
    text-decoration:none;
    float:left;
    text-align:left;
    cursor:zoom-in;
}

.picObj:hover, vidObj:hover {background-color:var(--color-bluesky);text-decoration:none;} 
.picObj[data-block],.picObj[data-block] {cursor:not-allowed;}
.picObj &gt; div.userpic {
    width: 100%;
    height:100%;
    border: 1px solid var(--color-bluesky);
    display:block;
    margin:0;
 }

#templatepic,#templatevid {display:none;}

.vidObj .vidInfos {
    margin-top: calc(3 / 4 * var(--cellSize) - 34px);
    padding: 4px;
    height: 34px;
    overflow: hidden;
    background-color: rgba(var(--color-darkestsky-rgb),0.5);
}

.vidInfos .duration {float:right;margin-top:4px;color:var(--color-snow);text-decoration:none;}

.vidObj &gt; div.userpic {
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-bluesky);
    display: block;
    background-size: var(--cellSize) var(--cellSize) !important;
    background-position-y:calc(var(--cellSize) / -6);
}

.vidObj &gt; div.videostripe {
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-bluesky);
    display: block;
    margin: 0;
    background-position-y: calc(var(--cellSize) / -6);
}

s {
    display: none;
}

#navigationspace {
    width: var(--bodyWidth);
    height: 40px;
    background-color: var(--color-airforce);
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    text-align: center;
    padding-right: 37px;
}


span.bud {
    display: none;
    margin: calc(var(--cellSize) - 28px) 9px 0px 6px;
    width: 18px;
    height: 15px;
    cursor: pointer;
    background-image: url(/img/icon/escort.png);
    float: right;
}

.vidObj span.bud {
    margin-top: 0;
}

span.hd {
    width: 27px;
    height: 12px;
    background-image: url(/art/royal/images/icons/icn_hd.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
    float: right;
    margin-right: -20px;
    margin-top: 152px;
}

#buttonchange, #buttonsave {
    display: none;
}

#topspace {
    display: block;
    margin: 40px 0 -1px 0;
    background-color: var(--color-indigo);
    width: var(--bodyWidth);
}

#bottomspace {
    display: block;
    margin: -1px 0 11px 0;
    background-color: var(--color-indigo);
    width: var(--bodyWidth);
    cursor: pointer;
    overflow: hidden;
}

#bottomEnd {
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    padding: 10px;
    display: none;
}

.picObj &gt; p, .vidObj &gt; p {
    clear: both;
    margin: 0 2px 0 2px;
    padding: 0;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.userIcons {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    margin: 2px 2px 2px 2px;
    border: 0px none red;
    background-repeat: no-repeat;
    text-decoration: none;
}

.picObj &gt; .budIcon, .vidObj &gt; .budIcon, {
    background-image: url(/art/royal/images/euro.png);
}

.picObj &gt; span.filter {
    width: var(--cellSize);
    aspect-ratio: 1;
    margin-top: calc(-1 * var(--cellSize));
    display: block;
    background-size: var(--cellSize) var(--cellSize);
}

.vidObj &gt; span.filter {
    width: var(--cellSize);
    aspect-ratio: 4 / 3;
    margin-top: -90%;
    display: block;
    background-size: var(--cellSize) var(--cellSize);
}

span.contentfilter {
    width: 60px;
    aspect-ratio: 1;
    margin: calc(-50% - 30px) auto auto auto;
    display: block;
    background-size: 60px 60px;
    background-image: url('/img/icon/filter_gold.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.vidObj &gt; span.contentfilter {
    margin-top: calc(-50% - 15px);
}


div.saved {
    height: 30px;
    margin: 6px 6px 6px 6px;
    position: absolute;
    width: 30px;
    background-image: url('/img/icon/pin_gold.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    cursor: pointer;
}

    div.saved:hover {
        background-image: url('/img/icon/pin_blue.svg');
        transform: rotate(45deg);
    }

p.media img.filter {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0;
    background-size: cover;
}

.online0 {
    color: var(--color-nature);
}

.online1 {
    color: var(--color-nature);
}

.online2 {
    color: var(--color-gold);
}

.online3 {
    color: var(--color-gold);
}

.online4 {
    color: var(--color-gold);
}

.online5 {
    color: var(--color-nature);
}

.online6 {
    color: var(--color-nature);
}

.online7 {
    color: var(--color-meteor);
}

.online8 {
    color: var(--color-meteor);
}

.online9 {
    color: var(--color-meteor);
}

.online10 {
    color: var(--color-fire);
}

#greenPoint {
    border-radius: 8px;
    border-color: var(--color-nature);
    border-style: solid;
    border-width: 8px;
    display: inline-block;
    margin-top: 4px;
    margin-right: 20px;
}

body, html {
    background-color: var(--color-neptune);
    height: auto;
}


#facepichint {
    position: fixed;
    left: 0px;
    right: 0;
    top: 40px;
    color: var(--color-darksky);
    line-height: 34px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    width: 608px;
    font-size: 12px;
    margin: 0 auto;
    border: 0px solid var(--color-navy);
    height: 34px;
    border-radius: 0 0 12px 12px;
    display: block;
    background-color: #CAFF00;
    background-image: linear-gradient(to right, #8bff00 0%,#c8ff00 21%,#e2ff00 31%,#f4ff00 43%,#f6ff00 53%,#efff00 61%,#dfff00 70%,#bdff00 83%,#8aff00 100%);
}

    #facepichint &gt; a, #facepichint &gt; a:visited, #facepichint &gt; a:hover {
        padding: 2px 2px 2px 8px;
        color: var(--color-neptune)
    }

    #facepichint &gt; #facepichintclose {
        float: right;
        padding: 0 8px 0 4px;
    }
/* INPUTS */
    INPUT {
    color: var(--color-snow);
    background-color: var(--color-space);
    border-radius: 4px;
    border-width: 1px;
    border-color: var(--color-space);
    font-weight: bold;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin: 10px 4px 0px 4px;
    padding: 3px 2px 2px 2px;
    text-align: center;
    background-image: url('/img/icon/select-drop.png');
    background-repeat: no-repeat;
    text-overflow: ellipsis;
}

SPAN.ageto {
    color: var(--color-cloudy);
}

img#action {
    float: left;
    width: 32px;
    height: 25px;
    padding: 0;
    margin: 6px 0 0 12px;
    border-style: none;
    cursor: pointer;
}

#action:hover {
    animation: rotate 5s linear infinite;
}

.optionList {
    position: fixed;
    display: none;
    top: 30px;
    background-color: var(--color-bluesky);
    color: var(--color-snow);
    line-height: 15px;
    max-width: 250px;
    min-width: 150px;
    border-radius: 0 0 8px 8px;
    border-bottom: 8px solid var(--color-bluesky);
    max-height: calc(100% - 50px);
    overflow-y: auto;
    box-shadow: 2px 8px 4px rgba(var(--color-darksky-rgb),0.3);
}

.hidden {
    display: none;
}

.optionItem {
    cursor: pointer;
    padding: 0 12px 0 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid var(--color-bluesky);
    font-size: 12px;
    background-color: var(--color-bluesky);
}

    .optionItem:hover {
        background-color: var(--color-space);
    }

#actionList[data-sort="1"] .optionItem[data-sort="1"],
#actionList[data-sort="2"] .optionItem[data-sort="2"],
#actionList[data-sort="3"] .optionItem[data-sort="3"],
#actionList[data-sort="4"] .optionItem[data-sort="4"],
#actionList[data-sort="5"] .optionItem[data-sort="5"],
#actionList[data-sort="6"] .optionItem[data-sort="6"],
#actionList[data-sort="7"] .optionItem[data-sort="7"],
#actionList[data-sort="8"][data-special="2"] .optionItem[data-sort="8"],
#actionList[data-sort="8"][data-special="4"] .optionItem[data-sort="8"],
#actionList[data-sort="9"] .optionItem[data-sort="9"],
#actionList[data-sort="10"] .optionItem[data-sort="10"],
#actionList[data-sort="99"] .optionItem[data-sort="99"] {
    color: var(--color-gold);
    display: block;
}

#actionList[data-special="2"] .optionItem[data-sort="8"],
#actionList[data-special="4"] .optionItem[data-sort="8"] {
    display: block;
}

#actionList[data-special] .optionItem[data-sort="99"] {
    display: none;
}

.optionItem[data-action="3"] {
    color: var(--color-stormy);
}

#actionList[data-filter] .optionItem[data-action="3"] {
    color: inherit;
}

.divider {
    height: 0px;
    border-top: 2px solid var(--color-cloudy);
    margin: 12px 12px 12px 12px;
}

::placeholder {
    color: var(--color-cloudy);
    opacity: 1;
}

div.likes {
    padding: 4px 12px 2px 12px;
    margin: calc(var(--cellSize) - 34px) 0 0 0;
    display: none;
    border-style: none;
    background-color: rgba(var(--color-airforce-rgb),0.8);
    color: var(--color-moon);
    float: left;
    clear: both;
    max-width: 90px;
    text-align: left;
    margin-left: 4px;
    border-radius: 20px;
    height: 25px;
    background-size: 13px 13px;
    background-image: url('/img/icon/heart_blue_outline.svg');
    background-repeat: no-repeat;
    background-position: 12px 7px;
    cursor: pointer;
}

div.likes[data-liked="1"], div.likes:hover {
    color: var(--color-gold);
    background-image: url('/img/icon/heart_gold.svg');
}

.vidObj div.likes {
    margin: 0 0 0 0;
    position: absolute;
}

span.likesCount {
    font-size: 13px;
    margin-left: 15px;
    min-width: 15px;
    text-align: right;
    display: inline-block;
    background-color: transparent;
    color: inherit;
    padding-left: 5px;
}

.ratImg {
    position: absolute;
    width: 85px;
    height: 17px;
    cursor: pointer;
}

.ratSpan {
    margin-left: 90px;
}

#wait-spinner {
    width: 60px;
    height: 60px;
    background-image: url('/art/royal/images/icons/circle1.png');
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

#myInfo span {
    margin: 0;
    float;
    right;
    margin-top: -4px;
    font-size: 9px;
    color: var(--color-cloudy);
    position: absolute;
}

form.search {
    position: fixed;
    display: none;
    padding: 10px 10px 18px 10px;
    top: 35px;
    background-color: var(--color-bluesky);
    color: #FFFFFF;
    line-height: 15px;
    max-width: var(--bodyWidth);
    min-width: 588px;
    border-radius: 0 0 8px 8px;
    max-height: calc(100% - 50px);
    overflow-y: auto;
    box-shadow: 2px 8px 4px rgba(0,27,52,0.3);
}

#close {
    width: 22px;
    height: 22px;
    background-image: url('/img/icon/ball_x_gold.svg');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.directsearch {
    font-weight: bold;
    color: var(--color-jupiter);
    display: block;
    padding: 3px;
    cursor: pointer;
    width: calc(100%-60px);
    background-color: var(--color-navy);
    margin-right: 20px;
    border-bottom: 1px solid var(--color-jupiter);
}

    .directsearch:hover {
        background-color: var(--color-space);
    }

    .directsearch:before {
        content: "Â»";
        padding-right: 8px;
    }

#directsearchUL {
    padding: 0 0 0 8px;
    margin: 4px 0;
    max-height: 50px;
    overflow-x: hidden;
    overflow-y: auto;
}

.directsearch &gt; img {
    float: right;
    width: 15px;
    height: 15px;
}

span.description {
    font-weight: bold;
    margin-left: 40px;
    display: inline-block;
}

input[type="checkbox"] {
    display: none;
}

#filterSurround input[type="checkbox"] + label {
    border-radius: 10px;
    padding: 1px 8px;
    border-style: solid;
    border-color: var(--color-space);
    border-width: 1px;
    color: var(--color-snow);
    background-color: var(--color-space);
    margin: 3px 8px;
    display: inline-block;
    cursor: pointer;
}

#filterSurround input[type="checkbox"]:checked + label {
    background-color: var(--color-admin);
    border-color: var(--color-admin);
    color: var(--color-airforce);
    font-weight: bold;
}

input[type="checkbox"]:disabled + label {
    color: var(--color-stormy);
    cursor: alias;
}

label::firstletter {
    text-transform: uppercase;
}


select {
    color: var(--color-snow);
    background-color: var(--color-space);
    border-radius: 4px;
    border-width: 1px;
    border-color: var(--color-space);
    font-weight: bold;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin: 2px 4px 0px 4px;
    padding: 1px 1px 1px 1px;
    text-align: center;
    background-image: url('/img/icon/select-drop.png');
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    background-position: 49px 6px;
    width: 62px;
    height: 20px;
    text-align-last: center;
}

    select &gt; option {
        text-align: center;
    }

    select.changed {
        color: var(--color-airforce);
        background-color: var(--color-admin);
    }

#usertype {
    width: 124px;
    background-position: 110px 6px;
    text-align: left;
    height: 88px;
    vertical-align: top;
}

#searchForm[data-type="picture"] div.picture,
#searchForm[data-type="video"] div.video {
    display:block;
}

#searchForm[data-type="video"] div.picture,
#searchForm[data-type="picture"] div.video {
    display:none;
}

#searchForm {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #searchForm span.edit {
        text-decoration: none;
        background-image: url('/img/comm/sprite.png');
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        margin: 0px 4px 0 4px;
        display: inline-block;
        background-position: 0px -203px;
        float: right;
    }

    #searchForm span.searchname {
        text-decoration: none;
        color: inherit;
        max-width: 80%;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
    }

    #searchForm span.delete {
        text-decoration: none;
        background-image: url('/img/icon/x.png');
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        margin: 0 4px 0 4px;
        display: inline-block;
        float: right;
    }

    #searchForm input.edit {
        width: 80%;
        text-align: left;
        background-image: none;
        margin: 0;
    }

#listSurround {
    height: 180px;
    overflow: visible;
}

#filterSurround {
    overflow: auto;
}

    #filterSurround &gt; div {
        float: right;
        max-width: 70%;
    }

        #filterSurround &gt; div:first-of-type {
            float: left;
            max-width: 70%;
        }

#themeCat {
    clear: both;
    float: left;
    margin-top: 10px;
    width: 50%;
    height: 120px;
}

#typeCat {
    float: right;
    margin-top: 10px;
    width: 50%;
    height: 120px;
}

P.description {
    font-weight: bold;
    margin: 4px 0 2px 10px;
}

#themeCat &gt; div, #typeCat &gt; div {
    height: 120px;
    overflow: hidden;
    margin: 0 4px 4px 4px;
    background-color: var(--color-airforce);
    border-radius: 10px 0 0 10px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-airforce);
    float: left;
    padding: 0 8px 8px 8px;
}

#themeCat &gt; div {
    margin-right: 2px;
}

#typeCat &gt; div {
    border-radius: 0 10px 10px 0;
    margin-left: 2px;
}

#themeCat &gt; p {
    font-weight: bold;
    margin: 4px 0 2px 10px;
}


#listSurround input.all[type="checkbox"] + label {
    cursor: pointer;
    display: inline-block;
    margin-top: 2px;
    width: 15px;
    height: 15px;
    position: relative;
    background-image: url('/img/icon/check_off.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
}

    #listSurround INPUT.all[type="checkbox"] + label:after {
        content: none;
    }

#listSurround INPUT.all[type="checkbox"]:checked + label {
    background-image: url('/img/icon/check_on.svg');
}

#listSurround INPUT[type="checkbox"] + label {
    cursor: pointer;
    white-space: nowrap;
    display: inline-block;
    text-shadow: 0px 0px 1px var(--color-airforce);
}

#listSurround INPUT[type="checkbox"]:checked + label {
    color: var(--color-gold);
    font-weight: bold;
}

#listSurround INPUT[type="checkbox"]:disabled + label {
    color: var(--color-stormy);
    cursor: alias;
}

#listSurround INPUT[type="checkbox"] + label:after {
    content: 'Â·';
    color: var(--color-snow);
    font-weight: bold;
    padding: 0 4px;
    font-size: 20px;
    vertical-align: bottom;
}

#listSurround INPUT[type="checkbox"] + label:last-of-type:after {
    content: none
}

#submitArea {
    clear: both;
    text-align: center;
}

#searchDo {
    cursor: pointer;
    display: inline-block;
    min-width: 150px;
    color: var(--color-airforce);
    background-color: var(--color-admin);
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-admin);
    padding: 9px 17px;
    font-weight: bold;
}

    #searchDo:hover {
        border-color: var(--color-gold);
    }
</pre></body></html>