#bg { --bg-image: none;}
#bg:after { background-image: var(--bg-image);}
.swal2-popup { background: #26282c; color: #fff;}
.swal2-title, .swal2-content { color: #fff;}
.swal2-title { letter-spacing: 1px !important;}
.article-modal .swal2-title { font-size: 1.2em !important; margin-bottom: 0.5em !important;}
.article-meta-info { font-size: 0.9em; color: #fff; margin-bottom: 1em; line-height: 1.4;}
.article-meta-item { margin-right: 1em; display: inline-block;}
.article-meta-label { color: #fff; margin-right: 0.3em;}
.article-meta-author, .article-meta-category { color: #fff; cursor: pointer; text-decoration: none;}
.article-meta-author:hover, .article-meta-category:hover { color: #fff; text-decoration: underline;}
.custom-swal-buttons { display: flex; justify-content: center; gap: 1.25em; margin-top: 1.5em;}
body.swal2-shown { overflow: hidden;}
body.swal2-shown #wrapper { filter: blur(0.5rem); -webkit-filter: blur(0.5rem); transition: filter 0.3s ease;}
.swal2-container { z-index: 10000;}
body.swal2-shown #bg { transform: scale(1.15); filter: blur(0.5rem); -webkit-filter: blur(0.5rem); transition: all 0.3s ease;}
body.swal2-shown #wrapper { transform: scale(1.03); filter: blur(0.5rem); -webkit-filter: blur(0.5rem); transition: all 0.3s ease;}
body:not(.swal2-shown) #bg, body:not(.swal2-shown) #wrapper { transform: scale(1); filter: none; transition: all 0.3s ease;}
.last_post { font-family: inherit; color: inherit; margin: 1.25em 0;} 
.last_post-title { margin-bottom: .9375em; font-size: 1.125em; color: inherit;} 
.last_post-items .last_post-item { position: relative; margin-bottom: 0em; padding: .3em .75em; border-radius: 0.75rem; transition: all .4s cubic-bezier(.16,1,.3,1); overflow: hidden; z-index: 1; line-height: inherit;} 
.last_post-items .last_post-link { color: inherit; text-decoration: none; font-weight: 500; transition: color .2s, text-shadow .2s;} 
.last_post-items .last_post-meta { color: #888; font-size: .875em; margin-left: .2em; transition: color .2s; letter-spacing: 0.0875em;} 
.last_post-items .last_post-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); border-radius: 0.75rem; backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity .4s ease; z-index: -1; }
.last_post-items .last_post-item:hover::before { opacity: 1;} 
.last_post-items .last_post-item:hover .last_post-link { color: #fff;}
.last_post-items .last_post-item:hover .last_post-meta { color: #fff;}
.is-preload .last_post-items .last_post-item::before { opacity: 0 !important; transition: opacity .4s ease; }
.is-preload .last_post-items .last_post-item:hover::before { opacity: 0.3 !important; }
.is-preload .last_post-items .last_post-item:hover .last_post-link { color: #fff; }
.is-preload .last_post-items .last_post-item:hover .last_post-meta { color: #fff; }
body:not(.is-preload) .last_post-items .last_post-item:hover::before { opacity: 1; }
.last_post-empty, .last_post-error { color: #fff; padding: .625em; text-transform: none !important;} 
.last_post-loading { color: #ffd700; padding: .625em;} 
.top-icons { position: absolute; top: 1.5rem; right: 1.5rem; margin: 0; padding: 0; list-style: none; display: flex; gap: 1rem;}
.article-iframe { width: 100%; height: 65vh; border: none; border-radius: 8px; background: #1a1c20;}
.article-modal-content { display: flex; flex-direction: column; gap: 1rem;}
.article-modal-buttons { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem;}
.noscript-message-inbody { position: fixed; top: 0; left: 0; right: 0; background-color: #ff0000; color: white; padding: 10px; text-align: center; z-index: 9999; font-size: 16px; display: none !important;}
.confetti-canvas { z-index: 10002 !important; }
@media (max-width: 48em) { .last_post-items .last_post-item { padding: .625em; border-radius: 0.75rem;} .article-iframe { height: 55vh;} .article-modal .swal2-title { font-size: 1.1em !important;} .article-meta-info { font-size: 0.85em;} }
@media (max-aspect-ratio: 1/1) { .hide-sub-buttons { display: none;} .mobile_display { display: none !important ;} }
@media (min-aspect-ratio: 1/1) { .subBotton { display: none !important ;} }