/*
 * Custom CSS for @✚ TSUKI. 🅑🅐's profile on Hjonk
 * Generated on 2025-11-01 20:15:03
 * This CSS file was last modified on: 2025-03-13 21:51:36
 * Length: 0 characters
 *
 * Please be respectful: copying, modifying, or redistributing without permission
 * is not nice <3
 */

.container::after { display: none; } /* hack for new layout *//* Marimba-Tone  - Hjönk Profile & Site Theme*/
/* code by @cuttlefish - free to use and edit くコ:彡 - please report any issues! */
 
/* BG Assets */
.container:nth-child(4):before{filter: sepia(1); opacity: 20%;}
.special-bg{
background: linear-gradient(230deg,#223C405a 0%, #597E875a 9%, #DBFFFC8a 19%, #597E875a 31%, #DBFFFC2a 65%, #597E875a 75%, #DBFFFC5a 80%, #597E872a 90%, #223C405a 100%);
box-shadow: inset 0px 0px 10px #08141c;
border-radius: 50px 10px 0px 0px;
}
.toasters-container-full{
filter: saturate(200%) sepia(1) opacity(90%);}
 
/* Main Formatting */
html{scrollbar-color: #b5a58a9a #694a3e;}
body{
background: url(//images.weserv.nl/?url=https://files.catbox.moe/whf6p2.jpg), radial-gradient(circle, #fff0 80%, #0000009a, #0a0a0a);
background-blend-mode: overlay;
}
.container-main{
border-radius: 5px 30px 40px 40px;
border-color: #4c5233 !important;
background: linear-gradient(230deg,#223C405a 0%, #597E875a 9%, #DBFFFC8a 19%, #597E875a 31%, #DBFFFC2a 65%, #597E875a 75%, #DBFFFC5a 80%, #597E872a 90%, #223C405a 100%);
box-shadow: inset 0px 0px 10px #08141c;
}
.caption{color: #d7e6bc;}
a {color: #f1ff87;}
 
/* Header Area */
.header-container{
background: linear-gradient(to top, #0005, #0009 30%, #0002 35%, #0009 37%, #0002 50%, #0009 55%, #0005 88%, #0009 90%);
box-shadow: 1px 1px 30px #000;
border-color: #4c5233 !important;
border-radius: 50px 20px 50px 20px}
.logo{filter: sepia(1) contrast(80%) saturate(200%) drop-shadow(0 0 3px #9ea862);}
.header-buttons a:first-of-type{background: linear-gradient(to right, #0000, #0009);}
.header-buttons a {background: #0009; border-color: #262918; color: #838f54}
.header-buttons a:last-of-type{background: linear-gradient(to left, #0000, #0009)}
.header-buttons a:hover{
filter:brightness(130%);
}
.profile-dropdown{
color: #838f54;
font-style: italic;
background: linear-gradient(to bottom, #0808089a, #1f1f1f);
border-radius: 10px;
border-color: #4c5233;
}
.profile-dropdown:hover{
background: linear-gradient(to bottom, #0808089a, #1f1f1f);
filter:brightness(130%);
}
.hotfix-position{filter: hue-rotate(70deg) saturate(900%) contrast(100%) brightness(80%);}
 
/* Top of Profile */
.profile-banner-section{
border-radius: 70px;
border-color: #4c5233;
filter: contrast(110%) drop-shadow(0 -1px #84b84d) drop-shadow(0 0 1px #000);
box-shadow: inset 0px 0px 20px #3c4b4f;
}
.banner-user-area{
background: linear-gradient(230deg,#223C405a 0%, #597E875a 9%, #DBFFFC8a 19%, #597E875a 31%, #DBFFFC2a 65%, #597E875a 75%, #DBFFFC5a 80%, #597E872a 90%, #223C405a 100%);
box-shadow: inset 0px 0px 10px #08141c;
color:#82ab32;
border-color: #4c5233;
border-radius: 0px 50px 0px 5px;
margin-left: -6px;
}
.banner-user-area b{filter: drop-shadow(0 -1px #b6d690) drop-shadow(0 0 1px #000);}
.primary{filter: hue-rotate(80deg) brightness(80%) saturate(200%) contrast(150%) sepia(1);}
button:nth-child(6){filter: sepia(1) hue-rotate(20deg) contrast(80%);}
.alert{
background: url(//images.weserv.nl/?url=https://files.catbox.moe/qzvgiu.jpg);
background-size: 1000px 500px;
filter: saturate(200%) brightness(120%);
box-shadow: inset 0px 0px 20px #000;
color: #bec98d;
font-weight: bold;
border-radius: 10px 50px 10px 50px;
border-color: #4c5233 !important;
}
.alert::before{
background:none;
border-radius: 10px 50px 10px 50px;
box-shadow: 0px 7px 1px #000;
}
 
/* Sidebars */
.side-panel-separate{
background: url(//images.weserv.nl/?url=https://files.catbox.moe/f9dsmk.jpg), #0000003a !important;
background-blend-mode: overlay;
background-size: 100% !important;
box-shadow: inset 0px 0px 20px #000;
border-color: #4c5233 !important;
border-radius: 5px 20px 20px 40px;
}
.section{
border-color: #916e54;
border-radius: 5px;
background: radial-gradient(circle, #0002, #0006 90%);
color: #dedea9;
filter: drop-shadow(0 -1px #30170e) drop-shadow(0 0 1px #000);
}
.section:hover{
border-color: #916e54;
border-radius: 5px;
background: radial-gradient(circle, #0002, #0006 90%);
color: #dedea9;
filter: drop-shadow(0 -1px #30170e) drop-shadow(0 0 1px #000);
backdrop-filter: none !important;
}
.section-header{
border-color: #916e54 !important;
color: #cc9583;
}
.section-header .caption{color: #a6ba7b !important;}
.section-header a{color: #f1ff87 !important;}
.section-header .wide{
color:#f0bd97;
filter: drop-shadow(-1px 0 #805141);
}
.selected::before{
filter: brightness(0%);
}
.js-fancy-list > li:nth-child(n){
color: #e3b33b;
font-style: italic;
border-radius: 5px;
border-color: #000 !important;
box-shadow: inset 0px 0px 10px #000;
box-shadow:  0px 5px 5px #0009;
}
.js-fancy-list > li:nth-child(odd){
background: linear-gradient(to bottom, #450a03, #782007, #c94938, #782007, #450a03);
}
.js-fancy-list > li:nth-child(even){
background: linear-gradient(to bottom, #0a0426, #1f1d57,#3d4491, #1f1d57, #0a0426);
}
.followers-list > a:nth-child(n) > img:nth-child(1){border-color: #000; border-radius: 5px; box-shadow: 0px -1px 2px #000;}
.following-list > a:nth-child(n) > img:nth-child(1){border-color: #000; border-radius: 5px; box-shadow: 0px -1px 2px #000;}
 
/* Bottom */
.footer{
border-radius: 20px 40px 10px 40px;
background: linear-gradient(230deg,#223C405a 0%, #597E875a 9%, #DBFFFC8a 19%, #597E875a 31%, #DBFFFC2a 65%, #597E875a 75%, #DBFFFC5a 80%, #597E872a 90%, #223C405a 100%);
box-shadow: inset 0px 0px 10px #08141c;
border-color: #4c5233;
}
.flex{filter: sepia(1) contrast(80%) saturate(200%) drop-shadow(0 0 3px #9ea862);}
.footer-section a{color: #544831; text-shadow:-1px -1px 1px #DBFFFC8a,1px -1px 1px #DBFFFC8a,-1px 1px 1px #DBFFFC8a,1px 1px 1px #DBFFFC8a;}
 
/* Post Stuff */
.post{
border-color: #b0d197 !important;
border-radius: 5px;
background: #0009;
box-shadow: 0px 0px 10px #000;
}
.post-text{
color: #d6e8c1;
filter: drop-shadow(0 -1px #96b526) drop-shadow(0 0 1px #000);
}
.post-metadata{
background: linear-gradient(to top, #000, #0005);
color: #afc942;
border-radius: 10px;
filter: drop-shadow(0 -1px #d0dba0) drop-shadow(0 0 1px #000);
border-color: #4c5233;
}
.post-metadata::before{
border-radius: 10px;
filter:hue-rotate(50deg);
}
.new-post{
border-color: #b0d197 !important;
border-radius: 5px;
background: #0009;
box-shadow: 0px 0px 10px #000;
}
.new-post .post-metadata{
background: linear-gradient(to top, #000, #0005);
}
.replies{
border-radius: 10px;
background: linear-gradient(230deg,#223C405a 0%, #597E875a 9%, #DBFFFC8a 19%, #597E875a 31%, #DBFFFC2a 65%, #597E875a 75%, #DBFFFC5a 80%, #597E872a 90%, #223C405a 100%);
box-shadow: inset 0px 0px 5px #000;
}
.quoted-post{
border-radius: 10px;
border-color: #000 !important;
background: linear-gradient(230deg,#223C405a 0%, #597E875a 9%, #DBFFFC8a 19%, #597E875a 31%, #DBFFFC2a 65%, #597E875a 75%, #DBFFFC5a 80%, #597E872a 90%, #223C405a 100%);
box-shadow: inset 0px 0px 5px #000;
color: #fcefbd;
}
.quoted-post b{color: #ffd885;}
.youtube{
border-radius: 10px;
border-color: #574029 !important;
background: url(//images.weserv.nl/?url=https://files.catbox.moe/s49sq2.jpg);
box-shadow: inset 0px 0px 10px #000;}
.youtube .caption{color: #fcd8b3;}
.lastfm-attachment-post{
border-radius: 10px;
border-color: #000 !important;
background: linear-gradient(230deg,#223C405a 0%, #597E875a 9%, #DBFFFC8a 19%, #597E875a 31%, #DBFFFC2a 65%, #597E875a 75%, #DBFFFC5a 80%, #597E872a 90%, #223C405a 100%);
box-shadow: inset 0px 0px 5px #000;
color: #fcefbd;
}
.lastfm-attachment-post .caption{color: #fff8e0}
 
/* Non-profile Stuff */
.feed-header-section .caption{color: #d9e89b !important;}
.feed-header-section .wide{color: #e1f0c9; filter: drop-shadow(0 -1px #48573d) drop-shadow(0 0 1px #000);}
.mb-10:nth-child(1){color: #d9e89b !important;}
.mb-10:nth-child(1) .wide{color: #e1f0c9; filter: drop-shadow(0 -1px #48573d) drop-shadow(0 0 1px #000);}
.hjonk-interactive-canvas{
border-color: #916e54;
background: radial-gradient(circle, #0002, #0006 90%);
box-shadow: inset 0px 0px 10px #000;
border-radius: 50px;
filter: drop-shadow(0 -1px #30170e) drop-shadow(0 0 1px #000);
}
.speech{filter: sepia(); color: #a1a894;}
.bg{filter: sepia();}
.hajonk{filter: sepia() brightness(90%);}
.has-scrollbar{
border-color: #916e54 !important;
border-radius: 7px;
background: radial-gradient(circle, #0002, #0006 90%) !important;
box-shadow: inset 0px 0px 10px #000;
filter: drop-shadow(0 -1px #30170e) drop-shadow(0 0 1px #000);
}
.has-scrollbar:nth-child(7) > div:nth-child(n){border-color: #916e54 !important;}
.followers-list-dashboard:nth-child(9) > div:nth-child(n){
border-color: #916e54 !important; 
border-top: 1px solid;
border-radius: 7px;
background: radial-gradient(circle, #0002, #0006 90%) !important;
box-shadow: inset 0px 0px 10px #000;
filter: drop-shadow(0 -1px #30170e) drop-shadow(0 0 1px #000);
color:#f1ff879a !important
}
.followers-list-dashboard:nth-child(9) > div:nth-child(n) b{color: #f1ff87 !important}
.followers-list-dashboard:nth-child(11) > div:nth-child(n){
border-color: #916e54 !important; 
border-top: 1px solid;
border-radius: 7px;
background: radial-gradient(circle, #0002, #0006 90%) !important;
box-shadow: inset 0px 0px 10px #000;
filter: drop-shadow(0 -1px #30170e) drop-shadow(0 0 1px #000);
color:#f1ff879a !important
}
.followers-list-dashboard:nth-child(11) > div:nth-child(n) b{color: #f1ff87 !important}
.mb-5:nth-child(n) > div:nth-child(1) > span:nth-child(1) > img:nth-child(1){filter: hue-rotate(280deg)}
.has-scrollbar:nth-child(7) > div:nth-child(n) > a:nth-child(1) > div:nth-child(2) > span:nth-child(5) > img:nth-child(1){filter: hue-rotate(70deg) saturate(900%) contrast(100%) brightness(80%);}
.notification{background: #0000; border-color: #0000; border-radius:10px;}
.notification-container{background: #0005; border-color: #0000; border-radius:10px; color: #e1f0c9 !important; box-shadow: 0px 0px 5px #000;}
.border-decoration:nth-child(n) > div:nth-child(2) > img:nth-child(4){filter: hue-rotate(70deg) saturate(900%) contrast(100%) brightness(80%);}
.item-buy-section{background: #0005; border-color: #0000; border-radius:10px; color: #e1f0c9 !important; box-shadow: 0px 0px 5px #000;}
.w-8{filter: hue-rotate(70deg) saturate(900%) contrast(100%) brightness(80%);}
.user-card-search:nth-child(n){border-color: #0000; border-radius:10px; box-shadow: 0px 0px 5px #000;}
.user-card-search:nth-child(n) > div:nth-child(2) > a:nth-child(1){color: #afc942;}