/* Diamond membership: independent name and row colours with coordinated accents. */
#people .person[data-diamond=true],.membership-preview[data-diamond=true]{--membership-name:#8e35c9;--membership-background:#eee4ff;position:relative;isolation:isolate;overflow:hidden!important;background:linear-gradient(120deg,color-mix(in srgb,var(--membership-background) 76%,white),var(--membership-background),color-mix(in srgb,var(--membership-background) 65%,white))!important;border:1px solid color-mix(in srgb,var(--membership-name) 38%,#dfdbe4)!important;border-radius:10px;box-shadow:inset 0 1px 1px #fff,0 2px 5px #39225718;min-height:78px!important;margin:3px 0;padding:10px!important;gap:12px}
#people .person[data-diamond=true]::after,.membership-preview[data-diamond=true]::after{content:'';position:absolute;z-index:2;pointer-events:none;inset:0;background:linear-gradient(112deg,transparent 20%,#ffffff00 35%,#ffffff8c 47%,#ffffff00 59%,transparent 75%);background-size:250% 100%;animation:membership-row-shine 4.5s linear infinite;mix-blend-mode:soft-light}
#people .person[data-diamond=true] .person-identity{background:none!important;padding:0!important;min-height:0!important;gap:5px}
#people .person[data-diamond=true] .person-name,.membership-preview .person-name{display:inline-block!important;color:transparent!important;background-image:linear-gradient(115deg,var(--membership-name) 5%,color-mix(in srgb,var(--membership-name) 50%,#fff) 25%,var(--membership-name) 43%,#fff 49%,var(--membership-name) 56%,var(--membership-name) 90%)!important;background-size:280% 100%;background-clip:text!important;-webkit-background-clip:text!important;animation:membership-name-shine 4.5s linear infinite;font-weight:bold!important;text-shadow:0 2px 1px color-mix(in srgb,var(--membership-name) 15%,transparent);min-height:1.5em}
#people .person[data-diamond=true] .avatar,.membership-preview .avatar{position:relative!important;overflow:visible!important;isolation:isolate;border:3px solid transparent!important;border-radius:50%!important;background:conic-gradient(from 15deg,#fff,var(--membership-name),#fff 20%,var(--membership-name) 32%,#fff 46%,var(--membership-name) 62%,#fff 78%,var(--membership-name),#fff)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--membership-name) 35%,#ddd),0 0 9px color-mix(in srgb,var(--membership-name) 35%,transparent);width:48px!important;height:48px!important;flex:0 0 48px!important;box-sizing:border-box}
#people .person[data-diamond=true] .avatar img,.membership-preview .avatar img{position:relative;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:cover;border-radius:50%!important;background:var(--membership-background)}
#people .person[data-diamond=true] .membership-badge,.membership-badge{width:25px!important;height:27px!important;flex:0 0 25px!important;filter:drop-shadow(0 1px 1px #59356b80);margin:0!important;vertical-align:middle}
.membership-dialog,.diamond-owner-panel{font:14px/1.7 Tahoma,Arial,sans-serif;color:#38234d;direction:rtl;border:1px solid #c7b4d8;border-radius:14px;background:#fcf9ff;padding:20px;box-shadow:0 12px 50px #21102e50;width:min(520px,94vw);max-width:94vw;max-height:90dvh;box-sizing:border-box;overflow:auto}
.membership-dialog::backdrop,.diamond-owner-panel::backdrop{background:#160c2659}
.membership-dialog h2,.diamond-owner-panel h2{font:bold 20px Tahoma;margin:0 0 10px}.membership-dialog p,.diamond-owner-panel p{color:#6b5a78;font-size:13px}.membership-dialog label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.membership-dialog input[type=color]{width:58px;height:34px;border:1px solid #c6afd6;border-radius:6px;padding:2px;background:white}.membership-dialog select,.diamond-owner-panel select,.diamond-owner-panel input{font:14px Tahoma;padding:8px;border:1px solid #cdbbdb;background:white;border-radius:6px;max-width:100%}.membership-dialog footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.membership-dialog button,.diamond-owner-panel button,[data-membership-settings],.open-diamond-profiles{font:13px Tahoma;cursor:pointer;padding:10px 14px;border:1px solid #a983c7;background:#f1e8f9;color:#613d80;border-radius:6px}.membership-dialog button[type=submit]{background:#7e3daf;color:#fff;border-color:#7e3daf}.membership-dialog [hidden],[data-membership-settings][hidden]{display:none!important}.membership-preview{display:flex!important;align-items:center;min-height:82px!important;padding:12px!important}.membership-preview .person-identity{min-width:0;flex:1}.membership-preview .person-name-line{display:flex;align-items:center;gap:6px;direction:ltr}.membership-preview small{display:block;color:#6c587d;font:12px Tahoma;margin-top:5px}.membership-preview .person-name{font:bold 20px Tahoma}.diamond-owner-panel{width:min(780px,95vw)}.diamond-owner-panel header{display:flex;justify-content:space-between;align-items:center;gap:10px}.diamond-owner-panel>select,.diamond-owner-panel>input{width:100%;margin:6px 0}.diamond-owner-account{display:flex;align-items:center;justify-content:space-between;gap:10px;background:white;border:1px solid #e2d6ec;border-radius:8px;padding:12px;margin:8px 0}.diamond-owner-account strong,.diamond-owner-account small{display:block}.diamond-owner-account small{color:#8f6ba5}.diamond-owner-account button{flex:none}.diamond-owner-account button:disabled{opacity:.6;cursor:wait}.diamond-profile-window{--membership-name:#8e35c9;--membership-background:#eee4ff;border-color:var(--membership-name)!important;background:var(--membership-background)!important}.diamond-profile-window .profile-title{background:var(--membership-name)!important}.diamond-profile-window .profile-cover-blur{background:radial-gradient(ellipse at top,#fff6,transparent),linear-gradient(140deg,var(--membership-name),#24123f)!important}.diamond-profile-window .profile-photo{border-color:var(--membership-name)!important;box-shadow:0 0 15px color-mix(in srgb,var(--membership-name) 60%,#fff)}
@keyframes membership-row-shine{0%{background-position:130% 0}100%{background-position:-130% 0}}@keyframes membership-name-shine{0%{background-position:110% 0}100%{background-position:-110% 0}}
@media(max-width:750px){.membership-dialog,.diamond-owner-panel{padding:16px}.diamond-owner-account{align-items:flex-start;flex-wrap:wrap}#people .person[data-diamond=true]{margin-inline:5px;width:calc(100% - 10px)}}
@media(prefers-reduced-motion:reduce){#people .person[data-diamond=true]::after,.membership-preview::after,#people .person[data-diamond=true] .person-name,.membership-preview .person-name{animation:none!important}}
#people .person[data-diamond=true] .avatar,.membership-preview .avatar{overflow:hidden!important}
#people .person[data-diamond=true] .avatar>*,.membership-preview .avatar>*{border-radius:50%!important}

/* The midnight palette keeps the member's chosen accent while adding silver refraction. */
#people .person[data-diamond-theme=midnight],.membership-preview[data-diamond-theme=midnight]{background:linear-gradient(118deg,color-mix(in srgb,var(--membership-background) 22%,#100b23),color-mix(in srgb,var(--membership-background) 24%,#321058),color-mix(in srgb,var(--membership-background) 23%,#211338))!important;box-shadow:inset 0 1px 1px #edddff66,0 0 10px color-mix(in srgb,var(--membership-name) 24%,transparent)}
#people .person[data-diamond-theme=midnight] .person-name,.membership-preview[data-diamond-theme=midnight] .person-name{background-image:linear-gradient(115deg,color-mix(in srgb,var(--membership-name) 62%,white) 5%,#fff 28%,var(--membership-name) 43%,#fff 50%,color-mix(in srgb,var(--membership-name) 62%,white) 57%,#e2ceff 90%)!important}
#people .person[data-diamond=true] .member-mood,.membership-preview[data-diamond=true] .member-mood,.diamond-profile-window #profileMessage,.diamond-profile-window #profileTagline{font-family:var(--membership-bio-font,Tahoma)!important;color:transparent!important;background:linear-gradient(100deg,var(--membership-bio,#d7b9ff),var(--membership-bio-end,#fff));background-clip:text;-webkit-background-clip:text;text-shadow:0 1px 6px color-mix(in srgb,var(--membership-bio,#d7b9ff) 12%,transparent)}
#people .person[data-diamond=true] .member-mood{filter:drop-shadow(0 1px 1px #24123266)}
#people .person[data-diamond-frame=crystal] .avatar,.membership-preview[data-diamond-frame=crystal] .avatar{border-radius:23%!important;clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);box-shadow:inset 0 0 5px white,0 0 12px var(--membership-name);transform:perspective(180px) rotateY(-7deg)}
#people .person[data-diamond-frame=crystal] .avatar::after,.membership-preview[data-diamond-frame=crystal] .avatar::after{content:'';position:absolute;inset:-3px;border:3px solid transparent;background:conic-gradient(from 20deg,#fff0 10%,#fff 23%,#fff0 35%,var(--membership-name) 50%,#fff0 65%,#fff 78%,#fff0 90%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;border-radius:23%;pointer-events:none;animation:diamond-crystal-glow 3s ease-in-out infinite}
#people .person[data-diamond-frame=crystal] .avatar>*,.membership-preview[data-diamond-frame=crystal] .avatar>*{border-radius:19%!important}
#people .person[data-diamond-frame=off] .avatar,.membership-preview[data-diamond-frame=off] .avatar{border:0!important;box-shadow:none!important;background:transparent!important}
#people .person[data-diamond=true] .member-media{filter:drop-shadow(0 0 3px #e6d7ff99)}.diamond-own-mic{filter:drop-shadow(0 0 3px #bfa6ff)}.diamond-message .message-avatar{border:2px solid var(--membership-name,#8e35c9)!important;box-shadow:0 0 6px color-mix(in srgb,var(--membership-name,#8e35c9) 50%,white)}
.diamond-emoji{display:inline-block;position:relative;vertical-align:middle;font-size:1.6em;line-height:1.2;color:#cfb9ff;filter:drop-shadow(0 1px 1px #67418a) drop-shadow(0 0 4px #cdb6fc);animation:diamond-crystal-glow 2.8s ease-in-out infinite}.diamond-emoji-heart,.diamond-emoji-star,.diamond-emoji-moon,.diamond-emoji-sparkle{background:linear-gradient(130deg,#fff,#9e6adc 35%,#fff 52%,#d4b8ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.diamond-owner-account{flex-wrap:wrap}.diamond-privileges{display:flex;flex-wrap:wrap;gap:8px;width:100%;font-size:12px}.diamond-privileges label{display:flex;align-items:center;gap:5px}.diamond-privileges input{width:auto}.diamond-extras-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px}.diamond-extras-dialog textarea{font:inherit;width:100%;box-sizing:border-box;border:1px solid #cdbbdb;padding:8px;border-radius:6px}.diamond-extras-dialog [hidden]{display:none!important}.diamond-emoji-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.diamond-emoji-grid>div{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #ddcfeb;border-radius:10px;padding:12px;background:linear-gradient(140deg,#fff,#efe6ff)}.diamond-emoji-grid .diamond-emoji{font-size:32px}.diamond-emoji-grid strong{font-size:12px}.diamond-emoji-grid button{font-size:12px;padding:7px;width:100%}.emoji-tabs .diamond-launch{font-size:22px!important;opacity:1!important;background:none!important}.diamond-launch[hidden]{display:none!important}
#diamondPinnedThought{display:flex;align-items:center;gap:10px;flex:none;direction:rtl;padding:8px 12px;background:linear-gradient(100deg,#f2e9ff,#f9f7ff);border-bottom:2px solid var(--pin-color,#8e35c9);color:#53306f;font:13px/1.6 Tahoma;max-height:100px;overflow:auto;box-sizing:border-box}#diamondPinnedThought[hidden]{display:none!important}#diamondPinnedThought strong{white-space:nowrap;color:var(--pin-color,#8e35c9)}#diamondPinnedThought span{flex:1;overflow-wrap:anywhere}#diamondPinnedThought button{font:inherit;border:1px solid #cbb4df;border-radius:5px;color:#6c3f8f;background:white}
.diamond-celebration{position:fixed;z-index:1450;pointer-events:none;left:50%;top:25%;transform:translateX(-50%);width:min(420px,88vw);height:180px;direction:rtl;font:14px Tahoma;color:#eadcff}.diamond-celebration p{position:relative;z-index:1;text-align:center;padding:14px;border:1px solid #d7c5f1;border-radius:12px;background:linear-gradient(110deg,#221335ef,#5c3677ed,#221335ef);box-shadow:0 0 14px #d3bbff50;overflow-wrap:anywhere}.diamond-celebration>.diamond-emoji{position:absolute;left:var(--particle-x);top:40px;font-size:22px;animation:diamond-particle 1.7s var(--particle-delay) ease-out both}.diamond-profile-window[data-diamond-frame=crystal] .profile-photo{border-radius:22%!important;border-width:3px!important;box-shadow:inset 0 0 5px #fff,0 0 16px var(--membership-name)!important;animation:diamond-crystal-glow 3s ease-in-out infinite}
@keyframes diamond-crystal-glow{0%,100%{filter:brightness(1) drop-shadow(0 0 2px #d4bfff66)}50%{filter:brightness(1.3) drop-shadow(0 0 6px #e6d9ff)}}@keyframes diamond-particle{0%{opacity:0;transform:translateY(20px) scale(.4) rotate(-15deg)}20%{opacity:1}100%{opacity:0;transform:translateY(-100px) scale(1.1) rotate(25deg)}}
#people .person[data-diamond-motion=false]::after,#people .person[data-diamond-motion=false] *,#people .person[data-diamond-motion=false] .avatar::after,.membership-preview[data-diamond-motion=false] *,.membership-preview[data-diamond-motion=false]::after,.membership-preview[data-diamond-motion=false] .avatar::after,.diamond-profile-window[data-diamond-motion=false] *{animation:none!important}
@media(prefers-reduced-motion:reduce){.diamond-emoji,.diamond-celebration>.diamond-emoji,.diamond-profile-window .profile-photo,#people .person .avatar::after,.membership-preview .avatar::after{animation:none!important}.diamond-celebration>.diamond-emoji{left:50%;top:75px}}
@media(max-width:750px){#diamondPinnedThought{font-size:12px;gap:6px;flex-wrap:wrap}#diamondPinnedThought strong{white-space:normal}.diamond-privileges{flex-direction:column;align-items:flex-start}}

#people .person[data-diamond-theme=midnight] .member-mood,.membership-preview[data-diamond-theme=midnight] .member-mood{background-image:linear-gradient(100deg,color-mix(in srgb,var(--membership-bio,#8e35c9) 40%,white),color-mix(in srgb,var(--membership-bio-end,#5b2b85) 40%,white))}

/* Keep the diamond profile inside the viewport even when profile content is wide. */
.diamond-profile-window{width:min(578px,calc(100vw - 12px))!important;min-width:0;box-sizing:border-box;overflow-x:hidden}.diamond-profile-window>*{min-width:0}.diamond-profile-window #profileTagline{background-image:linear-gradient(100deg,color-mix(in srgb,var(--membership-bio,#8e35c9) 35%,white),color-mix(in srgb,var(--membership-bio-end,#5b2b85) 30%,white));text-shadow:none}.diamond-profile-window #profileMessage{overflow-wrap:anywhere;white-space:pre-wrap}
