/*
 * Custom CSS for @justvn's profile on Hjonk
 * Generated on 2025-11-01 06:08:20
 * This CSS file was last modified on: 2024-12-04 07:13:00
 * Length: 0 characters
 *
 * Please be respectful: copying, modifying, or redistributing without permission
 * is not nice <3
 */

.container::after { display: none; } /* hack for new layout *//* Hjönk CITRINE NIGHT - Profile & Site Theme */
/* code by @cuttlefish - free to use and edit くコ:彡 - please report any issues! */

/* BG Assets */
.container:before, .special-bg{filter: invert() hue-rotate(220deg) contrast(200%)}
.top-part .profile-corner, .top-part .cd-component{filter: invert(1) hue-rotate(-220deg) contrast(50%);}
.toasters-container-full{
filter: invert(1) contrast(150%) hue-rotate(220deg) saturate(250%);
}

/* Main */
body{background: #000;}
button:nth-child(n){background: linear-gradient(0deg,#0f0f0f,#000); color: #fff; border-color:#2c2c2c;}
.container{border-color: #463629 !important; box-shadow: 0 0 20px #3c2626; background-color: #000; color: #fee3cc}
.primary{background: linear-gradient(0deg,#ddc9a3,#ffe8bc) !important;}
.caption{color: #ab8b6f;}
a{color:#ff7e0f;}

/* Header */
.header-buttons a{background: #000; border-color: #2c2c2c;}
.header-buttons a:last-of-type{background: linear-gradient(90deg,#000 59%,#000);}
.profile-dropdown{background: linear-gradient(0deg,#0f0f0f 72%,#000); color: #ff7e0f; border-color: #2c2c2c;}
.profile-dropdown:hover{background: linear-gradient(0deg,#141414 72%,#0f0f0f); color: #ff963c; border-color: #2c2c2c;}
.header .caption{color: #ab8b6f !important;}
.achievement-icon{filter: hue-rotate(40deg) saturate(800%);}

/* Top of Profile */
.alert{background-color: #1d0404; color: #fee3cc; border-color: #463629;}
.alert::before{filter:hue-rotate(40deg) saturate(150%) contrast(150%);}
.profile-banner-section{border-color: #2c2c2c;}
.banner-user-area{background: #000000d6; color: #ff7e0f;}
.primary{border-color:#3b3324 !important; color: #572700 !important;}

/* Sidebar */
.side-panel-separate{background: #110b00; border-color:#463629;}
.section-header .caption{color: #fee3cc !important;}
.section-header{border-color: #695d46;}
.section{border-color: #2c2c2c;}
.section:hover{background-color: #0c0c0c4a;}
.side-panel-separate .fancy-list li:first-of-type{border-color: #3b3324;}
.side-panel-separate li{background: linear-gradient(0deg,#110b00,#200000); border-color: #3b3324;}
.fancy-list li{background:#0000007d; border-color:#3b3324;}
.fancy-list li.selected{background:#1d1403;}
.fancy-list li:hover{background:#0f0f0f}
.followers-list > a:nth-child(n) > img:nth-child(1){border-color:#2c2c2c;}
.following-list > a:nth-child(n) > img:nth-child(1){border-color:#2c2c2c;}
.selected::before{filter:hue-rotate(40deg) saturate(150%) contrast(150%);}

/* Footer */
.emisoft-logo{filter: invert(1) hue-rotate(220deg) contrast(200%)}
.footer-section a{color: #000; text-shadow: -1px -1px 1px #ff7e0f,1px -1px 1px #ff7e0f,-1px 1px 1px #ff7e0f,1px 1px 1px #ff7e0f;}
span.inline-block:nth-child(11) > img:nth-child(1){filter:hue-rotate(40deg) saturate(200%);}

/* Post Stuff */
.post{border-color:#2c2c2c;}
.post-metadata{background:linear-gradient(45deg,#000,#000 6px,#1d1403 6px); border-color:#463629; color: #fee3cc;}
.post-metadata::before{filter:hue-rotate(40deg) saturate(150%) contrast(150%);}
.post-metadata b{color: #ff7e0f;}
.new-post{background:#110b00;}
.new-post .post-metadata{background: linear-gradient(45deg,#110b00,#110b00 6px,#1d1403 6px);}
.image-preview img{border-color:#2c2c2c;}
.replies{background:linear-gradient(0deg,#0f0f0f,#000 20%);}
.quoted-post{border-color:#2c2c2c;}
.lastfm-attachment-post{background:#000; border-color:#2c2c2c;}
.lastfm-attachment-post .album-cover{border-color:#2c2c2c;}
.embed.youtube{background:#000; border-color:#2c2c2c;}

/* Non-profile Stuff */
.side-panel-separate .news-section{background: linear-gradient(0deg,#1d1403,#0000 20%); border-color: #463629;}
.user-card{background:#000000ad; border-color:#3b3324;}
.user-card:first-of-type{border-color:#3b3324;}
.notification{background:#000; border-color:#2c2c2c;}
.text-decoration{color:#ff7e0f;}
.user-card-search{border-color:#2c2c2c;}
.border-decoration:hover{
    --gradColor1: #57575785;
    --gradColor2: #68686854;
    --gradColor3: #2c2c2c82;
}
.item-buy-section{border-color:#2c2c2c;}
.theme{border-color:#2c2c2c;}
.dreamy-textbox{filter: invert(1) hue-rotate(40deg);}
.font-hotfix{filter: invert(1) hue-rotate(-40deg);}
.attachment{background:#000; border-color:#2c2c2c; color: #fff;}
.attachment > img:nth-child(n){filter: invert(1);}
button:nth-child(n), .js_search{background: linear-gradient(0deg,#0f0f0f,#000); color: #fff; border-color:#2c2c2c !important;}
.share-hjonk > textarea:nth-child(2){filter: invert();}
.share-hjonk > img:nth-child(1){filter: hue-rotate(40deg) saturate(150%);}
.like-post.js_likeButton{filter: hue-rotate(40deg) saturate(200%);}
.icon-special{filter:hue-rotate(190deg) saturate(250%) }
div.border-decoration:nth-child(n) > div:nth-child(2) > img:nth-child(4){filter: hue-rotate(40deg) saturate(800%);}
img.icon:nth-child(3){filter: hue-rotate(40deg) saturate(800%);}