.styled-name { --name-color: #d3bb87; color: var(--name-color) !important; }
.name-color-blue { --name-color: #82adff; }
.name-color-pink { --name-color: #ff8fbd; }
.name-color-yellow { --name-color: #ffd36e; }
.name-color-green { --name-color: #65dfaa; }
.name-color-purple { --name-color: #ba91ff; }
.name-color-white { --name-color: #f3f7ff; }
.name-color-black { --name-color: #05070c; text-shadow: 0 0 1px #8b98aa; }
.name-color-red { --name-color: #ff6577; }
.name-color-orange { --name-color: #ff9f43; }
.name-color-cyan { --name-color: #54e7f2; }
.name-color-rainbow { --name-color: #ff5b6e; --name-gradient: linear-gradient(90deg,#ff3b55,#ff9f43,#ffe66d,#59e391,#4db8ff,#8d74ff,#ef74d6); }
.name-color-pride { --name-color: #ff5b6e; --name-gradient: linear-gradient(90deg,#e40303 0 16%,#ff8c00 16% 32%,#ffed00 32% 48%,#008026 48% 64%,#004dff 64% 80%,#750787 80%); }
.name-color-sunset { --name-color: #ff7a8a; --name-gradient: linear-gradient(90deg,#ff496c,#ff8a4c,#ffd166,#d66dff); }
.name-color-ocean { --name-color: #59d8ff; --name-gradient: linear-gradient(90deg,#38f2d0,#35b8ff,#6675ff); }
.name-color-aurora { --name-color: #63e6a8; --name-gradient: linear-gradient(90deg,#54f0a7,#50d9e8,#7e75ff,#dc6fff); }
.name-color-rainbow,.name-color-pride,.name-color-sunset,.name-color-ocean,.name-color-aurora { color: transparent !important; background-image: var(--name-gradient); background-size: 100% 100%; background-clip: text; -webkit-background-clip: text; }
.name-effect-glow { text-shadow: 0 0 8px var(--name-color), 0 0 18px var(--name-color); }
.name-effect-shimmer { background-image: linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%),linear-gradient(var(--name-color),var(--name-color)); background-position: 160% 0,0 0; background-size: 300% 100%,100% 100%; color: transparent !important; background-clip: text; -webkit-background-clip: text; animation:name-shimmer 2.8s linear infinite; }
.name-color-rainbow.name-effect-shimmer,.name-color-pride.name-effect-shimmer,.name-color-sunset.name-effect-shimmer,.name-color-ocean.name-effect-shimmer,.name-color-aurora.name-effect-shimmer { background-image:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.9) 50%,transparent 62%),var(--name-gradient); background-size:300% 100%,100% 100%; }
.name-effect-neon { text-shadow: 0 0 2px #fff,0 0 7px var(--name-color),0 0 15px var(--name-color),0 0 25px var(--name-color); }
.name-effect-outline { -webkit-text-stroke: .45px rgba(255,255,255,.72); text-shadow: 0 1px 2px rgba(0,0,0,.65); }
.name-effect-flicker { animation: name-flicker 2.8s linear infinite; }
@keyframes name-flicker { 0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.45} }
@keyframes name-shimmer { from{background-position:160% 0,0 0} to{background-position:-160% 0,0 0} }
@media (prefers-reduced-motion:reduce) { .name-effect-flicker { animation:none; } }
.member-row > span { overflow: hidden; }
.member-row > span img { width: 100%; height: 100%; object-fit: cover; }
.member-row > a { overflow: hidden; font-size: .76rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.message-reply svg { width: 14px; height: 14px; fill: currentColor; }
.shout-form button[type=submit]:disabled { cursor: not-allowed; opacity: .45; }