:root{
    --bg:#08070a;
    --bg2:#100e13;
    --bg3:#19151d;
    --tx:#fbf8fd;
    --tx2:#aaa2b0;
    --bd:#2a232f;
    --ac:#9d55e8;
    --ac2:#b486ef;
    --dn:#e16570;
    --ok:#6fb89b;
    --paper:#ddd5df;
    --ink:#0a080b;
    --shadow:0 16px 42px rgba(0,0,0,.36);
    --brand-purple:#8f46e8;
    --brand-purple-soft:#b486ef;
    --brand-purple-dark:#4d1d78;
    --brand-black:#08070a;
    --brand-surface:#100e13;
    --brand-surface-raised:#17131b;
    --brand-surface-hover:#1c1722;
    --brand-border:rgba(226,207,244,.13);
    --brand-border-strong:rgba(212,174,242,.24);
    --brand-text:#fbf8fd;
    --brand-muted:#aaa2b0;
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:22px;
    --radius-pill:999px;
    --shadow-xs:0 1px 2px rgba(0,0,0,.22);
    --shadow-sm:0 7px 20px rgba(0,0,0,.24);
    --shadow-md:0 16px 42px rgba(0,0,0,.36);
    --shadow-floating:0 28px 72px rgba(0,0,0,.56);
    --shadow-purple-soft:0 10px 35px rgba(114,46,177,.18);
    --frame-glow:rgba(151,76,232,.24);
    --frame-stroke:#a75cf0;
    --frame-size:3px;
    --frame-offset:3px;
    --control-height:44px;
}

.brand-symbol{display:inline-grid;place-items:center;flex:0 0 auto;line-height:0;color:inherit;vertical-align:-.18em}
.fux-symbol{display:block;overflow:visible;transform:rotate(var(--symbol-rotation,0deg));transform-origin:center;color:inherit;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.fux-symbol .symbol-fill{fill:transparent;stroke:currentColor}
.fux-symbol.is-filled .symbol-fill{fill:currentColor;stroke:currentColor}
.fux-symbol.is-filled{stroke-width:1.55}
.symbol-functional .fux-symbol{stroke-width:1.8}
.symbol-identity .fux-symbol{stroke-width:1.65}
.symbol-decorative{pointer-events:none;color:var(--brand-purple-soft);opacity:.12}
.symbol-decorative .fux-symbol{width:clamp(72px,11vw,160px);height:auto}

.brand-stamp{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid currentColor;border-radius:var(--radius-sm);color:var(--brand-purple-soft);font-size:10px;font-weight:900;letter-spacing:.11em;line-height:1;text-transform:uppercase;transform:rotate(-.5deg);opacity:.9}
.brand-stamp:after{content:"";position:absolute;inset:2px;border:1px dashed currentColor;border-radius:5px;opacity:.24;pointer-events:none}
.brand-stamp{position:relative}
.brand-stamp[data-tone="danger"]{color:#ef7a86}.brand-stamp[data-tone="muted"]{color:var(--brand-muted)}
.metadata-separator{display:inline-block;width:3px;height:3px;margin:0 7px;border-radius:50%;background:currentColor;opacity:.48;vertical-align:middle}

.avatar-frame{
    --avatar-size:40px;
    --frame-gap:3px;
    --frame-extra:5px;
    position:relative;
    display:inline-grid;
    place-items:center;
    width:calc(var(--avatar-size) + (var(--frame-gap) + var(--frame-extra))*2);
    height:calc(var(--avatar-size) + (var(--frame-gap) + var(--frame-extra))*2);
    flex:0 0 auto;
    isolation:isolate;
    overflow:visible;
}
.avatar-frame__media{
    position:relative;
    z-index:3;
    display:grid;
    place-items:center;
    width:var(--avatar-size);
    height:var(--avatar-size);
    overflow:hidden;
    border-radius:50%;
    color:#fff;
    font-size:calc(var(--avatar-size)*.36);
    font-weight:800;
    background:var(--avatar-color,#3d2553);
    box-shadow:0 0 0 var(--frame-gap) var(--brand-surface);
}
.avatar-frame__media>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.avatar-frame__ring,.avatar-frame__effect{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:50%}
.avatar-frame__effect{z-index:1}
.avatar-frame[data-size="xs"]{--avatar-size:24px;--frame-gap:2px;--frame-extra:2px}
.avatar-frame[data-size="sm"]{--avatar-size:32px;--frame-gap:2px;--frame-extra:3px}
.avatar-frame[data-size="md"]{--avatar-size:40px;--frame-gap:3px;--frame-extra:4px}
.avatar-frame[data-size="lg"]{--avatar-size:64px;--frame-gap:4px;--frame-extra:7px}
.avatar-frame[data-size="xl"]{--avatar-size:96px;--frame-gap:5px;--frame-extra:10px}
.avatar-frame[data-size="display"]{--avatar-size:120px;--frame-gap:6px;--frame-extra:13px}

.avatar-frame[data-frame="purple-ink"] .avatar-frame__ring,.avatar-frame[data-frame="bronze"] .avatar-frame__ring{inset:2px;border:3px solid #9d55e8;border-left-color:#6e2ab2;border-bottom-color:#c593ef;clip-path:polygon(0 0,42% 0,45% 4%,73% 0,100% 7%,96% 39%,100% 72%,91% 100%,55% 96%,28% 100%,0 91%,4% 53%)}
.avatar-frame[data-frame="purple-ink"] .avatar-frame__ring:after,.avatar-frame[data-frame="bronze"] .avatar-frame__ring:after{content:"";position:absolute;right:-4px;bottom:7px;width:8px;height:3px;border-radius:50%;background:#b978ef;transform:rotate(-28deg)}
.avatar-frame[data-frame="neon-whisper"] .avatar-frame__ring,.avatar-frame[data-frame="diamond"] .avatar-frame__ring{inset:2px;border:2px solid #bc87f0;border-top-color:transparent;border-bottom-color:#7440b8;box-shadow:0 0 11px rgba(170,101,239,.35)}
.avatar-frame[data-frame="neon-whisper"] .avatar-frame__ring:after,.avatar-frame[data-frame="diamond"] .avatar-frame__ring:after{content:"";position:absolute;right:-2px;bottom:0;width:10px;height:6px;border:2px solid #d0a2f4;border-radius:60% 45% 55% 40%;transform:rotate(-16deg)}
.avatar-frame[data-frame="secret-file"]{border-radius:8px;background:#d8d0c2;transform:rotate(-.6deg);box-shadow:var(--shadow-sm)}
.avatar-frame[data-frame="secret-file"] .avatar-frame__media{border-radius:4px;box-shadow:0 0 0 3px #171219}
.avatar-frame[data-frame="secret-file"] .avatar-frame__ring{inset:-2px;border:1px dashed rgba(28,21,32,.5);border-radius:8px}
.avatar-frame[data-frame="hallway-legend"] .avatar-frame__ring,.avatar-frame[data-frame="ruby"] .avatar-frame__ring{inset:0;border:3px double #b44cff;clip-path:polygon(3% 7%,29% 1%,51% 6%,78% 0,98% 16%,94% 47%,100% 74%,85% 99%,51% 94%,22% 100%,0 81%,6% 53%,0 27%);transform:rotate(1.4deg)}
.avatar-frame[data-frame="after-dark"] .avatar-frame__ring,.avatar-frame[data-frame="emerald"] .avatar-frame__ring{inset:1px;border:3px solid #211827;border-right-color:#6f3b8e;border-bottom-color:#9a52bd;box-shadow:inset 0 0 0 1px #050406,0 0 8px rgba(99,49,124,.25)}
.avatar-frame[data-frame="hot-gossip"] .avatar-frame__ring{inset:1px;border:3px solid #ad4be1;border-top-color:#df87f4;clip-path:polygon(10% 12%,18% 0,30% 13%,42% 1%,51% 14%,64% 0,72% 15%,88% 7%,91% 25%,100% 44%,93% 66%,98% 87%,74% 91%,52% 100%,28% 93%,7% 98%,10% 74%,0 52%,7% 30%)}
.avatar-frame[data-frame="royal-fuxico"] .avatar-frame__ring{inset:1px;border:3px solid #b69ac8;border-left-color:#713c91;border-bottom-color:#d7b5e7;box-shadow:0 0 0 1px #362040,0 7px 18px rgba(70,31,90,.28)}
.avatar-frame[data-frame="royal-fuxico"] .avatar-frame__ring:before{content:"";position:absolute;left:27%;right:27%;top:-12px;height:12px;background:linear-gradient(135deg,transparent 20%,#b99bc8 21% 34%,transparent 35% 44%,#7c4b99 45% 60%,transparent 61% 70%,#d0b1dc 71%);clip-path:polygon(0 100%,8% 20%,30% 70%,50% 0,72% 70%,94% 18%,100% 100%)}
.avatar-frame[data-frame="glitch-secret"] .avatar-frame__ring{inset:2px;border:2px solid #a552df;box-shadow:-3px 0 #582182,3px 0 #c089eb;clip-path:polygon(0 0,42% 0,42% 5%,70% 5%,70% 0,100% 0,100% 38%,95% 38%,95% 70%,100% 70%,100% 100%,61% 100%,61% 95%,29% 95%,29% 100%,0 100%,0 66%,5% 66%,5% 30%,0 30%)}

.avatar-frame[data-effect="ink-particles"] .avatar-frame__effect{box-shadow:-10px -4px 0 -8px #a95ce5,11px 7px 0 -8px #74309e,4px -12px 0 -9px #c48cee}
.avatar-frame[data-effect="purple-dust"] .avatar-frame__effect{background:radial-gradient(circle at 10% 30%,#ac67dc 0 1px,transparent 2px),radial-gradient(circle at 90% 65%,#79419c 0 1px,transparent 2px),radial-gradient(circle at 65% 2%,#c49be0 0 1px,transparent 2px)}
.avatar-frame[data-effect="whisper-pulse"] .avatar-frame__effect{box-shadow:0 0 0 1px rgba(163,90,216,.15),0 0 16px rgba(141,63,191,.2);animation:whisper-pulse 4s ease-in-out infinite}
.avatar-frame[data-effect="neon-trace"] .avatar-frame__effect{border:2px solid transparent;border-top-color:#d4a5f4;animation:neon-trace 7s linear infinite}
.avatar-frame[data-effect="paper-flicker"] .avatar-frame__effect{border:4px solid rgba(220,211,194,.16);border-radius:8px;animation:paper-flicker 6s ease-in-out infinite}
.avatar-frame[data-effect="glitch"] .avatar-frame__effect{box-shadow:-2px 0 rgba(113,40,160,.5),2px 0 rgba(203,129,232,.38);animation:frame-glitch 8s steps(1,end) infinite}
.avatar-frame[data-effect="spotlight"] .avatar-frame__effect{inset:-18%;background:radial-gradient(circle,rgba(173,102,220,.16),transparent 66%)}

@keyframes whisper-pulse{50%{transform:scale(1.06);opacity:.55}}
@keyframes neon-trace{to{transform:rotate(360deg)}}
@keyframes paper-flicker{50%{transform:rotate(.8deg) translateY(-1px)}}
@keyframes frame-glitch{0%,91%,100%{transform:none}92%{transform:translateX(2px)}93%{transform:translateX(-1px)}94%{transform:none}}

.nameplate{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 8px;border:1px solid var(--brand-border);border-radius:var(--radius-sm);color:var(--brand-text);font-weight:800;line-height:1.25}
.nameplate[data-nameplate="ink"]{background:linear-gradient(105deg,#25112e,#542069);border-color:#7d3d9a}
.nameplate[data-nameplate="paper"]{background:#d7d0c5;color:#211b24;border-color:#a99d8d;transform:rotate(-.25deg)}
.nameplate[data-nameplate="neon"]{background:#150b1c;border-color:#a95de0;box-shadow:inset 0 0 10px rgba(155,76,213,.14)}
.nameplate[data-nameplate="secret"]{background:#17131b;border-style:dashed}
.nameplate[data-nameplate="graffiti"]{background:linear-gradient(135deg,#351449,#171019);border-color:#8d48ad;clip-path:polygon(0 8%,100% 0,96% 100%,4% 92%)}
.nameplate[data-nameplate="midnight"]{background:#09080b;border-color:#3d3047;color:#d9cde1}

.vip-profile-banner{position:relative;isolation:isolate;overflow:hidden}
.vip-profile-banner:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55}
.vip-profile-banner[data-banner="purple-graffiti"]:before{background:linear-gradient(118deg,transparent 18%,rgba(167,78,214,.26) 19% 22%,transparent 23% 54%,rgba(106,37,146,.34) 55% 60%,transparent 61%),linear-gradient(145deg,#2d133b,#0d0910)}
.vip-profile-banner[data-banner="midnight-hallway"]:before{background:linear-gradient(90deg,transparent 32%,rgba(130,75,157,.17) 33% 34%,transparent 35% 66%,rgba(255,255,255,.04) 67% 68%,transparent 69%),linear-gradient(#16111c,#070608)}
.vip-profile-banner[data-banner="torn-notebook"]:before{background:repeating-linear-gradient(#d6d0c6 0 23px,#afa7a0 24px,#d6d0c6 25px);filter:brightness(.42) sepia(.2) hue-rotate(235deg)}
.vip-profile-banner[data-banner="secret-wall"]:before{background:radial-gradient(circle at 20% 30%,rgba(174,98,211,.2),transparent 18%),repeating-linear-gradient(90deg,#161219 0 46px,#211827 47px 48px)}
.vip-profile-banner[data-banner="ink-splash"]:before{background:radial-gradient(ellipse at 62% 44%,#522269 0 14%,transparent 15%),radial-gradient(ellipse at 40% 64%,#371742 0 18%,transparent 19%),#0b090c}
.vip-profile-banner[data-banner="blackboard"]:before{background:repeating-linear-gradient(12deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),#0e1513}
.vip-profile-banner[data-banner="locker-wall"]:before{background:repeating-linear-gradient(90deg,#17131b 0 54px,#2a2130 55px,#0c090e 57px)}
.vip-profile-banner[data-banner="abstract-whisper"]:before{background:radial-gradient(ellipse at 30% 50%,transparent 0 12%,rgba(172,103,210,.2) 13% 15%,transparent 16%),radial-gradient(ellipse at 72% 40%,transparent 0 18%,rgba(110,50,139,.23) 19% 21%,transparent 22%),#0d0911}

.brand-loader{display:inline-flex;align-items:center;gap:7px;color:var(--brand-purple-soft)}
.brand-loader .brand-symbol{animation:brand-loader 1.1s ease-in-out infinite}
.brand-loader span:not(.brand-symbol){width:5px;height:5px;border-radius:50%;background:currentColor;animation:brand-loader-dot 1.1s ease-in-out infinite}
.brand-loader span:nth-child(3){animation-delay:.14s}.brand-loader span:nth-child(4){animation-delay:.28s}
@keyframes brand-loader{50%{transform:scale(1.08) rotate(-3deg)}}
@keyframes brand-loader-dot{50%{opacity:.25;transform:translateY(-2px)}}

.ux-state .brand-symbol{margin-bottom:4px;color:var(--brand-purple-soft)}
.new-post-inline{position:relative;overflow:visible}
.new-post-inline:after{content:"";position:absolute;right:17px;top:50%;width:28px;height:9px;border-top:2px solid rgba(178,116,226,.4);transform:rotate(-4deg)}
.modal-content{overflow:auto}
#modal-post .modal-content{overflow:auto}
.story-compose-dialog .modal-body{overflow-y:auto}

:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--brand-purple-soft);outline-offset:3px}
.btn-primary,.btn-secondary,.btn-danger,.btn-delete,.btn-edit-save,.btn-edit-cancel,.vip-btn{border-radius:var(--radius-md)}
.post-card,.community-card,.settings-section,.edit-section{border-color:var(--brand-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}
.sidebar-left,.sidebar-right,.feed-header,.mobile-header,.mobile-bottom-nav{border-color:var(--brand-border)}
.nav-icon .brand-symbol{color:var(--brand-muted)}
.nav-item.active .nav-icon .brand-symbol,.nav-item:hover .nav-icon .brand-symbol{color:var(--brand-purple-soft)}
.mobile-bottom-nav>a>.brand-symbol{height:22px;color:var(--brand-muted)}
.mobile-bottom-nav>a.active>.brand-symbol{color:var(--brand-purple-soft)}
.post-action>.brand-symbol,.comment-menu-btn>.brand-symbol{color:currentColor}
.profile-avatar-host{position:absolute;left:20px;bottom:-52px;z-index:4;display:grid;place-items:center;pointer-events:none}
.avatar-mount{display:grid!important;place-items:center;background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important;color:inherit!important}
.avatar-mount>.avatar-frame{background:transparent!important;box-shadow:none!important}
.avatar-frame:not([data-frame]),.avatar-frame[data-frame=""]{background:transparent!important}
.avatar-frame:not([data-frame]) .avatar-frame__ring,.avatar-frame[data-frame=""] .avatar-frame__ring,.avatar-frame:not([data-effect]) .avatar-frame__effect,.avatar-frame[data-effect=""] .avatar-frame__effect{display:none}
.chat-room-avatar-host,.chat-profile-avatar-host,.community-detail-avatar-host{display:grid;place-items:center;overflow:visible}
.chat-list-avatar{display:grid;place-items:center;overflow:visible!important;background:transparent!important}
.profile-avatar-host+.profile-info{margin-top:0}
.vip-plan-icon{color:var(--brand-purple-soft)}
.vip-plan-card .vip-features brand-symbol{color:var(--brand-purple-soft)}
.vip-features li{display:flex;align-items:center;gap:8px}
.vip-current-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--brand-border-strong);border-radius:var(--radius-lg);background:linear-gradient(110deg,rgba(115,46,160,.15),rgba(16,13,19,.96));box-shadow:var(--shadow-purple-soft)}
.vip-current-card>.btn-primary{text-decoration:none;white-space:nowrap}
.vip-current-identity{display:flex;align-items:center;gap:13px;min-width:0}
.vip-current-identity>span{display:grid;gap:3px}.vip-current-identity small{color:var(--brand-purple-soft);font-size:9px;font-weight:900;letter-spacing:.14em}.vip-current-identity p{color:var(--brand-muted);font-size:12px}

.vip-customizer{display:grid;gap:14px;margin-top:18px}
.vip-customizer-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--brand-border-strong);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(122,50,171,.18),rgba(18,14,21,.96));box-shadow:var(--shadow-purple-soft)}
.vip-customizer-title>span:first-child{display:grid;gap:3px}
.vip-customizer-title small{color:var(--brand-purple-soft);font-size:9px;font-weight:900;letter-spacing:.17em}
.vip-customizer-title strong{font-size:18px;letter-spacing:-.02em}
.vip-preview-stage{display:flex;align-items:center;gap:14px;min-height:140px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:#0d0a10;box-shadow:var(--shadow-sm)}
.vip-preview-avatar{position:relative;z-index:2;display:grid;place-items:center;min-width:80px}
.vip-preview-copy{position:relative;z-index:2;display:grid;justify-items:start;gap:5px;min-width:0}
.vip-preview-copy>b{display:flex;align-items:center;gap:6px;max-width:100%}
.vip-preview-copy small{color:var(--brand-muted)}
.vip-preview-copy em{margin-top:8px;color:var(--brand-purple-soft);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vip-section-help{margin:4px 0 14px;color:var(--brand-muted);font-size:12px;line-height:1.5}
.vip-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.vip-choice{display:grid;place-items:center;align-content:center;gap:8px;min-width:0;min-height:82px;padding:10px 7px;border:1px solid var(--brand-border);border-radius:var(--radius-md);color:var(--brand-muted);background:var(--brand-surface);cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}
.vip-choice:hover{border-color:var(--brand-border-strong);color:var(--brand-text);background:var(--brand-surface-hover);transform:translateY(-1px)}
.vip-choice.active{border-color:var(--brand-purple);color:var(--brand-text);background:rgba(116,48,161,.18);box-shadow:inset 0 0 0 1px rgba(184,119,230,.16)}
.vip-choice b{overflow:hidden;width:100%;font-size:10px;line-height:1.25;text-align:center;text-overflow:ellipsis}
.vip-frame-mini{position:relative;width:36px;height:36px;border:3px solid #9c55da;border-radius:50%;box-shadow:inset 0 0 0 4px #17131b}
.vip-frame-mini[data-frame="secret-file"]{border-radius:5px;border-color:#b8ad9d;transform:rotate(-2deg)}
.vip-frame-mini[data-frame="hallway-legend"],.vip-frame-mini[data-frame="hot-gossip"]{clip-path:polygon(8% 0,32% 7%,51% 0,76% 8%,100% 2%,94% 33%,100% 60%,90% 100%,55% 92%,24% 100%,0 84%,7% 50%,0 22%)}
.vip-frame-mini[data-frame="royal-fuxico"]{border-style:double;border-width:4px;border-color:#c7a8d2}
.vip-frame-mini[data-frame="glitch-secret"]{border-radius:3px;box-shadow:-3px 0 #5b1e83,3px 0 #c98ce8}
.vip-effect-mini{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--brand-border-strong);border-radius:50%;color:var(--brand-purple-soft)}
.vip-banner-mini{display:block;width:100%;height:34px;border:1px solid var(--brand-border);border-radius:6px;background:#0c0910;overflow:hidden}
.vip-banner-mini:before{z-index:0}
.story-ring-mini{display:grid;place-items:center;width:38px;height:38px;border:2px solid #8f46e8;border-radius:50%;color:var(--brand-purple-soft)}
.story-ring-mini[data-ring="paper"]{border-style:dashed;border-color:#c7bdad}.story-ring-mini[data-ring="glitch"]{border-radius:7px;box-shadow:2px 0 #c689ec,-2px 0 #512072}
.story-circle[data-ring]{position:relative;overflow:visible}
.story-circle[data-ring]>*:first-child{position:relative;z-index:1}
.story-circle[data-ring]:before{content:"";position:absolute;z-index:0;top:-3px;left:50%;width:58px;height:58px;border:2px solid #9c55df;border-radius:50%;transform:translateX(-50%);pointer-events:none}
.story-circle[data-ring="neon"]:before{border-color:#c98fee;box-shadow:0 0 10px rgba(170,91,222,.35)}
.story-circle[data-ring="paper"]:before{border-style:dashed;border-color:#c4b9aa;transform:translateX(-50%) rotate(-3deg)}
.story-circle[data-ring="glitch"]:before{border-radius:9px;box-shadow:-2px 0 #512071,2px 0 #c286e5;clip-path:polygon(0 0,68% 0,68% 5%,100% 5%,100% 62%,95% 62%,95% 100%,30% 100%,30% 95%,0 95%)}
.vip-save-note{padding:12px 14px;border-left:2px solid var(--brand-purple);color:var(--brand-muted);background:rgba(109,43,150,.09);font-size:12px;line-height:1.5}

.search-results .brand-symbol,.empty-state>.brand-symbol{margin-bottom:8px;color:var(--brand-purple-soft)}
.brand-loader+.empty-state p{margin-top:8px}
.policy-checklist li::before{content:"";top:14px;width:11px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}

@media(max-width:768px){
    body{overflow-x:clip!important}
    .symbol-decorative{display:none}
    .avatar-frame[data-size="display"]{--avatar-size:96px;--frame-extra:9px}
    .avatar-frame[data-effect="ink-particles"] .avatar-frame__effect,.avatar-frame[data-effect="purple-dust"] .avatar-frame__effect{opacity:.55}
    .vip-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .vip-preview-stage{min-height:124px;padding:18px 14px}
    .vip-current-card{align-items:stretch;flex-direction:column}.vip-current-card>.btn-primary{text-align:center}
    .profile-avatar-host{left:12px;bottom:-48px}
}
@media(max-width:380px){
    .avatar-frame[data-size="md"]{--avatar-size:36px;--frame-extra:3px}
    .avatar-frame[data-frame="royal-fuxico"] .avatar-frame__ring:before{display:none}
    .vip-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vip-customizer-title{align-items:flex-start;padding:15px}
}
@media(prefers-reduced-motion:reduce){
    .avatar-frame__effect,.brand-loader .brand-symbol,.brand-loader span{animation:none!important}
}