/* Curated appearance values only; no arbitrary colour, image URL or CSS input. */
.vip-accent-blue{--vip-accent:#8eb5ff;--vip-accent-soft:#8eb5ff30}
.vip-accent-violet{--vip-accent:#c5a0ff;--vip-accent-soft:#c5a0ff30}
.vip-accent-mint{--vip-accent:#69dfc2;--vip-accent-soft:#69dfc230}
.vip-accent-amber{--vip-accent:#f0c473;--vip-accent-soft:#f0c47330}
.vip-accent-rose{--vip-accent:#f5a2c4;--vip-accent-soft:#f5a2c430}
.user-avatar.vip-avatar-frame{position:relative;isolation:isolate;overflow:visible!important;border-color:var(--vip-accent);box-shadow:0 0 0 1px var(--vip-accent-soft)}
.user-avatar.vip-avatar-frame img{border-radius:inherit;position:relative;z-index:1}
.user-avatar.vip-avatar-frame::after{content:"";position:absolute;inset:-4px;z-index:2;pointer-events:none;border-radius:inherit;border:1px solid var(--vip-accent)}
.user-avatar.vip-frame-glass::after{border-width:2px;border-color:var(--vip-accent) transparent var(--vip-accent) var(--vip-accent);box-shadow:0 0 13px var(--vip-accent-soft),inset 0 0 6px var(--vip-accent-soft)}
.user-avatar.vip-frame-orbit::after{border-radius:50%;inset:-5px;border-width:2px;border-color:var(--vip-accent) transparent var(--vip-accent) transparent;transform:rotate(-30deg)}
.user-avatar.vip-frame-champion::after{inset:-5px;border-width:2px;clip-path:polygon(0 0,32% 0,32% 8%,68% 8%,68% 0,100% 0,100% 32%,92% 32%,92% 68%,100% 68%,100% 100%,68% 100%,68% 92%,32% 92%,32% 100%,0 100%,0 68%,8% 68%,8% 32%,0 32%);box-shadow:0 0 12px var(--vip-accent-soft)}
.vip-profile-cover{position:relative;min-height:138px;border:1px solid var(--vip-accent-soft,#8eb5ff30);border-radius:16px;overflow:hidden;isolation:isolate;margin:0 0 24px;background:#141b2b}
.vip-cover-aurora{background:radial-gradient(ellipse at 22% 15%,var(--vip-accent-soft),transparent 65%),radial-gradient(ellipse at 78% 95%,var(--vip-accent),transparent 68%),linear-gradient(125deg,#182947,#0c1528)}
.vip-cover-aurora::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 38%,#ffffff18 49%,transparent 62%);opacity:.8}
.vip-cover-grid{background:linear-gradient(25deg,#101a2b,#1d2d42)}
.vip-cover-grid .vip-cover-lines{position:absolute;inset:-30%;background-image:linear-gradient(var(--vip-accent-soft) 1px,transparent 1px),linear-gradient(90deg,var(--vip-accent-soft) 1px,transparent 1px);background-size:32px 32px;transform:perspective(300px) rotateX(40deg) rotateZ(-12deg)}
.vip-cover-eclipse{background:radial-gradient(circle at 72% 68%,#131b2c 0 40px,var(--vip-accent) 42px,var(--vip-accent-soft) 48px,transparent 80px),linear-gradient(120deg,#111b2e,#202944)}
.vip-profile-cover .vip-cover-orbit{position:absolute;top:15%;right:9%;width:180px;height:180px;transform:rotate(-24deg);border:1px solid var(--vip-accent-soft);border-radius:50%}
.vip-cover-grid>.vip-cover-orbit{display:none}
.vip-profile-accent{height:3px;border-radius:8px;margin:0 0 24px;background:linear-gradient(90deg,var(--vip-accent),var(--vip-accent-soft),transparent)}
.vip-style-editor{margin-top:24px;min-width:0}.vip-style-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.vip-style-heading h2{margin:6px 0}.vip-style-editor>p{line-height:1.65;color:var(--muted,#95a4bb)}
.vip-style-preview{position:relative;margin:22px 0;border:1px solid var(--vip-accent-soft);border-radius:16px;overflow:hidden;background:var(--panel,#141c29)}
.vip-style-preview>.vip-profile-cover{min-height:118px;margin:0;border:0;border-radius:0;border-bottom:1px solid var(--vip-accent-soft)}
.vip-style-preview-player{display:flex;align-items:center;gap:17px;padding:23px;min-width:0;border-top:2px solid var(--vip-accent-soft)}
.vip-style-preview-player>.user-avatar{width:54px;height:54px;min-width:54px;font-size:18px;border-radius:13px;background:var(--vip-accent-soft);color:inherit}
.vip-style-preview-player>.user-avatar img{width:100%;height:100%;object-fit:cover}
.vip-style-preview-player>span:nth-child(2){min-width:0;flex:1}.vip-style-preview-player strong{display:block;overflow-wrap:anywhere}.vip-style-preview-player small{display:block;color:var(--muted,#95a4bb);font-size:12px;margin-top:6px}
.vip-style-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vip-style-controls label{min-width:0}.vip-style-controls select{width:100%;min-width:0}.vip-style-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.vip-style-actions button{min-height:44px}.vip-style-note,.vip-style-result{font-size:13px;line-height:1.7;color:var(--muted,#95a4bb)}
.vip-style-result:empty{display:none}.vip-style-editor :is(button,select,a):focus-visible{outline:2px solid var(--vip-accent,#a7baff);outline-offset:4px}
:root[data-theme="light"] .vip-accent-blue{--vip-accent:#2e64c7;--vip-accent-soft:#2e64c725}
:root[data-theme="light"] .vip-accent-violet{--vip-accent:#8050bf;--vip-accent-soft:#8050bf25}
:root[data-theme="light"] .vip-accent-mint{--vip-accent:#187e6a;--vip-accent-soft:#187e6a25}
:root[data-theme="light"] .vip-accent-amber{--vip-accent:#996c18;--vip-accent-soft:#996c1825}
:root[data-theme="light"] .vip-accent-rose{--vip-accent:#b94b7b;--vip-accent-soft:#b94b7b25}
:root[data-theme="light"] .vip-style-preview{background:#f7f9ff}:root[data-theme="light"] .vip-style-note,:root[data-theme="light"] .vip-style-result{color:#56657b}
:root[data-effects="on"] .user-avatar.vip-frame-orbit::after{animation:vip-avatar-orbit 18s linear infinite}
:root[data-effects-paused="true"] .user-avatar.vip-frame-orbit::after{animation-play-state:paused}
@keyframes vip-avatar-orbit{to{transform:rotate(330deg)}}
@media(max-width:650px){.vip-style-controls{grid-template-columns:1fr}.vip-style-preview-player{padding:19px;gap:14px}.vip-style-actions{align-items:stretch}.vip-style-actions>.button{flex:1;min-width:145px}.vip-profile-cover{min-height:112px}}
@media(prefers-reduced-motion:reduce){:root[data-effects="on"] .user-avatar.vip-frame-orbit::after{animation:none}.vip-profile-cover *{animation:none}}