@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');  
a, a:link, a:visited { color: #FFFFFF !important; }
/* --- 0. ANIMATIONS & GLOBAL --- */   
html {   
  animation: fadein 0.4s forwards; 
  visibility: hidden;   
}   

@keyframes fadein {   
  0% { visibility: hidden; opacity: 0; }   
  100% { visibility: visible; opacity: 1; }   
}   

body {   
    background-image: url("https://rlk.micro.blog/uploads/2026/stardust.png"), linear-gradient(to right, #434343 0%, #000000 100%);   
    background-attachment: fixed;   
    background-color: #434343;   
    color: #FFFFFF;   
    text-shadow: black 0px 4px 5px;   
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;   
    max-width: 650px;    
    margin: 0 auto;   
    padding: 20px;   
}   

/* --- 1. SELECTION COLOR --- */ 
::selection { 
    background: #00ced1; 
    color: #ffffff;      
    text-shadow: none;   
} 

::-moz-selection { 
    background: #008080; 
    color: #ffffff; 
    text-shadow: none; 
} 

/* --- 2. LINKS & BUTTONS --- */   
/* FIX: Added :link and :visited to every selector here to block the purple flash */
.threads-nav a, .threads-nav a:visited,    
header nav a, header nav a:visited,    
section.e-content.post-body a, section.e-content.post-body a:visited,    
#footer a, #footer a:visited,   
.h-entry a, .h-entry a:visited {   
    color: #FFF !important;   
    box-shadow: none !important;  
    transition: all .35s cubic-bezier(.7, 0, .3, 1);   
    text-decoration: underline !important;   
}   

.threads-nav a:hover,    
header nav a:hover,    
section.e-content.post-body a:hover,    
#footer a:hover,    
.h-entry a:hover {   
    color: #cccccc !important;  
    box-shadow: none !important; 
}   

input,  
textarea,  
select { 
    background: rgba(255, 255, 255, 0.2) !important; 
    color: #FFFFFF !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important; 
    border-radius: 8px !important; 
    padding: 10px !important; 
    transition: all 0.2s ease-in-out; 
} 

input:focus,  
textarea:focus,  
select:focus { 
    outline: none !important; 
    background: rgba(255, 255, 255, 0.3) !important; 
    border-color: rgba(255, 255, 255, 0.8) !important; 
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.4) !important; 
} 

/* --- 3. SITE TITLE --- */   
header h1, .p-name {   
  font-family: "Cinzel", serif;  
  font-optical-sizing: auto;  
  font-weight: 700;  
  font-style: normal;  
    text-align: center;   
    letter-spacing: 5px;   
    filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.5));   
    margin-bottom: 5px;   
}   

header h1 a, .p-name a {   
    box-shadow: none !important;   
    text-decoration: none !important;   
    color: #FFFFFF !important;   
    background: none !important;   
    transition: none !important;   
}   

/* --- 4. PROFILE & BIO --- */   
.u-photo, .avatar, header img {   
    display: block !important;   
    margin: 20px auto 10px auto !important;   
    border-radius: 50%;   
    width: 80px;   
    height: 80px;   
    object-fit: cover;   
    border: none !important;   
    box-shadow: none !important;   
}   

.site-description, .site-tagline, header p {   
    text-align: center;   
    max-width: 450px;    
    margin: 0 auto 15px auto;   
    font-size: 15px;   
    line-height: 1.4;   
    font-style: italic;   
    color: #efefef;   
}   

/* --- 5. NAVIGATION MENU --- */   
header nav,   
.threads-nav,  
.nav-menu {   
    display: block !important;  
    width: 100% !important;    
    text-align: center !important;  
    margin: 20px 0 30px 0 !important;  
    padding: 0 !important;  
}   

header nav ul,   
.threads-nav ul {   
    display: block !important;    
    list-style: none !important;    
    padding: 0 !important;    
    margin: 0 auto !important;  
}  

header nav li,   
.threads-nav li {  
    display: inline-block !important;  
    margin: 0 5px !important;  
}  

/* Stardust Buttons - Navigation Styling */ 
header nav li a,  
header nav li a:visited, 
.threads-nav li a, 
.threads-nav li a:visited { 
    color: #FFFFFF !important; 
    font-family: "Cinzel", serif !important; 
    text-decoration: none !important; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
    font-size: 13px; 
    padding: 6px 14px !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;  
    border-radius: 4px !important; 
    background: transparent !important; 
} 

header nav li a:hover,  
.threads-nav li a:hover { 
    color: #000000 !important;  
    background: #FFFFFF !important;  
    border-color: #FFFFFF !important;  
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5) !important; 
} 

/* THE NEKO FIX - SIZED UP */   
.neko {   
    display: block !important;    
    margin: 25px auto 0 auto !important;   
    width: 250px !important;              
    height: auto !important;   
    float: none !important;   
    image-rendering: pixelated;   
}   

/* --- 6. POST FEED --- */   
.h-entry, article, .post {   
    background: rgba(255, 255, 255, 0.07) !important;   
    backdrop-filter: blur(10px) !important;   
    -webkit-backdrop-filter: blur(10px) !important;   
    border: 1px solid rgba(255, 255, 255, 0.15) !important;   
    border-radius: 16px !important;   
    padding: 24px !important;   
    margin-bottom: 24px !important;   
    list-style: none !important;   
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;   
}   

.h-entry .h-entry, article article, .h-entry article, article .h-entry {   
    background: transparent !important;   
    border: none !important;   
    padding: 0 !important;   
    margin: 0 !important;   
    box-shadow: none !important;   
    backdrop-filter: none !important;   
}  

/* Updated text size for the body of the posts */ 
section.e-content.post-body, .e-content, .p-summary { 
    font-size: 16px !important; 
    line-height: 1.6 !important; 
} 

header .h-entry, header article, header nav, header p {   
    background: transparent !important;   
    border: none !important;   
    box-shadow: none !important;   
    backdrop-filter: none !important;  
    padding: 0 !important;  
}   

/* --- 7. POST TITLES --- */  
.p-name, .entry-title, .post-title {  
    font-size: 30px !important;    
    line-height: 1.2 !important;  
    margin-bottom: 0px !important;  
    text-align: center !important;  
    margin-top: 20px !important;  
} 

/* --- 8. DATE & FLASH FIXES --- */ 
/* Safety net for all links */ 
a, a:visited, a:active, .post-date, .dt-published { 
    color: #FFF !important; 
} 

.post-date, .dt-published { 
    display: block !important; 
    margin-bottom: 10px !important; 
    font-size: 13px !important; 
    text-decoration: none !important; 
} 

/* Normalize the bottom of the card for both views */ 
.h-entry, article, .post { 
    padding-bottom: 24px !important;  
} 

/* Hide the invisible footer area in list view */ 
.post-preview footer,  
.post-footer,  
.post-meta:last-child { 
    display: none !important; 
    margin: 0 !important; 
    padding: 0 !important; 
} 

/* Remove extra bottom margin from last element */ 
.e-content > p:last-child,  
.p-summary > p:last-child { 
    margin-bottom: 0 !important; 
} 

/* Archive/List view specific card adjustments */ 
.post-preview,  
.post-list .h-entry { 
    padding-bottom: 10px !important;  
} 

.post-list .u-url,  
.post-list .post-meta,  
.post-list footer { 
    display: none !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    height: 0 !important; 
} 

.p-summary > *:last-child { 
    margin-bottom: 0 !important; 
    padding-bottom: 0 !important; 
} 

.post-list .p-summary,  
.post-list .post-body, 
.post-list .e-content { 
    margin-bottom: 0 !important; 
    padding-bottom: 0 !important; 
} 

.post-list .h-entry,  
.post-preview { 
    padding-bottom: 5px !important; 
} 

.post-list .post-meta,  
.post-list .post-footer { 
    line-height: 0 !important; 
    margin: 0 !important; 
} 

/* --- 9. DATE LINK FIX (ULTIMATE OVERRIDE) --- */ 
.h-entry .post-date a, .h-entry .post-date a:visited,
.h-entry .dt-published a, .h-entry .dt-published a:visited {
    color: #FFF !important;
}

.h-entry .post-date a:hover,  
.h-entry .dt-published a:hover { 
    color: #cccccc !important; 
    text-decoration: none !important; 
    box-shadow: none !important; 
} 

/* --- 10. MOBILE & DESKTOP FOOTER COLOR SYNC --- */ 
html body #footer,  
html body footer,  
html body .post-footer, 
html body #footer a, 
html body footer a,
html body #footer a:visited, 
html body footer a:visited { 
    color: #666666 !important; 
    text-decoration: none !important; 
    border: none !important; 
    box-shadow: none !important; 
    background: transparent !important; 
    -webkit-text-fill-color: #666666 !important;  
} 

#footer a, .post-footer a { 
    color: #666666 !important; 
} 

/* --- 11. STANDALONE PAGE LINK FIX --- */ 
.page a, .page a:visited,  
main a, main a:visited,  
article a, article a:visited { 
    color: #FFFFFF !important; 
    text-decoration: underline !important; 
} 

.page a:hover,  
main a:hover,  
article a:hover { 
    color: #cccccc !important; 
} 

/* --- 12. REPLY BOX FORMATTING--- */ 
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], textarea { 
    background: #999999 !important; 
}

/* Make Images B&W */
article img, .e-content img, .p-summary img {
	filter: gray;
	-webkit-filter: grayscale(100%);
}