OLD Ocean/Posiden themed

<style>
/* 1. Remove default gradient */
.css-0 { background: rgba(1, 1, 1, 0) !important; }

/* 2. Main Bot Card - Deep Abyss & Coral Border */
.css-1s5evre {
    background-color: #001b2e !important; /* Midnight Ocean */
    background-image: linear-gradient(rgba(0, 71, 171, 0.4), rgba(0, 0, 0, 0.6)), url('https://www.transparenttextures.com/patterns/wave-cut.png') !important;
    border: 4px solid #00CED1 !important; /* Dark Turquoise */
    outline: 2px solid #5F9EA0; /* Cadet Blue Outline */
    outline-offset: 2px;
    border-radius: 15px 0px 15px 0px; /* Fluid, wave-like edges */
}

/* 3. Hide Star & Line */
.profile-character-card-star,
.profile-character-card-star-line {
    display: none;
}

/* 4. Chat Icon - Replace with Trident */
.pp-cc-chats svg { display: none; }
.pp-cc-chats::before {
    content: "🔱 ";
    filter: drop-shadow(0 0 5px #00ffff);
}

/* 5. Tags - Pearl & Sea Glass Style */
.pp-cc-tags-item { display: inline-block; }
.pp-cc-tags-regular::first-letter { font-size: 0; }

.pp-cc-tags-regular,
.pp-cc-tags-custom {
    border: 1px solid #afeeee !important;
    color: #001b2e !important;
    background: linear-gradient(145deg, #e0ffff, #8fe7e7) !important; /* Iridescent Pearl */
    border-radius: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    box-shadow: 0 0 5px rgba(0, 255, 255, 0.3);
}

/* 6. Description - Sunken Parchment Style */
.css-199gcrh.profile-character-card-description-box {
    max-height: 110px;
    overflow-y: auto;
    background: #002b36 !important; /* Deep Sea Teal */
    border: 3px solid #20b2aa !important; /* Seafoam Frame */
    box-shadow: inset 0 0 15px #000;
}

.pp-cc-description p {
    font-family: 'Palatino', serif; /* Elegant, mythical feel */
    color: #b2ebf2 !important; /* Pale Cyan */
    padding: 5px;
}

/* 7. Tags Scrollbar */
.profile-character-card-tags {
    max-height: 75px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* 8. Bot Name - Atlantean Sea-foam Serif */
.profile-character-card-name-box {
    color: #e0ffff !important;
    text-align: center;
    font-family: 'Garamond', serif;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.6);
}

/* 9. Creator Name */
.profile-character-card-creator-name-box {
    font-family: 'Garamond', serif;
    color: #4db6ac !important; /* Ocean Teal */
    font-style: italic;
}

/* 10. Hover Effect - Bioluminescent Glow */
.css-1sxhvxh:hover, .css-1sxhvxh[data-hover], .css-v57joh:hover, .css-v57joh[data-hover],
.css-12lnk4a:hover, .css-12lnk4a[data-hover] .css-s64spq :hover, .css-1n07wna:hover,
.css-s64spq[data-hover], .css-1n07wna[data-hover], .css-1dl87xx:hover {
    box-shadow: 0 0 20px rgba(0, 206, 209, 0.6) !important;
    transform: translateY(-2px);
}

/* 11. Decoration - Oceanic Icons */
.profile-character-card-stats-box::after {
    content: "🌊"; /* Great Wave */
    font-size: 2.5rem;
    position: absolute;
    right: 10px;
    bottom: 30px;
    opacity: 0.6;
}

/* Scrollbar Styling for Description */
.css-199gcrh::-webkit-scrollbar {
    width: 5px;
}
.css-199gcrh::-webkit-scrollbar-thumb {
    background: #20b2aa;
    border-radius: 10px;
}
</style>