/* CayPlay brand refresh — loader, wordmark, button system and seller cards */
:root {
  --cp-orange: #ff8a00;
  --cp-orange-2: #ff6200;
  --cp-green: #2ce1a6;
  --cp-ink: #08101f;
  --cp-button-shadow: 0 12px 30px rgba(255, 125, 0, .2);
}

/* Brand */
.logo.cp-logo,
.cp-footer-logo {
  display: inline-flex;
  align-items: center;
  gap: .68rem;
  color: var(--text-1);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1;
  text-decoration: none;
}
.cp-brand-mark {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(255, 130, 0, .18));
}
.cp-brand-word { font-size: 1.02rem; white-space: nowrap; }
.cp-brand-word strong { color: var(--accent); font-weight: 900; }
.cp-brand-sub { display:block; margin-top:.18rem; color:var(--text-3); font-size:.48rem; letter-spacing:.13em; text-transform:uppercase; font-weight:700; }

/* Unified buttons: compact, legible, stable icon alignment */
.btn {
  min-height: 46px;
  padding: .72rem 1.2rem;
  border-radius: 14px;
  border: 1px solid transparent;
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.05;
  box-shadow: none;
  isolation: isolate;
  transform: translateZ(0);
}
.btn i { width: 1.05em; text-align:center; flex:0 0 auto; }
.btn-primary {
  color: #10141d;
  background: linear-gradient(105deg, #ff9f1c 0%, var(--cp-orange) 50%, var(--cp-orange-2) 100%);
  border-color: rgba(255, 171, 61, .34);
  box-shadow: var(--cp-button-shadow), inset 0 1px 0 rgba(255,255,255,.28);
}
.btn-primary:hover:not(:disabled) {
  transform: translateY(-2px);
  filter: brightness(1.04) saturate(1.04);
  box-shadow: 0 17px 34px rgba(255, 116, 0, .25), inset 0 1px 0 rgba(255,255,255,.32);
}
.btn-ghost {
  color: var(--text-1);
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028));
  border-color: rgba(255,255,255,.095);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.btn-ghost:hover:not(:disabled) {
  background: rgba(255,255,255,.075);
  border-color: rgba(255,159,28,.32);
  box-shadow: 0 12px 26px rgba(0,0,0,.13);
}
.btn-danger {
  color:#ff8793;
  background:rgba(255,90,110,.075);
  border-color:rgba(255,113,128,.24);
}
.btn-danger:hover:not(:disabled) { background:rgba(255,90,110,.14); border-color:rgba(255,113,128,.42); }
.btn-sm { min-height: 40px; padding:.58rem .82rem; border-radius:12px; font-size:.78rem; }
.hero-cta .btn { min-width: 190px; min-height: 54px; border-radius: 16px; padding: .85rem 1.35rem; }
.hero-cta .btn-ghost { min-width: 205px; }

/* Listing management action buttons — preserve actions, improve appearance */
.listing-card-manage .listing-bottom { align-items:center; gap:.75rem; }
.listing-card-manage .row-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.42rem;
  padding:.28rem;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(7,12,24,.5);
}
.listing-card-manage .row-actions .btn {
  width:42px;
  min-width:42px;
  height:42px;
  min-height:42px;
  padding:0;
  border-radius:12px;
  box-shadow:none;
}
.listing-card-manage .row-actions .btn-primary {
  background:linear-gradient(145deg,#ff9e1b,#ff7500);
  box-shadow:0 9px 20px rgba(255,126,0,.17);
}
.listing-card-manage .row-actions .btn-ghost { background:rgba(255,255,255,.045); }
.listing-card-manage .row-actions .btn-danger { background:rgba(255,91,112,.09); }
.listing-card-manage .listing-price { font-size:1.55rem; letter-spacing:-.035em; }

/* Role visual system */
.pf-avatar.user { background:linear-gradient(145deg,#ff9e1b,#ff6c00); color:#10141d; }
.pf-avatar.worker { background:linear-gradient(145deg,#74baff,#347bff); color:#fff; box-shadow:0 12px 28px rgba(52,123,255,.2); }
.pf-avatar.admin { background:linear-gradient(145deg,#c084fc,#6d5cff); color:#fff; box-shadow:0 12px 28px rgba(128,92,255,.2); }
.pf-avatar.developer { background:linear-gradient(145deg,#54e9bf,#168f78); color:#061c17; box-shadow:0 12px 28px rgba(44,225,166,.2); }
.user-avatar.developer { background:linear-gradient(145deg,#54e9bf,#168f78); color:#061c17; box-shadow:0 0 18px rgba(44,225,166,.24); }
.pf-avatar.super { background:linear-gradient(145deg,#ffd06f,#ff9500); color:#1b1204; box-shadow:0 12px 30px rgba(255,159,28,.25); }
.pf-role-pill i { width:1.1em; text-align:center; }
.pf-role-pill.role-user { color:#b9c5d8; background:rgba(148,163,184,.1); border-color:rgba(148,163,184,.22); }
.pf-role-pill.role-worker { color:#8fc5ff; background:rgba(73,151,255,.12); border-color:rgba(73,151,255,.28); }
.pf-role-pill.role-admin { color:#d8aeff; background:rgba(173,103,255,.12); border-color:rgba(173,103,255,.28); }
.pf-role-pill.role-developer { color:#65e9c2; background:rgba(44,225,166,.1); border-color:rgba(44,225,166,.26); }
.pf-role-pill.role-super { color:#ffbc53; background:rgba(255,159,28,.12); border-color:rgba(255,159,28,.3); }

/* Payment provider tile */
.pay-method[data-method="platega"] { position:relative; overflow:hidden; }
.pay-method[data-method="platega"]::after {
  content:"ONLINE";
  position:absolute;
  top:.38rem; right:.42rem;
  padding:.16rem .34rem;
  border-radius:999px;
  color:var(--cp-green);
  background:rgba(44,225,166,.09);
  border:1px solid rgba(44,225,166,.2);
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.09em;
}
.cp-payment-provider-icon {
  width:34px;height:34px;border-radius:11px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#5cc8ff,#5b7cff 58%,#854dff);
  color:#fff;font-size:.9rem;font-weight:950;
  box-shadow:0 8px 20px rgba(82,121,255,.18);
}

@media (max-width: 680px) {
  .cp-brand-mark { width:34px;height:34px;flex-basis:34px; }
  .cp-brand-word { font-size:.92rem; }
  .cp-brand-sub { display:none; }
  .hero-cta .btn { min-width:0; width:100%; min-height:50px; }
  .listing-card-manage .listing-bottom { align-items:flex-end; }
  .listing-card-manage .row-actions { flex:0 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
  .btn { transition:none!important; }
}


/* FruitForge Shop refresh — footer + wallet modals */
.cp-logo, .cp-footer-logo { gap:.82rem; }
.cp-brand-mark { width:44px; height:44px; flex-basis:44px; filter: drop-shadow(0 10px 22px rgba(255, 138, 0, .18)); }
.cp-brand-word { font-size:1.12rem; letter-spacing:-.05em; }
.cp-brand-word strong { color:var(--accent); }
.cp-brand-stack { display:flex; flex-direction:column; }
.cp-brand-sub { margin-top:.24rem; font-size:.55rem; letter-spacing:.15em; }
.footer-brand { align-items:flex-start; }
.footer-brand__mark { width:52px; height:52px; flex-basis:52px; }
.footer-brand__sub { font-size:.6rem; letter-spacing:.13em; }
#footer { position:relative; overflow:hidden; }
#footer::before { content:""; position:absolute; inset:0 auto auto 0; width:260px; height:260px; background:radial-gradient(circle, rgba(255,138,0,.10), transparent 62%); pointer-events:none; }
.footer-grid { grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(110px,1fr)); gap:1.8rem; }
.footer-col:first-child p { max-width:300px; }
.footer-col h5 { font-size:1rem; letter-spacing:-.02em; }
.footer-col a { display:block; padding:.28rem 0; }
.footer-legal { border-top:1px solid rgba(255,255,255,.08)!important; }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.75rem; text-align:left; }

.wallet-modal { border-radius:28px; overflow:hidden; background:linear-gradient(180deg, rgba(9,16,31,.985), rgba(12,20,38,.985)); border:1px solid rgba(255,255,255,.09); box-shadow:0 30px 80px rgba(0,0,0,.4); }
.wallet-modal__header { padding:1.15rem 1.25rem 1rem; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)); }
.wallet-modal__header h3 { margin:.18rem 0 .28rem; font-size:1.45rem; letter-spacing:-.04em; display:flex; align-items:center; gap:.55rem; }
.wallet-modal__eyebrow { display:inline-flex; align-items:center; gap:.4rem; padding:.38rem .68rem; border-radius:999px; border:1px solid rgba(255,138,0,.22); background:rgba(255,138,0,.08); color:#ffb14d; font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.wallet-modal__subtitle { margin:0; color:var(--text-3); font-size:.9rem; }
.wallet-modal__body { padding:1.1rem 1.25rem 1.25rem; }
.wallet-modal__hero { display:grid; grid-template-columns:1.1fr .9fr; gap:12px; margin-bottom:1rem; }
.wallet-balance-card, .wallet-help-card, .wallet-note { border:1px solid rgba(255,255,255,.08); border-radius:20px; background:rgba(255,255,255,.035); }
.wallet-balance-card { padding:1rem 1rem 1.05rem; background:linear-gradient(135deg, rgba(255,138,0,.12), rgba(255,255,255,.03)); }
.wallet-balance-card__label { display:block; color:var(--text-3); font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; }
.wallet-balance-card strong { display:block; margin:.35rem 0 .3rem; font-size:2rem; letter-spacing:-.06em; color:#fff4df; }
.wallet-balance-card small { display:block; color:var(--text-3); line-height:1.55; }
.wallet-balance-card--withdraw { background:linear-gradient(135deg, rgba(96,165,250,.12), rgba(255,255,255,.03)); }
.wallet-help-card { display:flex; align-items:flex-start; gap:.85rem; padding:1rem; }
.wallet-help-card__icon { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; flex:0 0 auto; background:rgba(44,225,166,.12); color:var(--green); }
.wallet-help-card__icon--warn { background:rgba(251,191,36,.13); color:#fbbf24; }
.wallet-help-card strong { display:block; margin-bottom:.15rem; }
.wallet-help-card span, .wallet-note span { color:var(--text-3); line-height:1.55; font-size:.88rem; }
.wallet-section { margin-bottom:1rem; }
.wallet-section__label { display:block; margin-bottom:.65rem; font-weight:700; color:var(--text-2); }
.wallet-methods { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:.72rem; }
.wallet-method-card { width:100%; display:flex; align-items:center; gap:.75rem; text-align:left; padding:.9rem .95rem; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); color:var(--text-1); transition:all .18s ease; }
.wallet-method-card:hover { transform:translateY(-2px); border-color:rgba(255,138,0,.24); background:rgba(255,138,0,.05); }
.wallet-method-card.active { border-color:rgba(255,138,0,.34); background:linear-gradient(135deg, rgba(255,138,0,.14), rgba(255,255,255,.03)); box-shadow:0 0 0 1px rgba(255,138,0,.08), 0 16px 34px rgba(255,138,0,.08); }
.wallet-method-card__icon { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; flex:0 0 auto; background:rgba(255,255,255,.06); color:#fff; font-size:1rem; }
.wallet-method-card__text strong { display:block; margin-bottom:.1rem; font-size:.92rem; }
.wallet-method-card__text small { display:block; color:var(--text-3); font-size:.74rem; }
.wallet-preset-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.62rem; }
.wallet-preset { min-height:84px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)); color:var(--text-1); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.12rem; transition:all .18s ease; white-space:nowrap; }
.wallet-preset:hover { transform:translateY(-2px); border-color:rgba(255,138,0,.28); }
.wallet-preset.active { background:linear-gradient(145deg, #ffab2d, #ff7a00); border-color:transparent; color:#111722; box-shadow:0 16px 32px rgba(255,138,0,.22); }
.wallet-preset__value { font-size:1.28rem; font-weight:900; letter-spacing:-.04em; line-height:1; }
.wallet-preset__currency { font-size:.74rem; font-weight:800; opacity:.82; line-height:1; }
.pay-amount { white-space:nowrap; }
.wallet-input-wrap { position:relative; }
.wallet-input-wrap__icon { position:absolute; right:14px; top:50%; transform:translateY(-50%); color:var(--text-3); font-weight:800; pointer-events:none; }
.wallet-amount-input, .wallet-form-grid .form-input { min-height:54px; border-radius:16px; padding-right:38px; }
.wallet-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.wallet-note { display:flex; gap:.75rem; align-items:flex-start; padding:.95rem 1rem; margin-bottom:1rem; }
.wallet-note i { margin-top:.1rem; }
.wallet-note strong { display:block; margin-bottom:.1rem; }
.wallet-note--success { background:rgba(44,225,166,.07); border-color:rgba(44,225,166,.18); }
.wallet-note--success i { color:var(--green); }
.wallet-note--warning { background:rgba(251,191,36,.08); border-color:rgba(251,191,36,.18); }
.wallet-note--warning i { color:#fbbf24; }
.wallet-captcha .form-group { padding:1rem; border-radius:20px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); }
.wallet-captcha .form-group > label { display:block; margin-bottom:.55rem; color:var(--text-2); font-weight:700; }
.wallet-captcha #captchaImg { height:58px!important; border-radius:14px!important; }
.wallet-captcha #refreshCaptcha.btn { min-height:46px; width:46px; padding:0; border-radius:14px; }
.wallet-captcha #captchaInput { min-height:52px; border-radius:15px; letter-spacing:.24rem!important; font-weight:700; }
.wallet-modal__actions .btn { min-height:54px; border-radius:16px; }

@media (max-width: 920px) {
  .footer-grid { grid-template-columns:1fr 1fr; }
  .wallet-preset-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .wallet-modal__hero, .wallet-form-grid { grid-template-columns:1fr; }
  .wallet-methods { grid-template-columns:1fr; }
  .wallet-preset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-bottom { flex-direction:column; }
}
@media (max-width: 560px) {
  .cp-brand-mark { width:40px; height:40px; flex-basis:40px; }
  .cp-brand-word { font-size:1rem; }
  .footer-brand__mark { width:48px; height:48px; flex-basis:48px; }
  .wallet-modal__header h3 { font-size:1.26rem; }
  .wallet-modal__body { padding:1rem; }
  .wallet-preset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
  .wallet-preset { min-height:76px; }
}


/* FruitForge footer & wallet usability fix v2 */
.site-footer, #footer {
  position:relative;
  margin-top:3rem;
  padding:2.3rem clamp(1rem,3vw,2rem) 1.15rem;
  border-top:1px solid rgba(255,255,255,.075);
  background:
    radial-gradient(circle at 8% 8%,rgba(255,138,0,.075),transparent 25%),
    linear-gradient(180deg,rgba(8,14,27,.62),rgba(6,11,22,.92));
  overflow:hidden;
}
#footer::before { display:none; }
.footer-main { display:grid; grid-template-columns:minmax(250px,.9fr) minmax(0,2.1fr); gap:clamp(2rem,5vw,5rem); max-width:1280px; margin:0 auto; }
.footer-brand-panel { min-width:0; }
.footer-brand { margin:0 0 1rem!important; align-items:center; }
.footer-brand__mark { width:58px; height:58px; flex-basis:58px; }
.footer-brand .cp-brand-word { font-size:1.18rem; }
.footer-brand__sub { max-width:250px; color:#8390a7; font-size:.55rem; line-height:1.35; }
.footer-brand-panel>p { max-width:330px; margin:.15rem 0 1.1rem; color:var(--text-3); line-height:1.65; font-size:.86rem; }
.footer-socials { display:flex; gap:.52rem; }
.footer-socials a { width:40px; height:40px; border-radius:12px; display:grid!important; place-items:center; padding:0!important; border:1px solid rgba(255,255,255,.075); background:rgba(255,255,255,.035); color:#dfe7f5; }
.footer-socials a:hover { transform:translateY(-2px); color:#111827; background:linear-gradient(145deg,#ffad32,#ff7b00); border-color:transparent; }
.footer-links-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1.2rem,3vw,2.4rem); }
.footer-col { min-width:0; }
.footer-col h5 { margin:0 0 .82rem; color:#f4f6fb; font-size:.88rem; letter-spacing:-.02em; }
.footer-col a { display:block; margin:0; padding:.32rem 0; color:#8290a8; font-size:.79rem; line-height:1.45; overflow-wrap:anywhere; }
.footer-col a:hover { color:#ff9a1b; transform:translateX(2px); }
.footer-email { font-size:.74rem!important; }
.footer-support-note { display:inline-flex; align-items:center; gap:.4rem; margin-top:.55rem; padding:.42rem .58rem; border-radius:10px; background:rgba(44,225,166,.07); color:#65e9c2; font-size:.7rem; border:1px solid rgba(44,225,166,.14); }
.footer-bottom--clean { max-width:1280px; margin:2rem auto 0; padding:1.05rem 0 0; border-top:1px solid rgba(255,255,255,.07); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.2rem; color:#77859d; font-size:.69rem; text-align:left; }
.footer-disclaimer { text-align:center; }
.footer-bottom-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.72rem; }
.footer-bottom-links a { color:#8390a7; }
.footer-bottom-links a:hover { color:#ff9a1b; }

.modal-overlay.open { overflow-y:auto!important; overscroll-behavior:contain; align-items:center; padding:clamp(.45rem,2vw,1rem); }
.wallet-modal {
  display:flex!important;
  flex-direction:column;
  width:min(720px,100%);
  max-height:min(92svh,880px)!important;
  overflow:hidden!important;
  border-radius:24px;
}
.wallet-modal__header { flex:0 0 auto; position:relative!important; top:auto!important; }
.wallet-modal__body {
  min-height:0;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
  padding:1rem 1.15rem 1.2rem;
}
.wallet-modal__body::-webkit-scrollbar { width:8px; }
.wallet-modal__body::-webkit-scrollbar-track { background:transparent; }
.wallet-modal__body::-webkit-scrollbar-thumb { background:rgba(139,154,181,.28); border-radius:999px; }
.wallet-modal__hero { grid-template-columns:1fr 1fr; gap:.7rem; }
.wallet-balance-card, .wallet-help-card { min-height:124px; border-radius:17px; }
.wallet-balance-card { padding:.9rem 1rem; }
.wallet-balance-card strong { font-size:1.75rem; }
.wallet-help-card { padding:.9rem; }
.wallet-section { margin-bottom:.85rem; }
.wallet-section__label { margin-bottom:.48rem; font-size:.84rem; }
.wallet-methods { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.wallet-method-card { min-height:64px; padding:.65rem .72rem; border-radius:15px; }
.wallet-method-card__icon { width:36px; height:36px; border-radius:11px; }
.wallet-method-card__text strong { font-size:.82rem; }
.wallet-method-card__text small { font-size:.66rem; }
.wallet-preset-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; margin-bottom:.7rem; }
.wallet-preset {
  min-width:0;
  min-height:58px;
  padding:.55rem .75rem;
  border-radius:15px;
  display:flex;
  flex-direction:row;
  gap:.34rem;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
}
.wallet-preset__value { font-size:1.05rem; }
.wallet-preset__currency { font-size:.9rem; opacity:.9; }
.wallet-input-wrap { margin-top:.15rem; clear:both; }
.wallet-amount-input { display:block; width:100%; margin:0; }
.wallet-note { padding:.75rem .85rem; border-radius:15px; margin-bottom:.85rem; }
.wallet-note strong { font-size:.86rem; }
.wallet-note span { font-size:.78rem; }
.wallet-captcha .form-group { padding:.8rem; border-radius:16px; margin-bottom:.85rem; }
.wallet-captcha .form-group>label { font-size:.8rem; }
.wallet-captcha #captchaImg { max-width:calc(100% - 54px); object-fit:cover; }
.wallet-modal__actions {
  position:sticky;
  bottom:-1.2rem;
  z-index:3;
  margin:.15rem -1.15rem -1.2rem;
  padding:.85rem 1.15rem 1.2rem;
  background:linear-gradient(180deg,rgba(10,17,32,0),#0a1120 25%,#0a1120 100%);
}
.wallet-modal__actions .btn { min-height:50px; }

@media (max-width:960px) {
  .footer-main { grid-template-columns:1fr; gap:2rem; }
  .footer-brand-panel>p { max-width:500px; }
  .footer-bottom--clean { grid-template-columns:1fr; gap:.65rem; }
  .footer-disclaimer { text-align:left; }
  .footer-bottom-links { justify-content:flex-start; }
}
@media (max-width:720px) {
  .footer-links-grid { grid-template-columns:1fr 1fr; gap:1.5rem; }
  .modal-overlay.open { align-items:flex-start!important; padding:.35rem; }
  .wallet-modal { max-height:calc(100svh - .7rem)!important; border-radius:20px; }
  .wallet-modal__header { padding:.9rem 1rem .8rem; }
  .wallet-modal__header h3 { font-size:1.18rem; }
  .wallet-modal__subtitle { font-size:.78rem; }
  .wallet-modal__body { padding:.85rem .9rem 1rem; }
  .wallet-modal__hero { grid-template-columns:1fr; }
  .wallet-balance-card, .wallet-help-card { min-height:auto; }
  .wallet-methods { grid-template-columns:1fr; }
  .wallet-preset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wallet-form-grid { grid-template-columns:1fr; }
  .wallet-modal__actions { margin:.15rem -.9rem -1rem; padding:.8rem .9rem 1rem; }
}
@media (max-width:480px) {
  .site-footer, #footer { padding:1.8rem 1rem 1rem; }
  .footer-links-grid { grid-template-columns:1fr; gap:1.15rem; }
  .footer-brand__mark { width:52px; height:52px; flex-basis:52px; }
  .footer-brand .cp-brand-word { font-size:1.05rem; }
  .wallet-preset { min-height:54px; padding:.45rem .55rem; }
  .wallet-preset__value { font-size:.98rem; }
  .wallet-preset__currency { font-size:.8rem; }
}


/* Premium footer v3 */
#footer.site-footer--premium {
  position:relative;
  margin-top:clamp(3rem,7vw,7rem);
  padding:0 clamp(.75rem,2.4vw,2rem) 1.25rem!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
#footer.site-footer--premium::before { display:none!important; }
.premium-footer-shell {
  position:relative;
  isolation:isolate;
  width:min(1320px,100%);
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.085);
  border-radius:clamp(26px,3vw,42px);
  background:
    linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.012) 42%),
    linear-gradient(180deg,rgba(11,18,34,.985),rgba(5,10,21,.995));
  box-shadow:0 38px 100px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035);
}
.premium-footer-shell::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.021) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 88%);
}
.premium-footer-shell::after {
  content:""; position:absolute; left:8%; right:8%; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,168,43,.68),rgba(44,225,166,.42),transparent);
}
.premium-footer-glow { position:absolute; z-index:-1; border-radius:50%; filter:blur(8px); pointer-events:none; }
.premium-footer-glow--one { width:420px;height:420px;left:-210px;top:-220px;background:radial-gradient(circle,rgba(255,132,0,.18),transparent 65%); }
.premium-footer-glow--two { width:360px;height:360px;right:-170px;bottom:-200px;background:radial-gradient(circle,rgba(56,119,255,.13),transparent 67%); }
.premium-footer-top { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:clamp(2rem,5vw,5.4rem); padding:clamp(2rem,5vw,4.4rem); border-bottom:1px solid rgba(255,255,255,.07); }
.premium-footer-brand { min-width:0; }
.premium-footer-logo { display:inline-flex; align-items:center; gap:1rem; text-decoration:none; color:var(--text-1); }
.premium-footer-logo__mark { width:66px;height:66px;flex:0 0 66px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.085);box-shadow:0 18px 42px rgba(0,0,0,.2); }
.premium-footer-logo__mark img { width:54px;height:54px;display:block;filter:drop-shadow(0 10px 24px rgba(255,132,0,.2)); }
.premium-footer-logo__copy { display:flex; flex-direction:column; min-width:0; }
.premium-footer-logo__name { font-size:clamp(1.22rem,2.1vw,1.62rem);font-weight:950;letter-spacing:-.055em;line-height:1;white-space:nowrap; }
.premium-footer-logo__name strong { color:#ff951b; }
.premium-footer-logo__copy small { margin-top:.42rem;color:#7f8da7;font-size:.6rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase; }
.premium-footer-brand>p { max-width:580px;margin:1.55rem 0 1.35rem;color:#91a0ba;font-size:clamp(.9rem,1.3vw,1.02rem);line-height:1.75; }
.premium-footer-trust { display:flex;flex-wrap:wrap;gap:.55rem; }
.premium-footer-trust span { display:inline-flex;align-items:center;gap:.48rem;min-height:36px;padding:0 .78rem;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.03);color:#a9b5c9;font-size:.73rem;font-weight:750; }
.premium-footer-trust i { color:#4be0b2; }
.premium-footer-assist { align-self:stretch;padding:clamp(1.25rem,2.5vw,1.8rem);border:1px solid rgba(255,255,255,.085);border-radius:25px;background:linear-gradient(145deg,rgba(255,139,20,.09),rgba(255,255,255,.022));box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.premium-footer-assist__eyebrow { display:flex;align-items:center;gap:.55rem;color:#ffad45;font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase; }
.premium-footer-assist__eyebrow i { width:7px;height:7px;border-radius:50%;background:#45ddb0;box-shadow:0 0 14px rgba(69,221,176,.8); }
.premium-footer-assist h3 { margin:.85rem 0 .55rem;font-size:clamp(1.25rem,2.1vw,1.65rem);line-height:1.18;letter-spacing:-.045em; }
.premium-footer-assist p { margin:0 0 1.25rem;color:#8897b0;font-size:.84rem;line-height:1.65; }
.premium-footer-support-btn { min-height:50px;padding:0 .9rem 0 1rem;border-radius:15px;border:1px solid rgba(255,157,29,.28);background:linear-gradient(105deg,#ffab31,#ff7800);color:#10151f;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.82rem;font-weight:900;box-shadow:0 14px 28px rgba(255,119,0,.16);cursor:pointer; }
.premium-footer-support-btn span { display:flex;align-items:center;gap:.55rem; }
.premium-footer-support-btn:hover { transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 34px rgba(255,119,0,.23); }
.premium-footer-body { display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr);gap:clamp(2rem,4vw,4rem);padding:clamp(2rem,4vw,3.2rem) clamp(2rem,5vw,4.4rem); }
.premium-footer-nav { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,3.6rem); }
.premium-footer-col { position:relative;min-width:0;padding-left:1.05rem;border-left:1px solid rgba(255,255,255,.075); }
.premium-footer-col__index { display:block;margin-bottom:.65rem;color:#54627b;font:800 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em; }
.premium-footer-col h5 { margin:0 0 .8rem;color:#eef2f9;font-size:.9rem;letter-spacing:-.02em; }
.premium-footer-col a { position:relative;display:block;width:max-content;max-width:100%;padding:.33rem 0;color:#8190a9;font-size:.79rem;line-height:1.42;transition:.18s; }
.premium-footer-col a::after { content:"";position:absolute;left:0;bottom:.22rem;width:100%;height:1px;background:#ff9419;transform:scaleX(0);transform-origin:right;transition:transform .2s; }
.premium-footer-col a:hover { color:#e9eef8;transform:translateX(3px); }
.premium-footer-col a:hover::after { transform:scaleX(1);transform-origin:left; }
.premium-footer-connect { min-width:0;padding-left:clamp(1rem,2vw,1.7rem);border-left:1px solid rgba(255,255,255,.07); }
.premium-footer-connect__head { display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem; }
.premium-footer-connect__head span { color:#eef2f9;font-size:.9rem;font-weight:850; }
.premium-footer-connect__head small { color:#5f6e88;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em; }
.premium-social-list { display:grid;gap:.55rem; }
.premium-social { min-height:56px;padding:.56rem .68rem;border-radius:16px;border:1px solid rgba(255,255,255,.072);background:rgba(255,255,255,.025);display:grid;grid-template-columns:40px 1fr auto;gap:.72rem;align-items:center;color:#dce4f1;transition:.2s; }
.premium-social:hover { transform:translateX(4px);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14); }
.premium-social__icon { width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:1rem; }
.premium-social__copy { min-width:0;display:flex;flex-direction:column; }
.premium-social__copy b { font-size:.78rem;line-height:1.15; }
.premium-social__copy small { margin-top:.16rem;color:#6e7d97;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.premium-social>i { color:#53617a;font-size:.68rem; }
.premium-social--telegram .premium-social__icon { color:#68c8ff;background:rgba(46,166,255,.1); }
.premium-social--community .premium-social__icon { color:#54e5b6;background:rgba(44,225,166,.09); }
.premium-social--discord .premium-social__icon { color:#a799ff;background:rgba(116,98,255,.11); }
.premium-social--youtube .premium-social__icon { color:#ff7380;background:rgba(255,72,92,.1); }
.premium-footer-email { margin-top:.7rem;min-height:44px;padding:0 .82rem;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);display:flex;align-items:center;gap:.65rem;color:#8190a9;font-size:.72rem;overflow:hidden; }
.premium-footer-email i { color:#ff9c25; }
.premium-footer-email span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.premium-footer-email:hover { color:#e8eef8;border-color:rgba(255,156,37,.2); }
.premium-footer-legal { width:min(1280px,calc(100% - 1rem));margin:1.1rem auto 0;padding:.3rem .35rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem;align-items:center;color:#62708a;font-size:.66rem; }
.premium-footer-legal>span:nth-child(2) { text-align:center; }
.premium-footer-legal>div { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8rem; }
.premium-footer-legal a { color:#77859e; }
.premium-footer-legal a:hover { color:#ff9c25; }
@media(max-width:1050px){
  .premium-footer-top,.premium-footer-body{grid-template-columns:1fr;}
  .premium-footer-connect{padding-left:0;border-left:0;}
  .premium-social-list{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  #footer.site-footer--premium{padding-left:.45rem!important;padding-right:.45rem!important;}
  .premium-footer-top,.premium-footer-body{padding:1.45rem 1.25rem;}
  .premium-footer-nav{grid-template-columns:1fr 1fr;gap:1.5rem 1rem;}
  .premium-footer-col:last-child{grid-column:1/-1;}
  .premium-social-list{grid-template-columns:1fr;}
  .premium-footer-legal{grid-template-columns:1fr;gap:.48rem;padding:.4rem .7rem;}
  .premium-footer-legal>span:nth-child(2){text-align:left;}
  .premium-footer-legal>div{justify-content:flex-start;}
}
@media(max-width:480px){
  .premium-footer-logo__mark{width:56px;height:56px;flex-basis:56px;border-radius:18px;}
  .premium-footer-logo__mark img{width:46px;height:46px;}
  .premium-footer-logo__name{white-space:normal;}
  .premium-footer-nav{grid-template-columns:1fr;}
  .premium-footer-col:last-child{grid-column:auto;}
  .premium-footer-trust span{font-size:.67rem;}
}


/* Compact premium footer v3 */
.compact-footer{padding:2rem 1.25rem 1rem!important;background:transparent!important}
.compact-footer-shell{width:min(1280px,100%);margin:0 auto;border:1px solid rgba(255,255,255,.075);border-radius:26px;background:linear-gradient(145deg,rgba(12,18,33,.96),rgba(7,12,24,.96));box-shadow:0 22px 65px rgba(0,0,0,.22);overflow:hidden;position:relative}
.compact-footer-shell::before{content:"";position:absolute;width:300px;height:300px;left:-170px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,18,.13),transparent 68%);pointer-events:none}
.compact-footer-main{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(420px,1.65fr) minmax(220px,.8fr);gap:clamp(1.4rem,3vw,3rem);padding:clamp(1.4rem,3vw,2.25rem)}
.compact-footer-brand{min-width:0}.compact-footer-logo{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--text-1)}.compact-footer-logo__mark{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.compact-footer-logo__mark img{width:40px;height:40px}.compact-footer-logo b{display:block;font-size:1.05rem;line-height:1;letter-spacing:-.045em}.compact-footer-logo strong{color:#ff971c}.compact-footer-logo small{display:block;margin-top:.28rem;color:#687791;font-size:.52rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.compact-footer-brand>p{max-width:350px;margin:1rem 0;color:#8392aa;font-size:.78rem;line-height:1.65}.compact-footer-badges{display:flex;flex-wrap:wrap;gap:.4rem}.compact-footer-badges span{display:inline-flex;align-items:center;gap:.38rem;min-height:30px;padding:0 .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#9aa8bd;font-size:.62rem;font-weight:750}.compact-footer-badges i{color:#4bdcaf}
.compact-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.3vw,2.2rem)}.compact-footer-links h5{margin:0 0 .65rem;color:#eef2f8;font-size:.78rem}.compact-footer-links a{display:block;width:max-content;max-width:100%;padding:.24rem 0;color:#7f8da5;font-size:.7rem;line-height:1.4;transition:.18s}.compact-footer-links a:hover{color:#ff9a20;transform:translateX(2px)}
.compact-footer-contact{min-width:0}.compact-footer-contact__label{display:block;margin-bottom:.65rem;color:#eef2f8;font-size:.76rem;font-weight:850}.compact-footer-socials{display:flex;gap:.42rem;margin-bottom:.7rem}.compact-footer-socials a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.03);color:#dce4f2;font-size:.82rem;transition:.18s}.compact-footer-socials a:hover{transform:translateY(-2px);background:linear-gradient(145deg,#ffab31,#ff7900);color:#111;border-color:transparent}
.compact-footer-support{min-height:52px;padding:.55rem .65rem;border-radius:15px;border:1px solid rgba(255,145,0,.18);background:rgba(255,145,0,.065);display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.6rem;color:var(--text-1);text-decoration:none}.compact-footer-support>i:first-child{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#ffab31,#ff7900);color:#111}.compact-footer-support b,.compact-footer-support small{display:block}.compact-footer-support b{font-size:.72rem}.compact-footer-support small{margin-top:.08rem;color:#7988a1;font-size:.58rem}.compact-footer-support>i:last-child{color:#ff9a20;font-size:.68rem}.compact-footer-support:hover{border-color:rgba(255,145,0,.34);transform:translateY(-2px)}
.compact-footer-email{margin-top:.5rem;min-height:34px;padding:0 .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.5rem;color:#74839c;font-size:.62rem;overflow:hidden}.compact-footer-email span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-footer-email i{color:#ff9820}
.compact-footer-bottom{min-height:48px;padding:.75rem clamp(1.4rem,3vw,2.25rem);border-top:1px solid rgba(255,255,255,.065);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;color:#5f6d85;font-size:.6rem}.compact-footer-bottom span:nth-child(2){text-align:center}.compact-footer-bottom a{color:#74829a}.compact-footer-bottom a:hover{color:#ff9a20}
@media(max-width:1050px){.compact-footer-main{grid-template-columns:1fr 1.45fr}.compact-footer-contact{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(180px,.7fr);align-items:center;gap:.8rem}.compact-footer-contact__label{margin:0}.compact-footer-socials{margin:0}.compact-footer-email{margin:0}}
@media(max-width:760px){.compact-footer{padding:1.3rem .7rem .7rem!important}.compact-footer-main{grid-template-columns:1fr;padding:1.25rem}.compact-footer-links{grid-template-columns:1fr 1fr}.compact-footer-contact{grid-column:auto;display:block}.compact-footer-contact__label{margin-bottom:.6rem}.compact-footer-socials{margin-bottom:.65rem}.compact-footer-email{margin-top:.5rem}.compact-footer-bottom{grid-template-columns:1fr;gap:.3rem;padding:.8rem 1.25rem}.compact-footer-bottom span:nth-child(2){text-align:left}}
@media(max-width:460px){.compact-footer-links{grid-template-columns:1fr}.compact-footer-shell{border-radius:20px}.compact-footer-logo b{font-size:.98rem}}

/* Profile contract cards */
.profile-contract-state{padding:2.2rem 1.2rem;text-align:center;border:1px solid var(--glass-border);border-radius:18px;background:rgba(255,255,255,.025);color:var(--text-3)}.profile-contract-state__icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;margin:0 auto .8rem;background:rgba(255,145,0,.1);border:1px solid rgba(255,145,0,.18);color:var(--accent);font-size:1.15rem}.profile-contract-state h3{margin:0 0 .35rem;color:var(--text-1);font-size:1.05rem}.profile-contract-state p{max-width:500px;margin:0 auto .9rem;font-size:.78rem;line-height:1.6}.profile-contract-error{max-width:560px;margin:0 auto .85rem;padding:.65rem .75rem;border-radius:12px;border:1px solid rgba(255,113,128,.18);background:rgba(255,113,128,.06);display:flex;align-items:flex-start;gap:.5rem;color:#ff9ca5;font-size:.7rem;text-align:left}


/* v4 — visible navbar scroll motion, micro footer and public ban appeals */
.navbar{
  transition:width .42s cubic-bezier(.2,.8,.2,1),max-width .42s cubic-bezier(.2,.8,.2,1),top .32s ease,padding .32s ease,background .32s ease,border-color .32s ease,box-shadow .32s ease,transform .32s ease!important;
  will-change:width,transform,padding;
}
.navbar.scrolled{
  top:.35rem!important;width:min(1080px,calc(100% - 2rem))!important;max-width:1080px!important;padding:.36rem .8rem!important;
  background:rgba(7,12,24,.94)!important;border-color:rgba(255,151,28,.13)!important;
  box-shadow:0 15px 50px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025)!important;
  transform:translateY(-1px);
}
.navbar .cp-brand-mark,.navbar .cp-brand-word,.navbar .cp-brand-sub,.navbar .icon-btn,.navbar .balance-badge,.navbar .user-avatar{transition:all .32s cubic-bezier(.2,.8,.2,1)!important}
.navbar.scrolled .cp-brand-mark{width:34px;height:34px;flex-basis:34px}
.navbar.scrolled .cp-brand-word{font-size:.94rem}
.navbar.scrolled .cp-brand-sub{opacity:0;max-height:0;margin:0;transform:translateY(-3px);overflow:hidden}
.navbar.scrolled .icon-btn,.navbar.scrolled .user-avatar{width:32px;height:32px}
.navbar.scrolled .balance-badge{padding:.27rem .58rem;font-size:.72rem}
@media(max-width:1024px){.navbar,.navbar.scrolled{width:calc(100% - 1.2rem)!important;max-width:none!important}.navbar.scrolled{padding:.34rem .58rem!important}}
@media(max-width:768px){.navbar,.navbar.scrolled{position:sticky!important;top:.3rem!important;margin:.3rem auto!important;width:calc(100% - .8rem)!important;transform:none}.navbar.scrolled .cp-brand-mark{width:34px;height:34px;flex-basis:34px}}

/* Replace all previous footer generations with one low-profile footer */
.micro-footer{position:relative;margin-top:clamp(2.5rem,5vw,5rem);padding:0 clamp(1rem,3vw,2.2rem)!important;background:linear-gradient(180deg,transparent,rgba(6,10,20,.72))!important;overflow:hidden}
.micro-footer__glow{position:absolute;pointer-events:none;width:460px;height:220px;left:5%;bottom:-150px;background:radial-gradient(circle,rgba(255,139,18,.13),transparent 66%);filter:blur(8px)}
.micro-footer__main{position:relative;width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(400px,1.35fr) minmax(250px,.8fr);align-items:center;gap:clamp(1.4rem,3vw,3rem);padding:1.35rem 0 1.15rem;border-top:1px solid rgba(255,255,255,.08)}
.micro-footer__brand{min-width:0}.micro-footer__logo{display:inline-flex;align-items:center;gap:.72rem;color:var(--text-1);text-decoration:none}.micro-footer__logo-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.micro-footer__logo-mark img{width:35px;height:35px}.micro-footer__logo b{display:block;font-size:.96rem;letter-spacing:-.045em;line-height:1}.micro-footer__logo strong{color:#ff971c}.micro-footer__logo small{display:block;margin-top:.22rem;color:#67758c;font-size:.48rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.micro-footer__brand p{max-width:330px;margin:.72rem 0 0;color:#718097;font-size:.7rem;line-height:1.55}
.micro-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .42rem}.micro-footer__nav a{min-height:34px;padding:0 .66rem;border-radius:10px;display:inline-flex;align-items:center;color:#8190a6;font-size:.68rem;font-weight:700;text-decoration:none;transition:.18s}.micro-footer__nav a:hover{color:#f3f6fb;background:rgba(255,255,255,.045);transform:translateY(-1px)}
.micro-footer__contact{min-width:0}.micro-footer__socials{display:flex;justify-content:flex-end;gap:.42rem}.micro-footer-social{min-height:38px;padding:0 .65rem;border-radius:12px;display:inline-flex;align-items:center;gap:.42rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#cbd5e5;text-decoration:none;font-size:.62rem;font-weight:750;transition:.18s}.micro-footer-social i{font-size:.82rem}.micro-footer-social:hover{transform:translateY(-2px);border-color:rgba(255,151,28,.25);background:rgba(255,151,28,.07);color:#fff}.micro-footer-social.telegram i{color:#60aef7}.micro-footer-social.discord i{color:#8c9eff}.micro-footer-social.youtube i{color:#ff7180}.micro-footer__email{margin:.48rem 0 0 auto;max-width:100%;width:max-content;display:flex;align-items:center;gap:.45rem;color:#65738a;font-size:.59rem;text-decoration:none}.micro-footer__email span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micro-footer__email:hover{color:#ff9a20}
.micro-footer__bottom{position:relative;width:min(1240px,100%);min-height:44px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;border-top:1px solid rgba(255,255,255,.055);color:#536178;font-size:.56rem}.micro-footer__bottom>span:nth-child(2){text-align:center}.micro-footer__bottom>div{display:flex;gap:.85rem}.micro-footer__bottom a{color:#66758d;text-decoration:none}.micro-footer__bottom a:hover{color:#ff9a20}
@media(max-width:1000px){.micro-footer__main{grid-template-columns:1fr 1fr}.micro-footer__contact{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.micro-footer__email{margin:0}.micro-footer__nav{justify-content:flex-end}}
@media(max-width:700px){.micro-footer{padding:0 1rem!important}.micro-footer__main{grid-template-columns:1fr;gap:1rem;padding:1.25rem 0}.micro-footer__nav{justify-content:flex-start}.micro-footer__contact{grid-column:auto;display:block}.micro-footer__socials{justify-content:flex-start;flex-wrap:wrap}.micro-footer__email{margin:.55rem 0 0}.micro-footer__bottom{grid-template-columns:1fr;gap:.28rem;padding:.75rem 0}.micro-footer__bottom>span:nth-child(2){text-align:left}.micro-footer__bottom>div{gap:.7rem}}
@media(max-width:440px){.micro-footer-social span{display:none}.micro-footer-social{width:38px;padding:0;justify-content:center}.micro-footer__nav a{padding:0 .45rem}}

/* A single subtle payment protection note replaces repeated Safe Deal plaques */
.listing-payment-note{display:flex;align-items:center;gap:.5rem;margin:.7rem 0;padding:.62rem .72rem;border-radius:11px;background:rgba(52,211,153,.055);color:#9eb0c5;font-size:.68rem}.listing-payment-note i{color:#4bdcaf}

/* Public ban appeal */
.ban-appeal-page,.banned-account-page{min-height:calc(100vh - 190px);display:grid;place-items:center;padding:clamp(2rem,6vw,5rem) 1rem}
.ban-appeal-card,.banned-account-card{width:min(720px,100%);position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(150deg,rgba(15,22,39,.98),rgba(8,14,28,.98));box-shadow:0 30px 90px rgba(0,0,0,.38);padding:clamp(1.25rem,4vw,2rem)}
.ban-appeal-card::before,.banned-account-card::before{content:"";position:absolute;width:280px;height:280px;right:-150px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(255,139,18,.15),transparent 66%);pointer-events:none}
.ban-appeal-card__icon,.banned-account-card__icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#ffad34,#ff7800);color:#111827;font-size:1.2rem;box-shadow:0 14px 32px rgba(255,128,0,.2)}
.ban-appeal-card__head{margin:1rem 0}.ban-appeal-card__head>span,.banned-account-card__kicker{color:#ff9b22;font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ban-appeal-card__head h1,.banned-account-card h2{margin:.28rem 0 .35rem;font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.055em}.ban-appeal-card__head p{margin:0;color:#8291a9;font-size:.82rem;line-height:1.6}
.ban-appeal-security{display:flex;align-items:flex-start;gap:.72rem;margin:1rem 0;padding:.85rem;border-radius:16px;border:1px solid rgba(52,211,153,.16);background:rgba(52,211,153,.055)}.ban-appeal-security>i{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:rgba(52,211,153,.12);color:#50dfb0}.ban-appeal-security b,.ban-appeal-security span{display:block}.ban-appeal-security b{font-size:.76rem}.ban-appeal-security span{color:#77869e;font-size:.67rem;line-height:1.5;margin-top:.08rem}
.ban-appeal-form{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.ban-appeal-form label>span{display:block;margin-bottom:.4rem;color:#9aa8bd;font-size:.7rem;font-weight:750}.ban-appeal-form label>span small{font-weight:500;color:#64738b}.ban-appeal-form .form-input{width:100%;min-height:50px;border-radius:14px}.ban-appeal-form textarea{min-height:150px;padding:1rem;resize:vertical}.ban-appeal-form__wide{grid-column:1/-1}.ban-appeal-counter{display:block;text-align:right;margin-top:.25rem;color:#617089;font-size:.6rem}.ban-appeal-submit{min-height:52px;border-radius:15px}.ban-appeal-card__foot{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.06);color:#617089;font-size:.62rem}.ban-appeal-card__foot a{color:#8393aa;text-decoration:none}.ban-appeal-card__foot a:hover{color:#ff9a20}.ban-appeal-captcha-loading{padding:1rem;border:1px dashed rgba(255,255,255,.1);border-radius:14px;color:#74829a;text-align:center}.ban-appeal-success{text-align:center;padding:1.6rem}.ban-appeal-success>i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:rgba(52,211,153,.13);color:#52dfb0;font-size:1.2rem}.ban-appeal-success h3{margin:0}.ban-appeal-success p{color:#7d8ca3;font-size:.78rem;margin:.45rem 0 1rem}
.banned-account-card{text-align:center;width:min(540px,100%)}.banned-account-card__icon{margin:0 auto 1rem;background:rgba(255,93,112,.12);color:#ff7180;box-shadow:none}.banned-account-reason{margin:1.1rem 0;padding:1rem;border-radius:16px;background:rgba(255,255,255,.035);text-align:left}.banned-account-reason small,.banned-account-reason b,.banned-account-reason span{display:block}.banned-account-reason small{color:#69778e;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em}.banned-account-reason b{margin:.25rem 0;color:#e8edf5}.banned-account-reason span{color:#7b899f;font-size:.7rem}.banned-account-appeal{width:100%;justify-content:center}.banned-account-status{display:flex;gap:.65rem;text-align:left;padding:.85rem;border-radius:15px;background:rgba(52,211,153,.06);border:1px solid rgba(52,211,153,.15)}.banned-account-status i{color:#50dfb0;margin-top:.2rem}.banned-account-status b,.banned-account-status span{display:block}.banned-account-status b{font-size:.76rem}.banned-account-status span{color:#78879e;font-size:.67rem}.banned-account-back{display:inline-flex;gap:.4rem;margin-top:1rem;color:#74839a;font-size:.68rem;text-decoration:none}.auth-appeal-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.55rem!important;color:#ff9a20!important;font-size:.72rem}
@media(max-width:620px){.ban-appeal-form{grid-template-columns:1fr}.ban-appeal-form__wide{grid-column:auto}.ban-appeal-card__foot{flex-direction:column}.ban-appeal-card,.banned-account-card{border-radius:22px}}

/* ============================================
   Full functional footer — 2026-07-21
   ============================================ */
#footer.cp-footer {
  position: relative;
  margin-top: clamp(3.5rem, 7vw, 7rem);
  padding: 0 !important;
  border-top: 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,145,24,.12), transparent 31%),
    radial-gradient(circle at 90% 16%, rgba(71,107,255,.08), transparent 28%),
    linear-gradient(180deg, rgba(8,13,25,.28), rgba(5,9,18,.98) 25%);
  overflow: hidden;
}
#footer.cp-footer::before { display: none !important; }
.cp-footer__halo {
  position: absolute;
  width: 620px;
  height: 350px;
  left: 50%;
  bottom: -270px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(255,139,20,.08);
  filter: blur(80px);
  pointer-events: none;
}
.cp-footer__wrap {
  position: relative;
  width: min(1280px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 0 0 1rem;
}
.cp-footer__support {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem,2.5vw,1.4rem);
  border: 1px solid rgba(255,155,28,.2);
  border-radius: 22px;
  background:
    linear-gradient(100deg, rgba(255,147,24,.12), rgba(255,147,24,.035) 45%, rgba(255,255,255,.025)),
    rgba(13,20,36,.92);
  box-shadow: 0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  overflow: hidden;
}
.cp-footer__support::after {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  right: -115px;
  top: -160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,157,34,.18), transparent 67%);
  pointer-events: none;
}
.cp-footer__support-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg,#ffad32,#ff7800);
  color: #111827;
  font-size: 1.2rem;
  box-shadow: 0 10px 30px rgba(255,130,0,.27);
}
.cp-footer__support-copy { min-width: 0; }
.cp-footer__support-copy > span {
  display: block;
  margin-bottom: .22rem;
  color: #ff9e28;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.cp-footer__support-copy h2 {
  margin: 0;
  color: #f7f9fd;
  font-size: clamp(1rem,2vw,1.22rem);
  letter-spacing: -.035em;
}
.cp-footer__support-copy p {
  max-width: 660px;
  margin: .35rem 0 0;
  color: #8190a6;
  font-size: .74rem;
  line-height: 1.55;
}
.cp-footer__support-actions { position: relative; z-index: 1; display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; justify-content: flex-end; }
.cp-footer__support-primary,.cp-footer__support-secondary {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 0 .9rem;
  border-radius: 12px;
  font-size: .7rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.cp-footer__support-primary { border: 1px solid transparent; background: linear-gradient(145deg,#ffab2e,#ff7600); color: #111827; box-shadow: 0 8px 24px rgba(255,128,0,.22); }
.cp-footer__support-secondary { max-width: 260px; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.035); color: #b9c5d8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-footer__support-primary:hover,.cp-footer__support-secondary:hover { transform: translateY(-2px); }
.cp-footer__support-primary:hover { box-shadow: 0 12px 30px rgba(255,128,0,.32); }
.cp-footer__support-secondary:hover { color: #fff; border-color: rgba(255,159,28,.25); background: rgba(255,159,28,.07); }
.cp-footer__trust {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .7rem;
  padding: 1.05rem 0;
  border-bottom: 1px solid rgba(255,255,255,.065);
}
.cp-footer__trust > div { display: flex; align-items: center; gap: .65rem; min-width: 0; padding: .55rem .7rem; }
.cp-footer__trust > div > i {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,159,28,.16);
  border-radius: 11px;
  background: rgba(255,159,28,.07);
  color: #ff9e25;
  font-size: .82rem;
}
.cp-footer__trust span { min-width: 0; display: flex; flex-direction: column; gap: .12rem; }
.cp-footer__trust b { color: #dfe5ef; font-size: .7rem; }
.cp-footer__trust small { color: #637289; font-size: .59rem; line-height: 1.4; }
.cp-footer__grid {
  display: grid;
  grid-template-columns: minmax(270px,1.25fr) repeat(3,minmax(150px,.65fr));
  gap: clamp(1.4rem,4vw,4rem);
  padding: clamp(1.7rem,4vw,2.8rem) 0;
}
.cp-footer__brand { min-width: 0; }
.cp-footer__logo { display: inline-flex; align-items: center; gap: .75rem; color: #f7f9fd; text-decoration: none; }
.cp-footer__logo-mark {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.cp-footer__logo-mark img { width: 41px; height: 41px; }
.cp-footer__logo b { display: block; font-size: 1.02rem; letter-spacing: -.045em; line-height: 1.05; }
.cp-footer__logo small { display: block; margin-top: .24rem; color: #617089; font-size: .47rem; letter-spacing: .13em; font-weight: 850; }
.cp-footer__brand > p { max-width: 360px; margin: .9rem 0 1rem; color: #75849a; font-size: .72rem; line-height: 1.65; }
.cp-footer__socials { display: flex; gap: .45rem; flex-wrap: wrap; }
.cp-footer__social {
  --cp-social-rgb: 148,163,184;
  min-height: 37px;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: 0 .68rem;
  border: 1px solid rgba(var(--cp-social-rgb),.28);
  border-radius: 11px;
  background: linear-gradient(145deg,rgba(var(--cp-social-rgb),.14),rgba(var(--cp-social-rgb),.055));
  color: rgb(var(--cp-social-rgb));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04),0 7px 20px rgba(var(--cp-social-rgb),.055);
  font-size: .62rem;
  font-weight: 780;
  text-decoration: none;
  transition: transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.cp-footer__social i { color: inherit; font-size: .8rem; filter: drop-shadow(0 0 8px rgba(var(--cp-social-rgb),.24)); }
.cp-footer__social.telegram { --cp-social-rgb: 42,171,238; }
.cp-footer__social.discord { --cp-social-rgb: 88,101,242; }
.cp-footer__social.youtube { --cp-social-rgb: 255,55,66; }
.cp-footer__social:hover { color: #fff; transform: translateY(-2px); border-color: rgba(var(--cp-social-rgb),.55); background: linear-gradient(145deg,rgba(var(--cp-social-rgb),.28),rgba(var(--cp-social-rgb),.12)); box-shadow: 0 10px 24px rgba(var(--cp-social-rgb),.14),inset 0 1px 0 rgba(255,255,255,.08); }
.cp-footer__column { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: .52rem; }
.cp-footer__column h3 { margin: 0 0 .32rem; color: #f0f3f9; font-size: .78rem; letter-spacing: -.02em; }
.cp-footer__column a { color: #75849a; font-size: .67rem; font-weight: 650; line-height: 1.35; text-decoration: none; cursor: pointer; transition: color .16s ease, transform .16s ease; }
.cp-footer__column a:hover { color: #ff9e25; transform: translateX(2px); }
.cp-footer__column a i { margin-left: .25rem; font-size: .52rem; }
.cp-footer__bottom {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: .8rem 0;
  border-top: 1px solid rgba(255,255,255,.065);
  color: #53627a;
}
.cp-footer__bottom > div { display: flex; align-items: center; gap: .45rem; font-size: .58rem; font-weight: 650; }
.cp-footer__bottom > div span + span::before { content: "•"; margin-right: .45rem; color: #39465a; }
.cp-footer__developer { color: #d89535; font-weight: 800; letter-spacing: .01em; }
.cp-footer__bottom p { margin: 0; text-align: center; font-size: .56rem; line-height: 1.5; }
.cp-footer__top {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  padding: 0 .68rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  color: #8290a6;
  font: 750 .6rem/1 inherit;
  cursor: pointer;
  transition: .18s ease;
}
.cp-footer__top:hover { color: #fff; border-color: rgba(255,159,28,.24); background: rgba(255,159,28,.065); transform: translateY(-1px); }

@media(max-width:1000px){
  .cp-footer__support { grid-template-columns: auto 1fr; }
  .cp-footer__support-actions { grid-column: 1/-1; justify-content: flex-start; padding-left: 70px; }
  .cp-footer__grid { grid-template-columns: 1.2fr repeat(2,minmax(150px,.7fr)); }
  .cp-footer__column:last-child { grid-column: 2/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cp-footer__column:last-child h3 { grid-column: 1/-1; }
}
@media(max-width:760px){
  .cp-footer__wrap { width: min(100% - 1.2rem,1280px); }
  .cp-footer__support { grid-template-columns: 1fr; gap: .75rem; }
  .cp-footer__support-icon { width: 46px; height: 46px; }
  .cp-footer__support-actions { grid-column: auto; padding-left: 0; justify-content: stretch; }
  .cp-footer__support-primary,.cp-footer__support-secondary { flex: 1 1 210px; }
  .cp-footer__trust { grid-template-columns: 1fr; gap: .15rem; padding: .75rem 0; }
  .cp-footer__grid { grid-template-columns: 1fr 1fr; gap: 1.5rem 1rem; }
  .cp-footer__brand { grid-column: 1/-1; }
  .cp-footer__column:last-child { grid-column: auto; display: flex; }
  .cp-footer__column:last-child h3 { grid-column: auto; }
  .cp-footer__bottom { grid-template-columns: 1fr auto; }
  .cp-footer__bottom p { grid-column: 1/-1; grid-row: 2; text-align: left; }
}
@media(max-width:480px){
  .cp-footer__support-actions { flex-direction: column; align-items: stretch; }
  .cp-footer__support-primary,.cp-footer__support-secondary { width: 100%; flex-basis: auto; }
  .cp-footer__grid { grid-template-columns: 1fr; }
  .cp-footer__brand { grid-column: auto; }
  .cp-footer__social span { display: none; }
  .cp-footer__social { width: 37px; padding: 0; justify-content: center; }
  .cp-footer__bottom > div { flex-direction: column; align-items: flex-start; gap: .15rem; }
  .cp-footer__bottom > div span + span::before { display: none; }
  .cp-footer__top span { display: none; }
  .cp-footer__top { width: 36px; padding: 0; justify-content: center; }
}

/* Footer v6 — full-site foundation, not a detached card */
#footer.cp-footer {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  border-top: 1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 14% 0%, rgba(255,145,24,.095), transparent 36%),
    radial-gradient(circle at 86% 18%, rgba(72,112,255,.055), transparent 30%),
    linear-gradient(180deg, rgba(9,14,25,.9), #060a12 26%, #05080f 100%);
}
.cp-footer__wrap {
  width: min(1380px, calc(100% - clamp(1.4rem,5vw,5rem)));
  padding-top: clamp(1.25rem,3vw,2.2rem);
}
.cp-footer__support {
  padding: .25rem 0 clamp(1.35rem,3vw,2rem);
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.075);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.cp-footer__support::after { display: none; }
.cp-footer__support-icon {
  width: 50px;
  height: 50px;
  border-radius: 15px;
}
.cp-footer__support-copy > span { font-size: .72rem; }
.cp-footer__support-copy h2 { font-size: clamp(1.12rem,2vw,1.4rem); }
.cp-footer__support-copy p { color: #91a0b5; font-size: .86rem; }
.cp-footer__support-primary,.cp-footer__support-secondary { min-height: 44px; font-size: .8rem; }
.cp-footer__trust b { font-size: .8rem; }
.cp-footer__trust small { color: #718097; font-size: .7rem; }
.cp-footer__logo small { font-size: .58rem; }
.cp-footer__brand > p { color: #8291a8; font-size: .82rem; }
.cp-footer__social { font-size: .72rem; }
.cp-footer__column h3 { font-size: .9rem; }
.cp-footer__column a { color: #8796ac; font-size: .78rem; line-height: 1.5; }
.cp-footer__bottom { color: #718097; }
.cp-footer__bottom > div { font-size: .68rem; }
.cp-footer__bottom p { font-size: .66rem; }
.cp-footer__top { font-size: .68rem; }
@media(max-width:760px){
  .cp-footer__wrap { width: calc(100% - 1.5rem); }
  .cp-footer__support { padding-top: .2rem; }
}


/* =====================================================
   Footer refresh — integrated full-width base footer
   ===================================================== */
#footer.cp-footer{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:0;
  border-top:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 12% 0%, rgba(255,145,24,.12), transparent 34%),
    radial-gradient(circle at 85% 18%, rgba(84,116,255,.07), transparent 28%),
    linear-gradient(180deg,#0a1020 0%, #070c17 100%);
}
.cp-footer__halo{display:none;}
.cp-footer__wrap{
  width:min(1320px, calc(100% - clamp(1.5rem, 5vw, 4rem)));
  margin:0 auto;
  padding:clamp(1.4rem, 2.7vw, 2rem) 0 1rem;
}
.cp-footer__support{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:0 0 1.2rem;
  margin:0 0 1.35rem;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.cp-footer__support-icon{display:none;}
.cp-footer__support-copy span{display:inline-block;margin-bottom:.32rem;color:#ff9a1b;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;}
.cp-footer__support-copy h2{margin:0;font-size:clamp(1.16rem,2.2vw,1.5rem);letter-spacing:-.03em;color:#f7f9fc;}
.cp-footer__support-copy p{margin:.35rem 0 0;color:#92a0b5;font-size:.84rem;line-height:1.55;}
.cp-footer__support-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end;}
.cp-footer__support-primary,.cp-footer__support-secondary{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:0 .95rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#e6ecf6;
  text-decoration:none;
  font-size:.82rem;
  font-weight:700;
}
.cp-footer__support-primary{background:linear-gradient(135deg,#ffad32,#ff7b00);border-color:transparent;color:#111827;box-shadow:0 10px 24px rgba(255,145,24,.2);} 
.cp-footer__support-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(255,145,24,.25);} 
.cp-footer__support-secondary:hover{border-color:rgba(255,159,28,.25);background:rgba(255,159,28,.06);color:#fff;}
.cp-footer__trust{display:none;}
.cp-footer__grid{
  display:grid;
  grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(160px,.9fr));
  gap:1.4rem;
  align-items:start;
}
.cp-footer__brand{min-width:0;}
.cp-footer__logo{display:inline-flex;align-items:center;gap:.9rem;text-decoration:none;}
.cp-footer__logo-mark{
  width:52px;height:52px;flex:0 0 52px;border-radius:16px;
  display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.cp-footer__logo-mark img{width:42px;height:42px;display:block;}
.cp-footer__logo b{display:block;color:#f4f7fd;font-size:1rem;letter-spacing:-.03em;}
.cp-footer__logo small{display:block;margin-top:.22rem;color:#63728a;font-size:.56rem;font-weight:800;letter-spacing:.13em;}
.cp-footer__brand>p{max-width:380px;margin:.85rem 0 1rem;color:#8593a8;font-size:.8rem;line-height:1.65;}
.cp-footer__socials{display:flex;gap:.5rem;flex-wrap:wrap;}
.cp-footer__social{
  min-height:38px;display:inline-flex;align-items:center;gap:.45rem;padding:0 .72rem;
  border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);
  color:#a8b4c8;text-decoration:none;font-size:.7rem;font-weight:700;transition:.18s ease;
}
.cp-footer__social:hover{color:#fff;border-color:rgba(255,159,28,.24);background:rgba(255,159,28,.06);transform:translateY(-1px);}
.cp-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0;}
.cp-footer__column h3{margin:0 0 .2rem;color:#f2f5fa;font-size:.85rem;letter-spacing:-.02em;}
.cp-footer__column a{color:#8b99af;text-decoration:none;font-size:.77rem;font-weight:650;line-height:1.45;transition:color .16s ease,transform .16s ease;}
.cp-footer__column a:hover{color:#ff9e25;transform:translateX(2px);}
.cp-footer__bottom{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:1rem;
  margin-top:1.35rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.07);
  color:#74839a;
}
.cp-footer__bottom-copy{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;font-size:.68rem;font-weight:650;}
.cp-footer__bottom-copy span+span::before{content:'•';margin-right:.55rem;color:#495669;}
.cp-footer__bottom-links{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;}
.cp-footer__bottom-links a{color:#8796ac;text-decoration:none;font-size:.75rem;font-weight:650;cursor:pointer;}
.cp-footer__bottom-links a:hover{color:#ff9e25;}
.cp-footer__top{
  min-height:38px;display:inline-flex;align-items:center;gap:.4rem;padding:0 .8rem;
  border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);
  color:#8b99af;font:750 .7rem/1 inherit;cursor:pointer;transition:.18s ease;
}
.cp-footer__top:hover{color:#fff;border-color:rgba(255,159,28,.24);background:rgba(255,159,28,.06);transform:translateY(-1px);}
@media(max-width:960px){
  .cp-footer__support{flex-direction:column;align-items:flex-start;}
  .cp-footer__support-actions{justify-content:flex-start;}
  .cp-footer__grid{grid-template-columns:1.2fr 1fr 1fr;}
  .cp-footer__brand{grid-column:1/-1;}
}
@media(max-width:720px){
  .cp-footer__wrap{width:calc(100% - 1.25rem);padding-top:1.2rem;}
  .cp-footer__grid{grid-template-columns:1fr 1fr;gap:1.1rem .9rem;}
  .cp-footer__bottom{grid-template-columns:1fr;justify-items:start;}
  .cp-footer__bottom-links{justify-content:flex-start;}
}
@media(max-width:480px){
  .cp-footer__grid{grid-template-columns:1fr;}
  .cp-footer__support-actions{width:100%;}
  .cp-footer__support-primary,.cp-footer__support-secondary{flex:1 1 100%;width:100%;}
  .cp-footer__social span,.cp-footer__top span{display:none;}
  .cp-footer__social,.cp-footer__top{width:38px;padding:0;justify-content:center;}
  .cp-footer__bottom-copy{flex-direction:column;align-items:flex-start;gap:.15rem;}
  .cp-footer__bottom-copy span+span::before{display:none;}
}


/* 2026-07-23 footer seamless integration */
#footer.cp-footer{
  margin-top:2.1rem!important;
  padding:0 clamp(.85rem,2.5vw,1.6rem) 1rem!important;
  background:transparent!important;
  border-top:0!important;
  box-shadow:none!important;
}
#footer.cp-footer::before{display:none!important;}
#footer .cp-footer__wrap{
  width:min(100%,1280px);
  margin:0 auto;
  padding:1.4rem 0 0;
  border-top:1px solid rgba(255,255,255,.05);
}
#footer .cp-footer__support{
  margin:0 0 1.3rem;
  padding:0 0 1.15rem;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.06);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#footer .cp-footer__support-copy>span{font-size:.74rem;}
#footer .cp-footer__support-copy h2{font-size:clamp(1.08rem,2vw,1.36rem);}
#footer .cp-footer__support-copy p{max-width:520px;color:#98a6ba;}
#footer .cp-footer__support-actions{justify-content:flex-start;}
#footer .cp-footer__support-primary,#footer .cp-footer__support-secondary{min-height:46px;border-radius:14px;}
#footer .cp-footer__grid{gap:1.6rem 1.15rem;}
#footer .cp-footer__logo-mark{background:rgba(255,255,255,.035);}
#footer .cp-footer__bottom{margin-top:1.2rem;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.05);}
@media (min-width: 980px){
  #footer .cp-footer__support{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;}
  #footer .cp-footer__support-actions{justify-content:flex-end;}
}


/* 2026-07-23 footer bottom pills */
.cp-footer__bottom-links{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;}
.cp-footer__bottom-links a{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:0 .85rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);color:#8ea0b8;text-decoration:none;font-size:.74rem;font-weight:700;transition:.18s ease;}
.cp-footer__bottom-links a:hover{color:#fff;border-color:rgba(255,159,28,.26);background:rgba(255,159,28,.06);transform:translateY(-1px);}


/* 2026-07-23 loader/site-name fit */
.app-preloader__name{max-width:min(92vw,420px);text-align:center;line-height:1.08;}


/* 2026-07-23 compact seller listing cards final override */
.listing-card-manage{padding:1.05rem;border-radius:24px;display:flex;flex-direction:column;gap:.9rem;overflow:hidden;}
.listing-card-manage .listing-manage-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.95rem;align-items:start;}
.listing-card-manage .listing-manage-media{position:relative;width:72px;height:72px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.listing-card-manage .listing-manage-media img{width:100%;height:100%;object-fit:cover;display:block;}
.listing-card-manage .listing-manage-media.no-image{display:grid;place-items:center;}
.listing-card-manage .listing-icon{width:40px;height:40px;margin:0 auto;border-radius:14px;font-size:1.45rem;background:linear-gradient(135deg,rgba(255,159,28,.22),rgba(255,255,255,.04));}
.listing-card-manage .listing-manage-media-del{position:absolute;top:6px;right:6px;width:24px;height:24px;border:none;border-radius:999px;background:rgba(10,14,27,.78);color:#fff;display:grid;place-items:center;cursor:pointer;}
.listing-card-manage .listing-manage-head-copy{min-width:0;display:flex;flex-direction:column;gap:.5rem;padding-top:.15rem;}
.listing-card-manage .listing-manage-status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0;}
.listing-card-manage .listing-manage-status small{color:var(--text-3);font-size:.76rem;white-space:nowrap;}
.listing-card-manage .listing-title{margin:0;font-size:1.05rem;line-height:1.14;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.listing-card-manage .listing-desc{margin:0;color:var(--text-3);font-size:.82rem;line-height:1.55;min-height:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.listing-card-manage .listing-gallery-thumbs{display:flex;gap:.5rem;overflow:auto;padding:.15rem .05rem .05rem;}
.listing-card-manage .listing-bottom{margin-top:auto;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.listing-card-manage .listing-price{font-size:2rem;line-height:1;font-weight:900;letter-spacing:-.045em;}
.listing-card-manage .row-actions{display:flex;gap:.45rem;flex-wrap:nowrap;}
.listing-card-manage .row-actions .btn{width:44px;min-width:44px;height:44px;padding:0;border-radius:14px;display:grid;place-items:center;box-shadow:none;}
.listing-card-manage .row-actions .btn i{margin:0;}
@media (max-width: 760px){.listing-card-manage{padding:.95rem}.listing-card-manage .listing-bottom{flex-direction:column;align-items:stretch}.listing-card-manage .row-actions{width:100%;justify-content:flex-end}}

/* 2026-07-23 mobile profile access + narrow listing-card overflow fix */
.listing-card-manage{
  container-type:inline-size;
  container-name:listing-manage-card;
  min-width:0;
}
.listing-card-manage .listing-bottom{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.listing-card-manage .listing-price{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.listing-card-manage .row-actions{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

@container listing-manage-card (max-width: 390px){
  .listing-card-manage .listing-bottom{
    flex-direction:column;
    align-items:stretch;
    gap:.75rem;
  }
  .listing-card-manage .row-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    justify-content:stretch;
  }
  .listing-card-manage .row-actions .btn{
    width:100%;
    min-width:0;
  }
}

@media (max-width:760px){
  .navbar,
  .navbar .nav-actions,
  .navbar .user-menu{overflow:visible!important;}
  .navbar .user-menu{z-index:3;}
  .navbar .user-dropdown{
    right:-.15rem;
    width:min(300px,calc(100vw - 1.2rem));
    min-width:0;
  }
  .mobile-menu{z-index:2000;justify-content:flex-start;padding:calc(1.2rem + env(safe-area-inset-top)) .8rem calc(1.2rem + env(safe-area-inset-bottom));gap:.42rem;}
  .mobile-menu button{max-width:420px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.035);font-size:.92rem;justify-content:flex-start;gap:.7rem;padding:.72rem .9rem;}
  .mobile-menu button:active{background:rgba(255,145,0,.11);border-color:rgba(255,145,0,.22);}
  .mobile-menu .mobile-profile-link{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.75rem;row-gap:.12rem;background:linear-gradient(135deg,rgba(255,145,0,.13),rgba(255,255,255,.035));border-color:rgba(255,145,0,.23);}
  .mobile-menu .mobile-profile-link i{grid-row:1/3;font-size:1.15rem;color:var(--accent);align-self:center;}
  .mobile-menu .mobile-profile-link span{font-weight:800;}
  .mobile-menu .mobile-profile-link small{color:var(--text-3);font-size:.7rem;font-weight:600;}
  html.mobile-nav-open,html.mobile-nav-open body{overflow:hidden;}

  /* Fallback for browsers without container queries. */
  .listing-card-manage .listing-bottom{flex-direction:column;align-items:stretch;gap:.75rem;}
  .listing-card-manage .row-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;}
  .listing-card-manage .row-actions .btn{width:100%;min-width:0;}
}


/* 2026-07-23 admin counters reliability + mobile listings + mobile floating top */
.cp-footer__top[hidden]{display:none!important;}
@media (min-width:761px){
  .cp-footer__top.mobile-floating{display:none!important;}
}
@media (max-width:760px){
  .cp-footer__top.mobile-floating{
    position:fixed;
    right:.9rem;
    bottom:calc(1rem + env(safe-area-inset-bottom));
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    justify-content:center;
    border-radius:14px;
    background:rgba(10,16,30,.9);
    border:1px solid rgba(255,159,28,.24);
    box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 0 1px rgba(255,159,28,.06);
    z-index:1400;
    backdrop-filter:blur(14px);
  }
  .cp-footer__top.mobile-floating span{display:none!important;}
  .cp-footer__top.mobile-floating i{font-size:.95rem;color:var(--accent);}

  .listings-grid{grid-template-columns:1fr!important;gap:.85rem!important;}
  .listing-card-premium{display:flex;flex-direction:column;}
  .listing-card-premium .listing-image{height:168px;}
  .listing-type-badge{
    max-width:calc(100% - 20px);
    font-size:.62rem;
    padding:.28rem .58rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .listing-card-premium .listing-card-body{padding:.95rem .95rem .25rem;}
  .listing-card-premium .listing-title{font-size:1rem;line-height:1.22;word-break:break-word;}
  .listing-card-premium .listing-desc{
    min-height:0;
    margin-bottom:.72rem;
    word-break:break-word;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }
  .listing-card-premium .listing-seller-row{align-items:flex-start;gap:.55rem;}
  .listing-card-premium .listing-seller-info{min-width:0;}
  .listing-card-premium .listing-seller-name,
  .listing-card-premium .listing-seller-username{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .listing-card-premium .listing-bottom{
    margin:0 .95rem;
    padding:.85rem 0 1rem;
    flex-direction:column;
    align-items:stretch;
    gap:.65rem;
  }
  .listing-card-premium .listing-price{font-size:1.7rem;line-height:1.05;}
  .listing-card-premium .listing-bottom .btn,
  .listing-card-premium .listing-bottom .listing-owner-hint{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}
@media (max-width:420px){
  .listing-card-premium .listing-image{height:154px;}
  .listing-card-premium .listing-title{font-size:.95rem;}
  .listing-card-premium .listing-desc{font-size:.78rem;}
}

/* 2026-07-28 — Presentable profile communities and social-link editor */

.pf-owner-line{display:flex;align-items:center;gap:.34rem;margin-top:.3rem;color:#f6b54b;font-size:.64rem;font-weight:800;letter-spacing:.025em;}
.pf-owner-line i{font-size:.58rem;color:#ff9f1c;filter:drop-shadow(0 0 8px rgba(255,159,28,.32));}
.pf-community{
  position:relative;
  isolation:isolate;
  margin-top:1.35rem;
  padding:1.25rem;
  border:1px solid rgba(255,255,255,.075);
  border-radius:26px;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,159,28,.12),transparent 34%),
    radial-gradient(circle at 92% 10%,rgba(76,112,255,.10),transparent 30%),
    linear-gradient(145deg,rgba(20,25,38,.92),rgba(10,14,25,.92));
  box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}
.pf-community::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 84%);
}
.pf-community__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.15rem .15rem 0;}
.pf-community__kicker{display:inline-flex;align-items:center;gap:.42rem;margin-bottom:.5rem;color:#ffac3d;font-size:.68rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase;}
.pf-community__kicker i{font-size:.62rem;}
.pf-community__head h2{margin:0;color:#f6f8fc;font-size:1.12rem;line-height:1.2;letter-spacing:-.02em;}
.pf-community__head p{max-width:570px;margin:.36rem 0 0;color:#8491a8;font-size:.75rem;line-height:1.55;}
.pf-community__count{flex:0 0 auto;display:inline-flex;align-items:center;min-height:30px;padding:0 .72rem;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.035);color:#9eabc0;font-size:.66rem;font-weight:750;white-space:nowrap;}
.pf-community__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;}
.pf-community-card{
  --pf-social-rgb:255,159,28;
  position:relative;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) 30px;
  align-items:center;
  gap:.78rem;
  min-width:0;
  min-height:116px;
  padding:.9rem;
  border:1px solid rgba(var(--pf-social-rgb),.16);
  border-radius:19px;
  color:#f4f7fb;
  text-decoration:none;
  background:linear-gradient(140deg,rgba(var(--pf-social-rgb),.085),rgba(255,255,255,.022) 48%,rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.pf-community-card::after{content:"";position:absolute;width:130px;height:130px;right:-75px;bottom:-88px;border-radius:50%;background:rgba(var(--pf-social-rgb),.13);filter:blur(2px);transition:transform .25s ease,opacity .25s ease;}
.pf-community-card:hover{transform:translateY(-3px);border-color:rgba(var(--pf-social-rgb),.37);background:linear-gradient(140deg,rgba(var(--pf-social-rgb),.14),rgba(255,255,255,.035) 56%,rgba(255,255,255,.018));box-shadow:0 15px 32px rgba(0,0,0,.22),0 0 0 1px rgba(var(--pf-social-rgb),.035) inset;color:#fff;}
.pf-community-card:hover::after{transform:scale(1.18);opacity:.9;}
.pf-community-card__icon{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(var(--pf-social-rgb),.22);border-radius:15px;background:rgba(var(--pf-social-rgb),.13);color:rgb(var(--pf-social-rgb));font-size:1.18rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.055);}
.pf-community-card__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
.pf-community-card__eyebrow{margin-bottom:.12rem;color:rgb(var(--pf-social-rgb));font-size:.61rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;}
.pf-community-card__content strong{font-size:.91rem;line-height:1.22;}
.pf-community-card__content small{display:block;margin-top:.18rem;color:#8491a8;font-size:.66rem;line-height:1.38;}
.pf-community-card__address{display:block;max-width:100%;margin-top:.45rem;padding:.2rem .45rem;border:1px solid rgba(255,255,255,.065);border-radius:7px;background:rgba(0,0,0,.14);color:#aeb9ca;font-size:.59rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pf-community-card__arrow{position:relative;z-index:1;width:30px;height:30px;display:grid;place-items:center;justify-self:end;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);color:#6f7d93;font-size:.68rem;transition:.22s ease;}
.pf-community-card:hover .pf-community-card__arrow{border-color:rgba(var(--pf-social-rgb),.23);background:rgba(var(--pf-social-rgb),.10);color:rgb(var(--pf-social-rgb));transform:translate(1px,-1px);}
.pf-community-card--telegram{--pf-social-rgb:45,170,235;}
.pf-community-card--telegram-group{--pf-social-rgb:93,133,255;}
.pf-community-card--vk{--pf-social-rgb:63,138,224;}
.pf-community-card--discord{--pf-social-rgb:139,126,255;}
.pf-community-card--youtube{--pf-social-rgb:255,83,99;}
.pf-community-card--twitch{--pf-social-rgb:174,106,255;}
.pf-community-card--website{--pf-social-rgb:64,216,171;}

.pf-form--profile-settings{max-width:760px;width:100%;}
.pf-social-editor{margin:1.6rem 0 1.25rem;padding:1.05rem;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,rgba(255,159,28,.055),rgba(255,255,255,.018) 42%,rgba(76,112,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.pf-social-editor__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem;}
.pf-social-editor__heading{display:flex;align-items:flex-start;gap:.7rem;min-width:0;}
.pf-social-editor__head-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,159,28,.2);border-radius:13px;background:rgba(255,159,28,.1);color:#ffab35;}
.pf-social-editor__heading h4{margin:.08rem 0 .18rem;color:#f4f7fb;font-size:.93rem;}
.pf-social-editor__heading p{max-width:520px;margin:0;color:#7f8da4;font-size:.68rem;line-height:1.5;}
.pf-social-editor__visibility{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;min-height:29px;padding:0 .62rem;border:1px solid rgba(64,216,171,.16);border-radius:999px;background:rgba(64,216,171,.07);color:#73dfbd;font-size:.61rem;font-weight:800;white-space:nowrap;}
.pf-social-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
.pf-social-field{--pf-field-rgb:255,159,28;display:grid;grid-template-columns:38px minmax(0,1fr);gap:.65rem;align-items:start;min-width:0;margin:0;padding:.72rem;border:1px solid rgba(var(--pf-field-rgb),.12);border-radius:15px;background:rgba(var(--pf-field-rgb),.035);cursor:text;transition:border-color .18s ease,background .18s ease,transform .18s ease;}
.pf-social-field:focus-within{border-color:rgba(var(--pf-field-rgb),.34);background:rgba(var(--pf-field-rgb),.07);transform:translateY(-1px);}
.pf-social-field__icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(var(--pf-field-rgb),.18);border-radius:12px;background:rgba(var(--pf-field-rgb),.10);color:rgb(var(--pf-field-rgb));font-size:.92rem;}
.pf-social-field__body{display:block;min-width:0;}
.pf-social-field__label{display:block;margin:.02rem 0 .36rem;color:#dce4f0;font-size:.68rem;font-weight:800;}
.pf-social-field .form-input{width:100%;min-height:38px;padding:.52rem .65rem;border-color:rgba(255,255,255,.065);border-radius:10px;background:rgba(5,9,17,.38);font-size:.68rem;box-shadow:none;}
.pf-social-field .form-input:focus{border-color:rgba(var(--pf-field-rgb),.32);box-shadow:0 0 0 3px rgba(var(--pf-field-rgb),.065);}
.pf-social-field small{display:block;margin-top:.28rem;color:#68768d;font-size:.58rem;line-height:1.35;}
.pf-social-field--wide{grid-column:1/-1;}
.pf-social-field--telegram{--pf-field-rgb:45,170,235;}
.pf-social-field--telegram-group{--pf-field-rgb:93,133,255;}
.pf-social-field--vk{--pf-field-rgb:63,138,224;}
.pf-social-field--discord{--pf-field-rgb:139,126,255;}
.pf-social-field--youtube{--pf-field-rgb:255,83,99;}
.pf-social-field--twitch{--pf-field-rgb:174,106,255;}
.pf-social-field--website{--pf-field-rgb:64,216,171;}

@media(max-width:700px){
  .pf-community{padding:1rem;border-radius:22px;}
  .pf-community__head{align-items:flex-start;}
  .pf-community__count{display:none;}
  .pf-community__grid{grid-template-columns:1fr;}
  .pf-community-card{min-height:104px;grid-template-columns:46px minmax(0,1fr) 28px;padding:.8rem;}
  .pf-community-card__icon{width:46px;height:46px;border-radius:14px;}
  .pf-social-editor{padding:.85rem;border-radius:18px;}
  .pf-social-editor__visibility{display:none;}
  .pf-social-editor__grid{grid-template-columns:1fr;}
  .pf-social-field--wide{grid-column:auto;}
}
@media(max-width:430px){
  .pf-community__head h2{font-size:1rem;}
  .pf-community__head p{font-size:.69rem;}
  .pf-community-card{gap:.62rem;}
  .pf-community-card__content small{display:none;}
  .pf-social-editor__head-icon{width:36px;height:36px;border-radius:11px;}
  .pf-social-field{grid-template-columns:34px minmax(0,1fr);padding:.62rem;}
  .pf-social-field__icon{width:34px;height:34px;border-radius:10px;}
}

/* Footer social identity and developer copyright — final cascade override */
#footer.cp-footer .cp-footer__social.telegram{--cp-social-rgb:42,171,238;}
#footer.cp-footer .cp-footer__social.discord{--cp-social-rgb:88,101,242;}
#footer.cp-footer .cp-footer__social.youtube{--cp-social-rgb:255,55,66;}
#footer.cp-footer .cp-footer__social{
  border-color:rgba(var(--cp-social-rgb),.30);
  background:linear-gradient(145deg,rgba(var(--cp-social-rgb),.16),rgba(var(--cp-social-rgb),.06));
  color:rgb(var(--cp-social-rgb));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 22px rgba(var(--cp-social-rgb),.07);
}
#footer.cp-footer .cp-footer__social i{color:inherit;filter:drop-shadow(0 0 8px rgba(var(--cp-social-rgb),.30));}
#footer.cp-footer .cp-footer__social:hover{
  color:#fff;
  border-color:rgba(var(--cp-social-rgb),.62);
  background:linear-gradient(145deg,rgba(var(--cp-social-rgb),.34),rgba(var(--cp-social-rgb),.15));
  box-shadow:0 11px 28px rgba(var(--cp-social-rgb),.18),inset 0 1px 0 rgba(255,255,255,.10);
  transform:translateY(-2px);
}
#footer.cp-footer .cp-footer__developer{color:#a68a67;}


/* Fixed beta tester role */
.pf-avatar.beta{background:linear-gradient(145deg,#fb8ec7,#a855f7);color:#fff;box-shadow:0 12px 28px rgba(244,114,182,.22)}
.user-avatar.beta{background:linear-gradient(145deg,#fb8ec7,#a855f7);color:#fff;box-shadow:0 0 18px rgba(244,114,182,.24)}
.pf-role-pill.role-beta{color:#f9a8d4;background:rgba(244,114,182,.11);border-color:rgba(244,114,182,.3)}


/* 2026-07-28 — FruitForge feedback identity, smooth navbar, owner badge and ownership license */

/* Keep both feedback pages in the same orange FruitForge visual system. */
.feedback-page--suggestions{
  --feedback-accent:#ff9f1c;
  --feedback-accent-rgb:255,159,28;
}
.feedback-page--suggestions .feedback-hero{
  background:
    radial-gradient(circle at 8% 20%,rgba(255,159,28,.16),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(255,111,0,.10),transparent 30%),
    linear-gradient(145deg,rgba(24,23,32,.97),rgba(8,13,28,.98));
}

/* Compositor-only navbar motion: no width/padding/font-size reflow while scrolling. */
#navbar.navbar,
#navbar.navbar.scrolled{
  width:min(1220px,calc(100% - 2rem))!important;
  max-width:1220px!important;
  top:.75rem!important;
  padding:.5rem 1.2rem!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  will-change:transform;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),background-color .24s ease,border-color .24s ease,box-shadow .24s ease!important;
  backdrop-filter:blur(15px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(145%)!important;
}
#navbar.navbar.scrolled{
  transform:translate3d(0,-4px,0);
  background:rgba(7,12,24,.91)!important;
  border-color:rgba(255,151,28,.14)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025)!important;
}
#navbar.navbar .cp-brand-mark,
#navbar.navbar.scrolled .cp-brand-mark{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
}
#navbar.navbar .cp-brand-word,
#navbar.navbar.scrolled .cp-brand-word{
  font-size:1.12rem!important;
}
#navbar.navbar .cp-brand-sub,
#navbar.navbar.scrolled .cp-brand-sub{
  display:block;
  max-height:1.2em!important;
  margin-top:.24rem!important;
  opacity:1!important;
  overflow:visible!important;
  transform:none!important;
}
#navbar.navbar .icon-btn,
#navbar.navbar.scrolled .icon-btn,
#navbar.navbar .user-avatar,
#navbar.navbar.scrolled .user-avatar{
  width:34px!important;
  height:34px!important;
}
#navbar.navbar .balance-badge,
#navbar.navbar.scrolled .balance-badge{
  padding:.32rem .7rem!important;
  font-size:.78rem!important;
}
#navbar.navbar .cp-brand-mark,
#navbar.navbar .cp-brand-word,
#navbar.navbar .cp-brand-sub,
#navbar.navbar .icon-btn,
#navbar.navbar .balance-badge,
#navbar.navbar .user-avatar{
  transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
@media(max-width:1024px){
  #navbar.navbar,#navbar.navbar.scrolled{
    width:calc(100% - 1.2rem)!important;
    max-width:none!important;
    padding:.45rem .7rem!important;
  }
}
@media(max-width:768px){
  #navbar.navbar,#navbar.navbar.scrolled{
    top:.3rem!important;
    margin:.3rem auto!important;
    width:calc(100% - .8rem)!important;
    padding:.42rem .52rem .42rem .62rem!important;
    transform:translate3d(0,0,0)!important;
    backdrop-filter:blur(12px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(135%)!important;
  }
  #navbar.navbar .cp-brand-mark,#navbar.navbar.scrolled .cp-brand-mark{
    width:36px!important;height:36px!important;flex-basis:36px!important;
  }
  #navbar.navbar .cp-brand-word,#navbar.navbar.scrolled .cp-brand-word{font-size:.82rem!important;}
  #navbar.navbar .cp-brand-sub,#navbar.navbar.scrolled .cp-brand-sub{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  #navbar.navbar,#navbar.navbar.scrolled{transition:none!important;transform:none!important;}
}

/* Owner identity now reads as a real status badge, like the Creator role. */
.pf-owner-line{
  display:inline-flex!important;
  width:max-content;
  align-items:center;
  gap:.42rem;
  margin:.1rem .4rem .55rem 0!important;
  padding:.32rem .72rem;
  border:1px solid rgba(255,159,28,.34);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,159,28,.17),rgba(255,111,0,.08));
  color:#ffc261!important;
  font-size:.72rem!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(255,126,0,.08);
}
.pf-owner-line i{
  color:#ffad32!important;
  font-size:.68rem!important;
  filter:drop-shadow(0 0 9px rgba(255,159,28,.42))!important;
}

/* Clickable copyright and ownership license. */
#footer.cp-footer .cp-footer__developer-button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  padding:0;
  border:0;
  background:none;
  color:#d6a55f;
  font-family:inherit;
  font-size:.58rem;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.01em;
  cursor:pointer;
  text-align:left;
  transition:color .18s ease,text-shadow .18s ease,transform .18s ease;
}
#footer.cp-footer .cp-footer__developer-button:hover,
#footer.cp-footer .cp-footer__developer-button:focus-visible{
  color:#ffb64a;
  text-shadow:0 0 18px rgba(255,159,28,.28);
  transform:translateY(-1px);
  outline:none;
}
.cp-footer__bottom > div .cp-footer__developer-button::before{
  content:"•";
  margin-right:.45rem;
  color:#39465a;
}
html.cp-license-open,html.cp-license-open body{overflow:hidden;}
.cp-license-overlay{
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  place-items:center;
  padding:1rem;
  background:rgba(2,5,12,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.cp-license-overlay[hidden]{display:none!important;}
.cp-license-overlay.is-open{opacity:1;visibility:visible;}
.cp-license-card{
  position:relative;
  width:min(620px,100%);
  max-height:min(88vh,760px);
  overflow:auto;
  padding:1.55rem;
  border:1px solid rgba(255,159,28,.20);
  border-radius:28px;
  background:
    radial-gradient(circle at 10% 0,rgba(255,159,28,.16),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(37,99,235,.09),transparent 38%),
    linear-gradient(155deg,rgba(20,25,38,.99),rgba(7,11,22,.99));
  box-shadow:0 34px 100px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.06);
  transform:translateY(16px) scale(.975);
  transition:transform .26s cubic-bezier(.2,.8,.2,1);
}
.cp-license-overlay.is-open .cp-license-card{transform:translateY(0) scale(1);}
.cp-license-close{
  position:absolute;
  top:1rem;
  right:1rem;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.045);
  color:#aab5c8;
  cursor:pointer;
  transition:.18s ease;
}
.cp-license-close:hover,.cp-license-close:focus-visible{color:#fff;border-color:rgba(255,159,28,.28);background:rgba(255,159,28,.10);outline:none;}
.cp-license-emblem{
  display:grid;
  width:58px;
  height:58px;
  place-items:center;
  margin-bottom:1rem;
  border:1px solid rgba(255,159,28,.28);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,159,28,.19),rgba(255,111,0,.07));
  color:#ffad32;
  font-size:1.35rem;
  box-shadow:0 14px 32px rgba(255,126,0,.10),inset 0 1px 0 rgba(255,255,255,.08);
}
.cp-license-kicker{display:block;margin-bottom:.4rem;color:#ffad32;font-size:.62rem;font-weight:900;letter-spacing:.15em;}
.cp-license-card h2{margin:0;padding-right:3rem;color:#f7f9ff;font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.045em;}
.cp-license-description{margin:.7rem 0 1.15rem;color:#9aa8bd;font-size:.82rem;line-height:1.7;}
.cp-license-description strong{color:#f5c071;}
.cp-license-owner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.75rem;
  margin-bottom:1rem;
  padding:.8rem;
  border:1px solid rgba(255,159,28,.18);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(255,159,28,.10),rgba(255,255,255,.025));
}
.cp-license-owner>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:rgba(255,159,28,.13);color:#ffb23e;}
.cp-license-owner div{display:flex;min-width:0;flex-direction:column;gap:.16rem;}
.cp-license-owner small{color:#8492a9;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.cp-license-owner strong{color:#f8fbff;font-size:.9rem;}
.cp-license-owner>i{color:#47dba8;filter:drop-shadow(0 0 8px rgba(71,219,168,.26));}
.cp-license-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
.cp-license-socials a{
  --license-social-rgb:255,159,28;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.65rem;
  min-width:0;
  padding:.72rem;
  border:1px solid rgba(var(--license-social-rgb),.20);
  border-radius:15px;
  background:rgba(var(--license-social-rgb),.065);
  color:rgb(var(--license-social-rgb));
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.cp-license-socials a.youtube{--license-social-rgb:255,67,77;}
.cp-license-socials a.twitch{--license-social-rgb:169,112,255;}
.cp-license-socials a.github{--license-social-rgb:220,226,235;}
.cp-license-socials a.vk{--license-social-rgb:50,145,255;}
.cp-license-socials a:hover{transform:translateY(-2px);border-color:rgba(var(--license-social-rgb),.45);background:rgba(var(--license-social-rgb),.12);box-shadow:0 12px 26px rgba(var(--license-social-rgb),.09);}
.cp-license-socials a>i:first-child{font-size:1rem;}
.cp-license-socials a>i:last-child{font-size:.55rem;opacity:.55;}
.cp-license-socials span{display:flex;min-width:0;flex-direction:column;gap:.12rem;}
.cp-license-socials small{color:#7f8da3;font-size:.55rem;font-weight:700;}
.cp-license-socials strong{overflow:hidden;color:#e8edf5;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap;}
.cp-license-note{display:flex;align-items:flex-start;gap:.48rem;margin:1rem 0 0;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.065);color:#718097;font-size:.62rem;line-height:1.55;}
.cp-license-note i{margin-top:.1rem;color:#ff9f1c;}
@media(max-width:560px){
  .cp-license-card{padding:1.15rem;border-radius:22px;}
  .cp-license-socials{grid-template-columns:1fr;}
  .cp-license-card h2{font-size:1.4rem;}
}
@media(prefers-reduced-motion:reduce){
  .cp-license-overlay,.cp-license-card{transition:none!important;}
}


/* 2026-07-28 — compact account menu and developer identity badge. */
.pf-coder-line{
  display:inline-flex;
  max-width:100%;
  width:max-content;
  align-items:center;
  gap:.42rem;
  margin:.1rem .4rem .55rem 0;
  padding:.32rem .72rem;
  border:1px solid rgba(44,225,166,.34);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(44,225,166,.16),rgba(21,143,120,.08));
  color:#72edc9;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.01em;
  line-height:1.25;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 22px rgba(44,225,166,.08);
  vertical-align:middle;
}
.pf-coder-line i{
  flex:0 0 auto;
  color:#54e9bf;
  font-size:.68rem;
  filter:drop-shadow(0 0 9px rgba(44,225,166,.42));
}

/* The avatar menu is intentionally limited to identity, balances and logout.
   Page navigation lives in the main navbar and the “Ещё” menu. */
#navbar .user-dropdown{
  max-height:min(460px,calc(100vh - 96px));
  overflow-y:auto;
  overscroll-behavior:contain;
}

@media(max-width:520px){
  .pf-coder-line{
    width:fit-content;
    max-width:calc(100vw - 3rem);
    border-radius:14px;
    padding:.42rem .68rem;
    font-size:.68rem;
  }
}

/* 2026-07-28 — light navbar motion, compact ownership copy and stacked profile identity. */
#navbar.navbar,
#navbar.navbar.scrolled{
  width:min(1220px,calc(100% - 2rem))!important;
  max-width:1220px!important;
  padding:.5rem 1.2rem!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  will-change:transform;
  transition:transform .26s cubic-bezier(.22,.75,.25,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
  backdrop-filter:blur(12px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(140%)!important;
}
#navbar.navbar.scrolled{
  transform:translate3d(0,-3px,0);
  background:rgba(7,12,24,.93)!important;
  border-color:rgba(255,159,28,.15)!important;
  box-shadow:0 13px 36px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.025)!important;
}
#navbar.navbar .cp-brand-word{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  line-height:1.02;
}
#navbar.navbar .cp-brand-sub{
  display:block!important;
  max-width:190px;
  max-height:1.1em!important;
  margin-top:.24rem!important;
  overflow:hidden!important;
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  white-space:nowrap;
  transition:opacity .2s ease,transform .24s cubic-bezier(.22,.75,.25,1),max-height .24s ease,margin-top .24s ease!important;
}
#navbar.navbar.scrolled .cp-brand-sub{
  max-height:0!important;
  margin-top:0!important;
  opacity:0!important;
  transform:translate3d(0,-5px,0)!important;
  pointer-events:none;
}
#navbar.navbar .cp-brand-mark,
#navbar.navbar.scrolled .cp-brand-mark,
#navbar.navbar .cp-brand-word,
#navbar.navbar.scrolled .cp-brand-word,
#navbar.navbar .icon-btn,
#navbar.navbar.scrolled .icon-btn,
#navbar.navbar .balance-badge,
#navbar.navbar.scrolled .balance-badge,
#navbar.navbar .user-avatar,
#navbar.navbar.scrolled .user-avatar{
  transform:none!important;
}

.pf-badge-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.42rem;
  margin:.05rem 0 .34rem;
}
.pf-badge-row .pf-role-pill,
.pf-badge-row .pf-tg-pill{
  margin:0!important;
}
.pf-owner-line,
.pf-coder-line{
  display:flex!important;
  width:max-content!important;
  max-width:100%;
  margin:.08rem 0 .6rem!important;
  white-space:normal;
}
.pf-owner-line{
  padding:.38rem .78rem!important;
  border-color:rgba(255,159,28,.38)!important;
  background:linear-gradient(135deg,rgba(255,159,28,.18),rgba(255,111,0,.07))!important;
  color:#ffc76d!important;
}
.pf-coder-line{
  padding:.38rem .78rem!important;
  border-color:rgba(44,225,166,.36)!important;
  background:linear-gradient(135deg,rgba(44,225,166,.17),rgba(21,143,120,.07))!important;
}

#footer.cp-footer .cp-footer__developer-button{
  max-width:min(100%,430px);
  white-space:normal;
}

@media(max-width:1024px){
  #navbar.navbar,#navbar.navbar.scrolled{
    width:calc(100% - 1.2rem)!important;
    max-width:none!important;
    padding:.45rem .7rem!important;
  }
}
@media(max-width:768px){
  #navbar.navbar,#navbar.navbar.scrolled{
    top:.3rem!important;
    margin:.3rem auto!important;
    width:calc(100% - .8rem)!important;
    padding:.42rem .52rem .42rem .62rem!important;
    transform:none!important;
  }
  #navbar.navbar .cp-brand-sub,
  #navbar.navbar.scrolled .cp-brand-sub{
    display:none!important;
  }
}
@media(max-width:520px){
  .pf-badge-row{gap:.35rem;margin-bottom:.38rem;}
  .pf-owner-line,.pf-coder-line{
    width:fit-content!important;
    max-width:calc(100vw - 3rem);
    border-radius:14px!important;
    padding:.44rem .68rem!important;
    font-size:.67rem!important;
    line-height:1.35!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #navbar.navbar,#navbar.navbar.scrolled,#navbar.navbar .cp-brand-sub{transition:none!important;}
}

/* === Special roles: YouTuber, Beta Tester, Developer ====================== */
.pf-avatar.youtuber,.user-avatar.youtuber,.adm-avatar.youtuber{
    background:linear-gradient(145deg,#ff4b4b,#8f1010);color:#fff;
    box-shadow:0 12px 28px rgba(255,55,55,.24);
}
.pf-role-pill.role-youtuber{
    color:#ff7777;background:rgba(255,55,55,.11);border-color:rgba(255,77,77,.32);
}
.user-avatar.youtuber{box-shadow:0 0 18px rgba(255,55,55,.27)}
.pf-role-avatar-lock{
    width:max-content;max-width:100%;margin:.85rem auto 0;padding:.55rem .8rem;border-radius:999px;
    display:flex;align-items:center;justify-content:center;gap:.45rem;color:#ffbd5c;
    background:rgba(255,159,28,.09);border:1px solid rgba(255,159,28,.24);font-size:.72rem;font-weight:700;
}
.pf-role-avatar-note{
    width:fit-content;max-width:min(100%,560px);margin:.75rem auto 0;padding:.55rem .75rem;border-radius:.7rem;
    display:flex;align-items:flex-start;justify-content:center;gap:.45rem;color:var(--text-3);
    background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);font-size:.68rem;line-height:1.5;text-align:left;
}
.pf-role-avatar-note i{color:var(--accent);margin-top:.12rem;flex-shrink:0}

/* Creator-only special role dashboard */
.special-role-hero{
    position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;
    padding:1.35rem 1.5rem;margin-bottom:1rem;border-radius:1.15rem;
    background:radial-gradient(circle at 90% 20%,rgba(255,159,28,.18),transparent 38%),linear-gradient(135deg,rgba(255,159,28,.09),rgba(15,23,42,.76));
    border:1px solid rgba(255,159,28,.2);
}
.special-role-hero>i{font-size:3.3rem;color:rgba(255,173,57,.25)}
.special-role-hero span{display:inline-flex;align-items:center;gap:.45rem;color:#ffb74c;font-size:.68rem;font-weight:800;letter-spacing:.12em}
.special-role-hero h3{font-size:1.15rem;margin:.42rem 0 .35rem;color:var(--text-1)}
.special-role-hero p{max-width:760px;margin:0;color:var(--text-3);font-size:.77rem;line-height:1.65}
.special-role-manage-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:1rem;margin-bottom:1rem}
.special-role-assign h3,.special-role-beta h3{margin:0;color:var(--text-1);font-size:1rem}
.special-role-assign h3 i{color:var(--accent);margin-right:.4rem}
.special-role-assign p,.special-role-beta p{color:var(--text-3);font-size:.75rem;line-height:1.6;margin:.4rem 0 1rem}
.special-role-beta__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.special-role-beta__head>i{font-size:1.65rem;color:#56e69d}
.special-role-beta__head span{text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;color:#7f93b6;font-weight:800}
.special-role-beta__state{display:flex;align-items:center;gap:.55rem;width:max-content;padding:.55rem .75rem;border-radius:.65rem;margin:.85rem 0 .75rem;font-size:.78rem}
.special-role-beta__state span{width:.65rem;height:.65rem;border-radius:50%}
.special-role-beta__state.is-on{color:#62e6a6;background:rgba(35,209,122,.09);border:1px solid rgba(35,209,122,.24)}
.special-role-beta__state.is-on span{background:#23d17a;box-shadow:0 0 15px rgba(35,209,122,.6)}
.special-role-beta__state.is-off{color:#f88b8b;background:rgba(244,83,83,.08);border:1px solid rgba(244,83,83,.2)}
.special-role-beta__state.is-off span{background:#f45353}
.special-role-beta__allowed{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.special-role-beta__allowed span{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .55rem;border-radius:.55rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:var(--text-2);font-size:.66rem}
.special-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.special-role-card{--role-rgb:255,159,28;position:relative;overflow:hidden;border-radius:1.05rem;padding:1.05rem;background:linear-gradient(155deg,rgba(var(--role-rgb),.08),rgba(10,17,32,.92) 42%);border:1px solid rgba(var(--role-rgb),.22)}
.special-role-card--red{--role-rgb:255,65,65}.special-role-card--green{--role-rgb:54,219,129}.special-role-card--blue{--role-rgb:47,164,255}
.special-role-card__top{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:.8rem;align-items:start}
.special-role-card__top img{width:68px;height:68px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--role-rgb),.45);box-shadow:0 0 22px rgba(var(--role-rgb),.14)}
.special-role-card__eyebrow{display:flex;align-items:center;gap:.35rem;color:rgb(var(--role-rgb));font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.special-role-card h3{margin:.25rem 0 .28rem;font-size:.97rem}.special-role-card p{margin:0;color:var(--text-3);font-size:.69rem;line-height:1.5}
.special-role-card__count{display:grid;place-items:center;min-width:31px;height:31px;padding:0 .45rem;border-radius:999px;background:rgba(var(--role-rgb),.1);border:1px solid rgba(var(--role-rgb),.25);color:rgb(var(--role-rgb));font-size:.75rem}
.special-role-card__rights{display:grid;gap:.42rem;margin:.9rem 0;padding:.75rem;border-radius:.75rem;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.045)}
.special-role-card__rights span{display:flex;align-items:center;gap:.42rem;color:var(--text-2);font-size:.66rem}.special-role-card__rights i{color:rgb(var(--role-rgb));font-size:.6rem}
.special-role-card__members{display:grid;gap:.5rem}.special-role-member{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.55rem;border-radius:.7rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.special-role-member__user{display:flex;align-items:center;gap:.55rem;min-width:0}.special-role-member__user img{width:36px;height:36px;border-radius:50%;object-fit:cover}.special-role-member__user strong,.special-role-member__user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.special-role-member__user strong{font-size:.72rem;color:var(--text-1)}.special-role-member__user small{font-size:.62rem;color:var(--text-3);margin-top:.12rem}
.special-role-empty{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem;color:var(--text-3);font-size:.68rem;border:1px dashed rgba(255,255,255,.09);border-radius:.7rem}
.adm-btn.compact{padding:.42rem .55rem;font-size:.62rem;flex-shrink:0}
@media(max-width:1100px){.special-role-grid{grid-template-columns:1fr}.special-role-manage-grid{grid-template-columns:1fr}}
@media(max-width:600px){.special-role-hero{padding:1rem}.special-role-hero>i{display:none}.special-role-card__top{grid-template-columns:56px minmax(0,1fr) auto}.special-role-card__top img{width:56px;height:56px}.special-role-member{align-items:flex-start;flex-direction:column}.special-role-member .adm-btn{width:100%;justify-content:center}}


.special-role-auto{display:inline-flex;align-items:center;gap:.38rem;padding:.48rem .62rem;border-radius:.58rem;background:rgba(47,164,255,.1);border:1px solid rgba(47,164,255,.25);color:#64bdff;font-size:.64rem;font-weight:800;white-space:nowrap}
.special-role-auto i{font-size:.58rem}

/* Fix special roles assignment form layout */
.special-role-assign .adm-card-pad{display:grid;grid-template-columns:1fr;gap:.95rem}
.special-role-assign .adm-field{min-width:0}
.special-role-assign .adm-select,.special-role-assign .adm-input{width:100%;max-width:100%}
.special-role-assign .adm-btn{width:100%;justify-content:center;min-height:46px;margin-top:.1rem;line-height:1.2;white-space:normal}
@media(max-width:600px){.special-role-assign .adm-card-pad{gap:.85rem}.special-role-assign .adm-btn{padding:.8rem .95rem;font-size:.86rem}}

/* Public seller reputation in profiles */
.pf-stat--sales .pf-stat-val{color:#58dba2}
.pf-stat--rating .pf-stat-val{color:#ffb43b}
.pf-rating-value{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;color:#ffb43b;white-space:nowrap}
.pf-rating-value i{font-size:.72em;filter:drop-shadow(0 0 8px rgba(255,180,59,.35))}
.pf-rating-empty{color:var(--text-3)}
.pf-review-item{display:flex;align-items:center;gap:.4rem;width:max-content;max-width:100%;margin:-.2rem 0 .65rem;padding:.32rem .5rem;border-radius:.48rem;background:rgba(255,159,28,.08);border:1px solid rgba(255,159,28,.16);color:#ffb65a;font-size:.65rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-review-item i{font-size:.58rem}
.pf-review-username{margin-top:.1rem;color:var(--text-3);font-size:.62rem}
.review-author .author-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
@media(max-width:600px){.pf-stat--rating{min-width:112px}.pf-stat-lbl{line-height:1.25}.pf-review-item{max-width:100%}}


/* Verified review and listing rating polish */
.listing-review-summary{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:.55rem 0;color:var(--text-2);font-size:.68rem}
.listing-review-summary span{display:inline-flex;align-items:center;gap:.32rem;font-weight:800}.listing-review-summary i{color:#f7b731}.listing-review-summary small{color:var(--text-3);font-size:.62rem}
.listing-review-summary.is-empty span{font-weight:600;color:var(--text-3)}.listing-review-summary.is-empty i{color:var(--text-3)}
.review-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.65rem}
.verified-review-badge,.legacy-review-badge{display:inline-flex;align-items:center;gap:.32rem;padding:.3rem .5rem;border-radius:999px;font-size:.58rem;font-weight:800;white-space:nowrap}
.verified-review-badge{color:#55e3a3;background:rgba(35,209,122,.09);border:1px solid rgba(35,209,122,.22)}
.legacy-review-badge{color:var(--text-3);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.review-author .author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.review-author a.author-name{color:var(--text-1);text-decoration:none}.review-author a.author-name:hover{color:var(--accent)}
.listing-modal-reviews{margin-top:1rem}.listing-modal-reviews h4{display:flex;align-items:center;gap:.45rem}
@media(max-width:600px){.review-card-head{align-items:flex-start}.verified-review-badge,.legacy-review-badge{white-space:normal}.listing-review-summary{align-items:flex-start}}


/* Mobile captcha, profile promocode, support email and password-field alignment audit 2026-07-28 */
.captcha-field{width:100%;min-width:0;margin-bottom:1rem}
.captcha-field__label{display:block;margin-bottom:.55rem;color:var(--text-2);font-weight:700;line-height:1.45}
.captcha-visual-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:stretch;gap:.55rem;width:100%;min-width:0;margin-bottom:.55rem}
.captcha-image-shell{width:100%;min-width:0;height:64px;overflow:hidden;border:1px solid var(--glass-border);border-radius:14px;background:rgba(12,18,32,.82)}
.captcha-image-shell #captchaImg,.wallet-captcha .captcha-image-shell #captchaImg{display:block;width:100%!important;max-width:none!important;height:100%!important;object-fit:fill;border:0!important;border-radius:0!important}
.captcha-refresh,.wallet-captcha #refreshCaptcha.captcha-refresh{position:relative;width:48px!important;min-width:48px;height:64px;min-height:64px!important;margin:0;padding:0!important;display:grid;place-items:center;border:1px solid rgba(255,159,28,.3);border-radius:14px!important;background:rgba(255,159,28,.07);color:var(--accent);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.captcha-refresh:hover,.captcha-refresh:focus-visible{background:rgba(255,159,28,.14);border-color:rgba(255,159,28,.5);outline:none}
.captcha-refresh:active{transform:scale(.97)}.captcha-refresh i{pointer-events:none}
.captcha-answer,.wallet-captcha #captchaInput.captcha-answer{display:block;width:100%!important;max-width:100%;min-width:0;min-height:52px;margin:0;padding-left:1rem;padding-right:1rem;border-radius:14px;letter-spacing:.22rem!important;font-weight:750;text-align:left}
.captcha-hint{display:block;margin-top:.4rem;color:var(--text-3);font-size:.68rem;line-height:1.45}
.pf-promo-card{min-width:0}.pf-promo-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.65rem;width:100%;min-width:0}
.pf-promo-input{display:block;width:100%!important;max-width:100%;min-width:0;min-height:50px;text-transform:uppercase}
.pf-promo-submit{min-height:50px;min-width:150px;justify-content:center;white-space:nowrap}
.support-auth-fallback{max-width:100%;flex-wrap:wrap;justify-content:center;overflow-wrap:anywhere}.support-auth-fallback span{color:var(--text-3)}.support-auth-fallback a{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:600px){
 .captcha-field{margin-bottom:.9rem}.captcha-field__label{font-size:.8rem}.captcha-visual-row{grid-template-columns:minmax(0,1fr) 46px;gap:.45rem}.captcha-image-shell{height:58px;border-radius:12px}
 .captcha-refresh,.wallet-captcha #refreshCaptcha.captcha-refresh{width:46px!important;min-width:46px;height:58px;min-height:58px!important;border-radius:12px!important}
 .captcha-answer,.wallet-captcha #captchaInput.captcha-answer{min-height:50px;font-size:16px;letter-spacing:.16rem!important}.captcha-hint{font-size:.64rem}
 .pf-promo-form{grid-template-columns:1fr;gap:.55rem}.pf-promo-submit{width:100%;min-width:0}.support-auth-fallback{display:flex;width:100%;padding:.7rem .75rem;font-size:.72rem}
}
@media(max-width:360px){.captcha-visual-row{grid-template-columns:minmax(0,1fr) 44px}.captcha-refresh,.wallet-captcha #refreshCaptcha.captcha-refresh{width:44px!important;min-width:44px}}

/* Homepage promo board and seller benefits refresh */
.promo-board-section,.seller-benefits-section{position:relative}
.promo-board-head{align-items:flex-end;gap:1rem}
.promo-board-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.62rem .9rem;border-radius:999px;background:rgba(255,159,28,.08);border:1px solid rgba(255,159,28,.18);color:#ffb24c;font-size:.76rem;font-weight:800;white-space:nowrap}
.promo-board{position:relative;overflow:hidden;padding:1.15rem 1.2rem 1rem;border-radius:1.55rem;background:linear-gradient(145deg,rgba(255,159,28,.08),rgba(8,14,30,.94) 48%,rgba(22,45,92,.68) 100%);border:1px solid rgba(255,159,28,.14);box-shadow:0 20px 50px rgba(2,8,23,.32)}
.promo-board::before{content:"";position:absolute;inset:auto -12% -38% auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,159,28,.16),rgba(255,159,28,0) 70%);pointer-events:none}
.promo-board__viewport{position:relative;min-height:320px}
.promo-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:center;opacity:0;transform:translateX(24px) scale(.985);pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.promo-slide.is-active{opacity:1;transform:translateX(0) scale(1);pointer-events:auto;position:relative}
.promo-slide__copy{display:grid;gap:.85rem;align-content:center;padding:.4rem .15rem .4rem .1rem}
.promo-slide__kicker{display:inline-flex;align-items:center;gap:.45rem;width:max-content;padding:.45rem .7rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#ffb95f;font-size:.73rem;font-weight:800;letter-spacing:.03em}
.promo-slide__copy h3{margin:0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.08;color:var(--text-1);max-width:14ch}
.promo-slide__copy p{margin:0;max-width:60ch;color:var(--text-2);font-size:.96rem;line-height:1.75}
.promo-slide__tags{display:flex;flex-wrap:wrap;gap:.55rem}
.promo-slide__tags span{display:inline-flex;align-items:center;padding:.5rem .72rem;border-radius:999px;background:rgba(6,12,26,.7);border:1px solid rgba(255,255,255,.08);color:var(--text-2);font-size:.76rem}
.promo-slide__visual{position:relative;display:grid;place-items:center;min-height:260px}
.promo-slide__orb{position:absolute;inset:auto auto 18px 50%;width:220px;height:220px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,159,28,.26),rgba(76,29,149,.14) 42%,rgba(255,159,28,0) 72%);filter:blur(6px)}
.promo-slide__poster{position:relative;width:min(100%,280px);aspect-ratio:1/1;border-radius:1.7rem;display:grid;place-items:center;gap:.75rem;padding:1.2rem;text-align:center;background:linear-gradient(160deg,rgba(15,23,42,.95),rgba(17,34,68,.78));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 40px rgba(0,0,0,.32)}
.promo-slide__poster::before{content:"";position:absolute;inset:12px;border-radius:1.25rem;border:1px dashed rgba(255,159,28,.28)}
.promo-slide__poster i{position:relative;font-size:2.2rem;color:var(--accent)}
.promo-slide__poster strong{position:relative;font-size:1.2rem;color:var(--text-1);letter-spacing:.06em}
.promo-slide__poster small{position:relative;font-size:.84rem;color:var(--text-3);letter-spacing:.16em;text-transform:uppercase}
.promo-board__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;margin-top:.65rem;border-top:1px solid rgba(255,255,255,.07)}
.promo-board__meta{display:flex;align-items:flex-start;gap:.55rem;color:var(--text-3);font-size:.8rem;line-height:1.6}
.promo-board__meta i{margin-top:.16rem;color:#ffb24c}
.promo-board__dots{display:flex;align-items:center;gap:.55rem;flex-shrink:0}
.promo-board__dots button{width:11px;height:11px;border:none;border-radius:999px;background:rgba(255,255,255,.18);cursor:pointer;transition:all .25s ease}
.promo-board__dots button.is-active{width:34px;background:linear-gradient(135deg,#ffa31a,#ff7b00);box-shadow:0 0 18px rgba(255,159,28,.35)}

.seller-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.seller-benefit-card{position:relative;overflow:hidden;padding:1.2rem 1.05rem 1.15rem;border-radius:1.35rem;background:linear-gradient(165deg,rgba(10,18,38,.94),rgba(8,13,28,.88));border:1px solid rgba(255,255,255,.06);min-height:100%;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.seller-benefit-card::before{content:"";position:absolute;inset:-30% auto auto -10%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,159,28,.16),rgba(255,159,28,0) 70%);pointer-events:none}
.seller-benefit-card:hover{transform:translateY(-4px);border-color:rgba(255,159,28,.18);box-shadow:0 20px 35px rgba(0,0,0,.22)}
.seller-benefit-card__icon{width:64px;height:64px;border-radius:1.1rem;display:grid;place-items:center;margin-bottom:1rem;background:linear-gradient(145deg,rgba(255,159,28,.18),rgba(255,159,28,.08));border:1px solid rgba(255,159,28,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.seller-benefit-card__icon i{font-size:1.3rem;color:var(--accent)}
.seller-benefit-card h3{position:relative;margin:0 0 .55rem;font-size:1.12rem;line-height:1.25;color:var(--text-1)}
.seller-benefit-card p{position:relative;margin:0;color:var(--text-2);font-size:.9rem;line-height:1.72}

@media(max-width:1100px){
  .promo-slide{grid-template-columns:1fr;min-height:0}
  .promo-slide__copy h3{max-width:none}
  .promo-slide__visual{min-height:220px}
  .seller-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .promo-board{padding:1rem}
  .promo-board-head{align-items:flex-start}
  .promo-board-badge{display:none}
  .promo-board__viewport{min-height:420px}
  .promo-slide__copy{gap:.75rem}
  .promo-slide__copy h3{font-size:1.5rem}
  .promo-slide__copy p{font-size:.88rem;line-height:1.65}
  .promo-slide__poster{width:min(100%,240px);border-radius:1.35rem}
  .promo-board__footer{flex-direction:column;align-items:flex-start}
  .promo-board__dots{align-self:center}
  .seller-benefits-grid{grid-template-columns:1fr}
}

/* Homepage refresh v2: SPA-safe autoplay and updated card details */
.home-section-kicker{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.55rem;color:#ffad3b;font-size:.7rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.home-ad-marquee .marquee-track span{color:var(--text-2)}
.home-ad-marquee .marquee-track i{color:var(--accent)}
.promo-board__viewport{overflow:hidden;min-height:320px}
.promo-board__track{display:flex;width:100%;animation:promoBoardAuto 15s cubic-bezier(.65,0,.35,1) infinite;will-change:transform}
.promo-board:hover .promo-board__track{animation-play-state:paused}
.promo-slide,.promo-slide.is-active{position:relative;inset:auto;flex:0 0 100%;min-width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:center;opacity:1;transform:none;pointer-events:auto;transition:none}
@keyframes promoBoardAuto{
  0%,28%{transform:translate3d(0,0,0)}
  33%,61%{transform:translate3d(-100%,0,0)}
  66%,94%{transform:translate3d(-200%,0,0)}
  100%{transform:translate3d(0,0,0)}
}
.promo-board__dots span{width:11px;height:11px;border-radius:999px;background:rgba(255,255,255,.18);animation:promoDotOne 15s linear infinite}
.promo-board__dots span:nth-child(2){animation-name:promoDotTwo}
.promo-board__dots span:nth-child(3){animation-name:promoDotThree}
@keyframes promoDotOne{0%,28%,100%{width:34px;background:#ff9418;box-shadow:0 0 16px rgba(255,159,28,.35)}33%,94%{width:11px;background:rgba(255,255,255,.18);box-shadow:none}}
@keyframes promoDotTwo{0%,28%,66%,100%{width:11px;background:rgba(255,255,255,.18);box-shadow:none}33%,61%{width:34px;background:#ff9418;box-shadow:0 0 16px rgba(255,159,28,.35)}}
@keyframes promoDotThree{0%,61%,100%{width:11px;background:rgba(255,255,255,.18);box-shadow:none}66%,94%{width:34px;background:#ff9418;box-shadow:0 0 16px rgba(255,159,28,.35)}}
.seller-benefit-card{padding:1.25rem 1.1rem 1.15rem}
.seller-benefit-card__number{position:absolute;right:1rem;top:.9rem;color:rgba(255,255,255,.07);font-size:2.15rem;font-weight:900;line-height:1;letter-spacing:-.08em}
.seller-benefit-card__link{position:relative;display:flex;align-items:center;gap:.45rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.06);color:#ffad3b;font-size:.72rem;font-weight:750}
.seller-benefit-card__link i{font-size:.62rem}
@media(max-width:1100px){
  .promo-slide,.promo-slide.is-active{grid-template-columns:1fr;min-height:0}
}
@media(max-width:700px){
  .promo-board__viewport{min-height:465px}
  .promo-slide,.promo-slide.is-active{align-content:start}
  .promo-slide__visual{min-height:210px}
  .promo-slide__poster{width:min(100%,210px)}
  .seller-benefit-card__number{font-size:1.8rem}
}
@media(prefers-reduced-motion:reduce){
  .promo-board__track{animation:none;transform:none}
  .promo-slide:not(:first-child){display:none}
  .promo-board__dots span{animation:none;width:11px}
  .promo-board__dots span:first-child{width:34px;background:#ff9418}
}

/* Modern "Why FruitForge Shop" homepage section */
.why-fruitforge-section{position:relative}
.why-fruitforge-head{margin-bottom:1.05rem}
.why-fruitforge-layout{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.5fr);gap:1rem;align-items:stretch}
.why-fruitforge-main{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:1.45rem;border-radius:1.45rem;background:linear-gradient(145deg,rgba(255,159,28,.13),rgba(11,18,36,.94) 48%,rgba(19,41,82,.76));border:1px solid rgba(255,159,28,.22);box-shadow:0 22px 52px rgba(2,8,23,.28)}
.why-fruitforge-main__glow{position:absolute;right:-80px;bottom:-100px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(255,159,28,.24),rgba(255,159,28,0) 70%);pointer-events:none}
.why-fruitforge-main__label{position:relative;display:inline-flex;align-items:center;gap:.45rem;width:max-content;padding:.48rem .7rem;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:#ffb34b;font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.why-fruitforge-main h3{position:relative;margin:1rem 0 .72rem;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.22;color:var(--text-1)}
.why-fruitforge-main p{position:relative;margin:0;color:var(--text-2);font-size:.9rem;line-height:1.75}
.why-fruitforge-main__steps{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.why-fruitforge-main__steps span{display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .58rem;border-radius:.65rem;background:rgba(4,10,23,.48);border:1px solid rgba(255,255,255,.07);color:var(--text-2);font-size:.69rem;font-weight:750}
.why-fruitforge-main__steps b{color:var(--accent);font-size:.62rem}
.why-fruitforge-main__steps>i{color:rgba(255,255,255,.2);font-size:.54rem}
.why-fruitforge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.why-fruitforge-card{position:relative;overflow:hidden;display:grid;grid-template-columns:54px minmax(0,1fr);gap:.85rem;align-items:start;padding:1.05rem;border-radius:1.2rem;background:linear-gradient(155deg,rgba(15,24,46,.92),rgba(7,13,28,.88));border:1px solid rgba(255,255,255,.065);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.why-fruitforge-card::after{content:"";position:absolute;right:-45px;bottom:-60px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,159,28,.1),rgba(255,159,28,0) 70%);pointer-events:none}
.why-fruitforge-card:hover{transform:translateY(-3px);border-color:rgba(255,159,28,.19);box-shadow:0 16px 30px rgba(0,0,0,.2)}
.why-fruitforge-card__icon{position:relative;width:54px;height:54px;border-radius:1rem;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,159,28,.17),rgba(255,159,28,.07));border:1px solid rgba(255,159,28,.2)}
.why-fruitforge-card__icon i{font-size:1.05rem;color:var(--accent)}
.why-fruitforge-card h3{position:relative;margin:.08rem 0 .42rem;color:var(--text-1);font-size:.94rem;line-height:1.35}
.why-fruitforge-card p{position:relative;margin:0;color:var(--text-3);font-size:.75rem;line-height:1.65}
@media(max-width:1050px){.why-fruitforge-layout{grid-template-columns:1fr}.why-fruitforge-main{min-height:290px}}
@media(max-width:700px){.why-fruitforge-grid{grid-template-columns:1fr}.why-fruitforge-main{padding:1.15rem;min-height:auto}.why-fruitforge-main__steps>i{display:none}.why-fruitforge-card{grid-template-columns:48px minmax(0,1fr);padding:.95rem}.why-fruitforge-card__icon{width:48px;height:48px}}

/* 2026-07-28 — keep the complete FruitForge Shop name visible on phones */
@media (max-width: 680px) {
  #navbar.navbar .cp-logo,
  #navbar.navbar.scrolled .cp-logo {
    flex: 1 1 auto!important;
    min-width: 0!important;
    max-width: none!important;
    gap: .38rem!important;
    overflow: visible!important;
  }
  #navbar.navbar .cp-brand-word,
  #navbar.navbar.scrolled .cp-brand-word {
    flex: 0 0 auto!important;
    width: auto!important;
    min-width: max-content!important;
    max-width: none!important;
    overflow: visible!important;
    text-overflow: clip!important;
    white-space: nowrap!important;
    font-size: clamp(.72rem, 3.45vw, .82rem)!important;
    letter-spacing: -.045em!important;
  }
  #navbar.navbar .nav-actions,
  #navbar.navbar.scrolled .nav-actions {
    margin-left: auto!important;
  }
}
@media (max-width: 390px) {
  #navbar.navbar,
  #navbar.navbar.scrolled {
    padding-left: .48rem!important;
    padding-right: .42rem!important;
  }
  #navbar.navbar .cp-brand-mark,
  #navbar.navbar.scrolled .cp-brand-mark {
    width: 32px!important;
    height: 32px!important;
    flex-basis: 32px!important;
  }
  #navbar.navbar .cp-brand-word,
  #navbar.navbar.scrolled .cp-brand-word {
    font-size: .7rem!important;
  }
  #navbar.navbar .nav-actions,
  #navbar.navbar.scrolled .nav-actions {
    gap: .2rem!important;
  }
  #navbar.navbar .mobile-toggle,
  #navbar.navbar.scrolled .mobile-toggle,
  #navbar.navbar .user-avatar,
  #navbar.navbar.scrolled .user-avatar {
    width: 34px!important;
    height: 34px!important;
  }
}

/* Safe user role assignment modal */
.special-role-field-note{display:flex;align-items:flex-start;gap:.38rem;margin-top:.12rem;color:var(--text-3);font-size:.66rem;line-height:1.55}
.special-role-field-note i{color:#ffb24c;margin-top:.16rem}
.role-assignment-modal{width:min(720px,100%);max-height:min(880px,calc(100vh - 2rem));overflow:hidden}
.role-assignment-modal .modal-header{align-items:flex-start;padding:1.15rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.07)}
.role-assignment-modal .modal-header h3{margin:.28rem 0 0;font-size:1.15rem;color:var(--text-1)}
.role-assignment-kicker{display:inline-flex;align-items:center;gap:.4rem;color:#ffb24c;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.role-assignment-modal .modal-body{padding:1.15rem;overflow-y:auto}
.role-assignment-user{display:flex;align-items:center;gap:.85rem;padding:.85rem;border-radius:1rem;background:linear-gradient(135deg,rgba(255,159,28,.07),rgba(255,255,255,.025));border:1px solid rgba(255,159,28,.14);margin-bottom:1rem}
.role-assignment-avatar{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:1rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);overflow:hidden;font-size:1.15rem;font-weight:900;color:var(--text-1)}
.role-assignment-avatar img{width:100%;height:100%;object-fit:cover}
.role-assignment-user__copy{display:grid;min-width:0;gap:.16rem}
.role-assignment-user__copy strong{font-size:.95rem;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.role-assignment-user__copy>span{font-size:.72rem;color:#58bfff}
.role-assignment-user__copy small{font-size:.68rem;color:var(--text-3);margin-top:.18rem}
.role-assignment-user__copy small b{color:#ffb24c}
.role-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.role-assignment-choice{--role-tone:148,163,184;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.72rem;width:100%;min-height:92px;padding:.78rem .8rem;border-radius:.9rem;text-align:left;background:linear-gradient(145deg,rgba(var(--role-tone),.055),rgba(8,14,28,.76));border:1px solid rgba(var(--role-tone),.14);color:var(--text-1);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.role-assignment-choice:hover{transform:translateY(-2px);border-color:rgba(var(--role-tone),.34);background:linear-gradient(145deg,rgba(var(--role-tone),.1),rgba(8,14,28,.84))}
.role-assignment-choice.is-selected{border-color:rgba(var(--role-tone),.58);background:linear-gradient(145deg,rgba(var(--role-tone),.15),rgba(8,14,28,.92));box-shadow:0 0 0 2px rgba(var(--role-tone),.08),0 12px 26px rgba(0,0,0,.18)}
.role-assignment-choice--gray{--role-tone:148,163,184}.role-assignment-choice--orange{--role-tone:255,159,28}.role-assignment-choice--purple{--role-tone:168,85,247}.role-assignment-choice--red{--role-tone:255,75,75}.role-assignment-choice--green{--role-tone:48,214,128}.role-assignment-choice--blue{--role-tone:55,165,255}
.role-assignment-choice__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:.75rem;background:rgba(var(--role-tone),.12);border:1px solid rgba(var(--role-tone),.22);color:rgb(var(--role-tone));font-size:1rem}
.role-assignment-choice__copy{display:grid;gap:.24rem;min-width:0}
.role-assignment-choice__copy strong{font-size:.78rem;color:var(--text-1)}
.role-assignment-choice__copy small{font-size:.64rem;line-height:1.5;color:var(--text-3)}
.role-assignment-choice__tag{position:absolute;right:.58rem;top:.5rem;padding:.23rem .42rem;border-radius:999px;background:rgba(var(--role-tone),.12);border:1px solid rgba(var(--role-tone),.2);color:rgb(var(--role-tone));font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.role-assignment-choice__check{align-self:end;color:rgb(var(--role-tone));font-size:.85rem;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease}
.role-assignment-choice.is-selected .role-assignment-choice__check{opacity:1;transform:scale(1)}
.role-assignment-note{display:flex;align-items:flex-start;gap:.55rem;margin:1rem 0;padding:.75rem .8rem;border-radius:.8rem;background:rgba(255,159,28,.055);border:1px solid rgba(255,159,28,.14);color:var(--text-2);font-size:.7rem;line-height:1.58}
.role-assignment-note>i{color:#ffb24c;margin-top:.16rem}.role-assignment-note b{color:var(--text-1)}
.role-assignment-confirm{width:100%;justify-content:center;min-height:46px}
.role-assignment-confirm:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}
@media(max-width:650px){
  .role-assignment-modal{max-height:calc(100vh - .7rem)}
  .role-assignment-modal .modal-header{padding:.9rem}
  .role-assignment-modal .modal-body{padding:.85rem}
  .role-assignment-grid{grid-template-columns:1fr}
  .role-assignment-choice{min-height:86px;grid-template-columns:40px minmax(0,1fr) auto;padding:.7rem}
  .role-assignment-choice__icon{width:40px;height:40px}
  .role-assignment-user{padding:.72rem}
  .role-assignment-avatar{width:52px;height:52px;flex-basis:52px}
}

/* =========================================================
   Major profile update: achievements, role themes, backgrounds
   and creator-controlled prefixes
   ========================================================= */
.ff-user-identity{display:inline-flex;align-items:center;gap:.45rem;min-width:0;max-width:100%;vertical-align:middle}
.ff-user-identity__name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ff-user-prefix{--prefix-start:#f59e0b;--prefix-end:var(--prefix-start);position:relative;display:inline-flex;align-items:center;gap:.3rem;flex:0 0 auto;padding:.28rem .52rem;border-radius:999px;color:#fff;font-size:.62rem;font-weight:900;line-height:1;letter-spacing:.03em;text-transform:none;background:linear-gradient(135deg,var(--prefix-start),var(--prefix-end));box-shadow:0 5px 18px color-mix(in srgb,var(--prefix-start) 24%,transparent);isolation:isolate;white-space:nowrap}
.ff-user-prefix::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:rgba(7,12,24,.64);z-index:-1}
.ff-user-prefix::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.42) 48%,transparent 72%);opacity:0;transform:translateX(-85%);pointer-events:none}
.ff-user-prefix i{font-size:.56rem;color:var(--prefix-start);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--prefix-start) 60%,transparent))}
.ff-user-prefix span{background:linear-gradient(135deg,var(--prefix-start),var(--prefix-end));-webkit-background-clip:text;background-clip:text;color:transparent}
.ff-user-prefix.is-animated::after{opacity:.7;animation:ffPrefixSweep 3.2s ease-in-out infinite}
.ff-user-prefix.is-animated span{background-size:220% 220%;animation:ffPrefixGradient 4.5s ease infinite}
@keyframes ffPrefixSweep{0%,15%{transform:translateX(-90%)}55%,100%{transform:translateX(90%)}}
@keyframes ffPrefixGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.pf-name .ff-user-identity{flex-wrap:wrap;gap:.6rem}
.pf-name .ff-user-prefix{font-size:.7rem;padding:.38rem .62rem}

.pf-hero{--profile-role:#94a3b8;--profile-role-2:#64748b;--profile-role-rgb:148,163,184;border:1px solid rgba(var(--profile-role-rgb),.22)!important;background:rgba(7,12,24,.9);box-shadow:0 24px 55px rgba(0,0,0,.24),0 0 0 1px rgba(var(--profile-role-rgb),.035) inset}
.pf-hero .pf-hero-bg{background:
    radial-gradient(circle at 14% 18%,rgba(var(--profile-role-rgb),.24),transparent 31%),
    radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--profile-role-2) 18%,transparent),transparent 36%),
    linear-gradient(135deg,rgba(var(--profile-role-rgb),.12),rgba(8,13,28,.94) 48%,rgba(var(--profile-role-rgb),.07))!important}
.pf-hero .pf-hero-bg::before,.pf-hero .pf-hero-bg::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.pf-hero .pf-hero-bg::before{width:260px;height:260px;right:-80px;top:-110px;border:1px solid rgba(var(--profile-role-rgb),.18);box-shadow:0 0 80px rgba(var(--profile-role-rgb),.12) inset}
.pf-hero .pf-hero-bg::after{width:160px;height:160px;left:16%;bottom:-95px;background:radial-gradient(circle,rgba(var(--profile-role-rgb),.16),transparent 68%);filter:blur(8px)}
.pf-hero .pf-avatar-wrap img,.pf-hero .pf-avatar{box-shadow:0 0 0 3px rgba(var(--profile-role-rgb),.12),0 14px 35px rgba(0,0,0,.35),0 0 28px rgba(var(--profile-role-rgb),.16)!important}
.pf-hero .pf-role-pill{border-color:rgba(var(--profile-role-rgb),.24)!important}
.profile-role-user{--profile-role:#94a3b8;--profile-role-2:#64748b;--profile-role-rgb:148,163,184}
.profile-role-worker{--profile-role:#60a5fa;--profile-role-2:#2563eb;--profile-role-rgb:96,165,250}
.profile-role-youtuber{--profile-role:#ff4d4d;--profile-role-2:#dc2626;--profile-role-rgb:255,77,77}
.profile-role-beta{--profile-role:#34d399;--profile-role-2:#059669;--profile-role-rgb:52,211,153}
.profile-role-admin{--profile-role:#a78bfa;--profile-role-2:#7c3aed;--profile-role-rgb:167,139,250}
.profile-role-developer{--profile-role:#22d3ee;--profile-role-2:#0284c7;--profile-role-rgb:34,211,238}
.profile-role-creator{--profile-role:#fbbf24;--profile-role-2:#f97316;--profile-role-rgb:251,191,36}

.profile-bg-ember{--profile-role:#f59e0b;--profile-role-2:#ea580c;--profile-role-rgb:245,158,11}
.profile-bg-ember .pf-hero-bg,.pf-background-card.profile-bg-ember .pf-background-card__preview,.personalization-background-admin.profile-bg-ember .personalization-background-admin__preview{background:radial-gradient(circle at 18% 25%,rgba(251,191,36,.38),transparent 30%),radial-gradient(circle at 86% 20%,rgba(239,68,68,.22),transparent 34%),linear-gradient(135deg,#241108,#111827 48%,#291309)!important}
.profile-bg-ocean{--profile-role:#38bdf8;--profile-role-2:#1d4ed8;--profile-role-rgb:56,189,248}
.profile-bg-ocean .pf-hero-bg,.pf-background-card.profile-bg-ocean .pf-background-card__preview,.personalization-background-admin.profile-bg-ocean .personalization-background-admin__preview{background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.32),transparent 34%),radial-gradient(circle at 82% 10%,rgba(29,78,216,.36),transparent 35%),linear-gradient(135deg,#06192b,#081225 52%,#071d43)!important}
.profile-bg-emerald{--profile-role:#34d399;--profile-role-2:#047857;--profile-role-rgb:52,211,153}
.profile-bg-emerald .pf-hero-bg,.pf-background-card.profile-bg-emerald .pf-background-card__preview,.personalization-background-admin.profile-bg-emerald .personalization-background-admin__preview{background:radial-gradient(circle at 18% 18%,rgba(52,211,153,.34),transparent 34%),radial-gradient(circle at 88% 22%,rgba(6,182,212,.2),transparent 38%),linear-gradient(135deg,#061d18,#071522 52%,#052b22)!important}
.profile-bg-violet{--profile-role:#c084fc;--profile-role-2:#6d28d9;--profile-role-rgb:192,132,252}
.profile-bg-violet .pf-hero-bg,.pf-background-card.profile-bg-violet .pf-background-card__preview,.personalization-background-admin.profile-bg-violet .personalization-background-admin__preview{background:radial-gradient(circle at 16% 20%,rgba(192,132,252,.35),transparent 34%),radial-gradient(circle at 84% 18%,rgba(79,70,229,.34),transparent 38%),linear-gradient(135deg,#170b2f,#0d1428 50%,#25114e)!important;background-size:150% 150%!important;animation:profileVioletShift 10s ease infinite}
.profile-bg-aurora{--profile-role:#22d3ee;--profile-role-2:#a855f7;--profile-role-rgb:34,211,238}
.profile-bg-aurora .pf-hero-bg,.pf-background-card.profile-bg-aurora .pf-background-card__preview,.personalization-background-admin.profile-bg-aurora .personalization-background-admin__preview{background:radial-gradient(circle at 10% 30%,rgba(34,211,238,.42),transparent 32%),radial-gradient(circle at 75% 15%,rgba(168,85,247,.38),transparent 35%),radial-gradient(circle at 55% 90%,rgba(16,185,129,.25),transparent 35%),linear-gradient(125deg,#061323,#11112d,#071e24)!important;background-size:180% 180%!important;animation:profileAuroraMove 8s ease-in-out infinite}
.profile-bg-founder{--profile-role:#fbbf24;--profile-role-2:#ef4444;--profile-role-rgb:251,191,36}
.profile-bg-founder .pf-hero-bg,.pf-background-card.profile-bg-founder .pf-background-card__preview,.personalization-background-admin.profile-bg-founder .personalization-background-admin__preview{background:radial-gradient(circle at 18% 20%,rgba(251,191,36,.42),transparent 31%),radial-gradient(circle at 82% 16%,rgba(239,68,68,.35),transparent 38%),radial-gradient(circle at 50% 90%,rgba(124,58,237,.3),transparent 38%),linear-gradient(135deg,#261306,#171027,#261007)!important;background-size:180% 180%!important;animation:profileFounderPulse 8s ease-in-out infinite}
.profile-bg-forge-core{--profile-role:#22d3ee;--profile-role-2:#8b5cf6;--profile-role-rgb:34,211,238}
.profile-bg-forge-core .pf-hero-bg,.pf-background-card.profile-bg-forge-core .pf-background-card__preview,.personalization-background-admin.profile-bg-forge-core .personalization-background-admin__preview{background:repeating-linear-gradient(120deg,rgba(34,211,238,.04) 0 1px,transparent 1px 24px),radial-gradient(circle at 50% 45%,rgba(139,92,246,.34),transparent 30%),radial-gradient(circle at 15% 20%,rgba(34,211,238,.3),transparent 30%),linear-gradient(135deg,#04141f,#11132b,#071827)!important;background-size:auto,180% 180%,180% 180%,auto!important;animation:profileCoreShift 9s linear infinite}
.profile-bg-beta-lab{--profile-role:#34d399;--profile-role-2:#06b6d4;--profile-role-rgb:52,211,153}
.profile-bg-beta-lab .pf-hero-bg,.pf-background-card.profile-bg-beta-lab .pf-background-card__preview,.personalization-background-admin.profile-bg-beta-lab .personalization-background-admin__preview{background:radial-gradient(circle at 16% 20%,rgba(52,211,153,.36),transparent 28%),radial-gradient(circle at 78% 25%,rgba(6,182,212,.3),transparent 34%),repeating-linear-gradient(90deg,rgba(52,211,153,.035) 0 1px,transparent 1px 28px),linear-gradient(135deg,#041b18,#071726 50%,#062424)!important;background-size:160% 160%,160% 160%,auto,auto!important;animation:profileBetaScan 8s ease-in-out infinite}
@keyframes profileVioletShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes profileAuroraMove{0%,100%{background-position:0 50%}50%{background-position:100% 55%}}
@keyframes profileFounderPulse{0%,100%{background-position:0 50%;filter:saturate(1)}50%{background-position:100% 50%;filter:saturate(1.25)}}
@keyframes profileCoreShift{0%{background-position:0 0,0 50%,100% 50%,0 0}100%{background-position:96px 0,100% 50%,0 50%,0 0}}
@keyframes profileBetaScan{0%,100%{background-position:0 50%,100% 50%,0 0,0 0}50%{background-position:100% 50%,0 50%,56px 0,0 0}}

.pf-showcase{margin:1.25rem 0 1.5rem;padding:1.2rem;border-radius:1.35rem;background:linear-gradient(145deg,rgba(14,22,42,.9),rgba(8,13,28,.9));border:1px solid rgba(255,255,255,.065);box-shadow:0 18px 42px rgba(0,0,0,.2)}
.pf-showcase__head,.pf-customization-block__head,.personalization-admin-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.pf-showcase__head>div>span,.pf-customization-block__head>div>span,.personalization-admin-section__head>div>span{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.pf-showcase__head h2,.pf-customization-block__head h3,.personalization-admin-section__head h3{margin:.35rem 0 .2rem;color:var(--text-1)}
.pf-showcase__head h2{font-size:1.2rem}.pf-showcase__head p{margin:0;color:var(--text-3);font-size:.76rem;line-height:1.55}
.pf-showcase__head>strong,.pf-customization-block__head>b,.personalization-admin-section__head>b{padding:.45rem .65rem;border-radius:999px;background:rgba(255,159,28,.08);border:1px solid rgba(255,159,28,.18);color:#ffb24c;font-size:.68rem;white-space:nowrap}
.pf-achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:.8rem}
.pf-achievement-card{--achievement-start:#94a3b8;--achievement-end:#64748b;position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:.75rem;align-items:center;overflow:hidden;padding:.85rem;border-radius:1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--achievement-start) 9%,rgba(8,13,28,.96)),rgba(8,13,28,.94));border:1px solid color-mix(in srgb,var(--achievement-start) 24%,rgba(255,255,255,.05))}
.pf-achievement-card::after{content:"";position:absolute;inset:-60% auto auto -15%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--achievement-start) 24%,transparent),transparent 68%);pointer-events:none}
.pf-achievement-card__icon{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--achievement-start) 24%,transparent),color-mix(in srgb,var(--achievement-end) 10%,transparent));border:1px solid color-mix(in srgb,var(--achievement-start) 38%,transparent);box-shadow:0 10px 24px color-mix(in srgb,var(--achievement-start) 14%,transparent)}
.pf-achievement-card__icon i{font-size:1.15rem;background:linear-gradient(135deg,var(--achievement-start),var(--achievement-end));-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-achievement-card__copy{position:relative;z-index:1;min-width:0}.pf-achievement-card__copy strong{display:block;margin:.18rem 0 .25rem;color:var(--text-1);font-size:.82rem}.pf-achievement-card__copy p{margin:0;color:var(--text-3);font-size:.67rem;line-height:1.45}.pf-achievement-card__rarity{display:flex;align-items:center;gap:.3rem;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--achievement-start)}
.pf-achievement-card.is-animated .pf-achievement-card__icon{animation:achievementFloat 3.4s ease-in-out infinite}.pf-achievement-card.is-animated::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.07) 48%,transparent 70%);transform:translateX(-110%);animation:achievementSweep 4.5s ease-in-out infinite}
@keyframes achievementFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(3deg)}}
@keyframes achievementSweep{0%,22%{transform:translateX(-110%)}64%,100%{transform:translateX(110%)}}
.pf-achievement-card--rare{box-shadow:0 0 24px rgba(56,189,248,.04)}.pf-achievement-card--epic{box-shadow:0 0 25px rgba(168,85,247,.07)}.pf-achievement-card--legendary,.pf-achievement-card--unique{box-shadow:0 0 30px color-mix(in srgb,var(--achievement-start) 10%,transparent)}
.pf-achievement-empty{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:90px;padding:1rem;border:1px dashed rgba(255,255,255,.1);border-radius:1rem;color:var(--text-3);font-size:.76rem}.pf-achievement-empty i{color:var(--accent);font-size:1.25rem}
.pf-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:1.25rem 0 .75rem}.pf-progress-head h3{margin:0;color:var(--text-1);font-size:.92rem}.pf-progress-head h3 i{color:var(--accent);margin-right:.35rem}.pf-progress-head>span{color:var(--text-3);font-size:.64rem;text-align:right}
.pf-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}
.pf-progress-card{--achievement-start:#60a5fa;--achievement-end:#2563eb;padding:.9rem;border-radius:1rem;background:rgba(7,12,25,.68);border:1px solid color-mix(in srgb,var(--achievement-start) 18%,rgba(255,255,255,.05))}
.pf-progress-card__head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.65rem;align-items:center}.pf-progress-card__icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--achievement-start) 13%,transparent);border:1px solid color-mix(in srgb,var(--achievement-start) 28%,transparent);color:var(--achievement-start)}.pf-progress-card__head small,.pf-progress-card__head strong{display:block}.pf-progress-card__head small{color:var(--text-3);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.pf-progress-card__head strong{margin-top:.15rem;color:var(--text-1);font-size:.75rem}.pf-progress-card__head>b{color:var(--achievement-start);font-size:.72rem}.pf-progress-card>p{margin:.65rem 0;color:var(--text-3);font-size:.66rem;line-height:1.45}.pf-progress-card__bar{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.055)}.pf-progress-card__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--achievement-start),var(--achievement-end));box-shadow:0 0 14px color-mix(in srgb,var(--achievement-start) 35%,transparent)}.pf-progress-card__numbers{display:flex;justify-content:space-between;margin-top:.45rem;color:var(--text-3);font-size:.57rem}

.pf-customization-tab{display:grid;gap:1rem}.pf-customization-intro{display:flex;align-items:center;gap:1rem;padding:1.1rem;border-radius:1.15rem;background:radial-gradient(circle at 90% 20%,rgba(255,159,28,.13),transparent 34%),linear-gradient(135deg,rgba(255,159,28,.07),rgba(9,15,30,.94));border:1px solid rgba(255,159,28,.16)}.pf-customization-intro__icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border-radius:18px;background:rgba(255,159,28,.12);border:1px solid rgba(255,159,28,.22);color:var(--accent);font-size:1.25rem}.pf-customization-intro>div>span{color:var(--accent);font-size:.58rem;font-weight:900;letter-spacing:.12em}.pf-customization-intro h3{margin:.25rem 0;color:var(--text-1)}.pf-customization-intro p{margin:0;color:var(--text-3);font-size:.72rem;line-height:1.5}
.pf-customization-block{padding:1.05rem;border-radius:1.15rem;background:rgba(8,14,28,.72);border:1px solid rgba(255,255,255,.06)}
.pf-background-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}
.pf-background-card{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) 30px;gap:.75rem;align-items:center;width:100%;padding:.7rem;text-align:left;border-radius:1rem;border:1px solid rgba(255,255,255,.07);background:rgba(8,13,26,.8);color:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pf-background-card:hover{transform:translateY(-2px);border-color:rgba(255,159,28,.22)}.pf-background-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px rgba(255,159,28,.18),0 12px 30px rgba(0,0,0,.2)}.pf-background-card__preview{position:relative;overflow:hidden;width:82px;height:62px;border-radius:.75rem;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(var(--profile-role-rgb),.35),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--profile-role) 18%,#091226),#07101f);border:1px solid rgba(255,255,255,.08);color:var(--profile-role,#94a3b8)}.pf-background-card__preview i{position:relative;z-index:1;text-shadow:0 0 14px currentColor}.pf-background-card__copy{display:block;min-width:0}.pf-background-card__copy small,.pf-background-card__copy strong,.pf-background-card__copy em{display:block}.pf-background-card__copy small{font-size:.56rem;color:var(--profile-role,var(--text-3));text-transform:uppercase;letter-spacing:.08em;font-weight:900}.pf-background-card__copy strong{margin:.22rem 0;color:var(--text-1);font-size:.76rem}.pf-background-card__copy em{color:var(--text-3);font-size:.61rem;line-height:1.35;font-style:normal}.pf-background-card__check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);color:transparent;border:1px solid rgba(255,255,255,.07)}.pf-background-card.is-active .pf-background-card__check{background:var(--accent);border-color:var(--accent);color:#111827}
.rarity-common{color:#94a3b8!important}.rarity-rare{color:#38bdf8!important}.rarity-epic{color:#c084fc!important}.rarity-legendary{color:#fbbf24!important}.rarity-unique{color:#fb7185!important}

.personalization-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.3rem;margin-bottom:1rem;border-radius:1.15rem;background:radial-gradient(circle at 88% 20%,rgba(251,191,36,.16),transparent 35%),linear-gradient(135deg,rgba(251,191,36,.07),rgba(12,19,37,.92));border:1px solid rgba(251,191,36,.17)}.personalization-admin-hero>div>span{display:inline-flex;align-items:center;gap:.4rem;color:#fbbf24;font-size:.62rem;font-weight:900;letter-spacing:.12em}.personalization-admin-hero h3{margin:.35rem 0;color:var(--text-1)}.personalization-admin-hero p{margin:0;color:var(--text-3);font-size:.72rem;line-height:1.55;max-width:760px}.personalization-admin-hero>i{font-size:2.7rem;color:rgba(251,191,36,.22)}
.personalization-admin-user{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,.8fr);gap:1rem;align-items:end;padding:1rem;margin-bottom:1rem;border-radius:1.1rem}.personalization-admin-user__select label{display:block;margin-bottom:.4rem;color:var(--text-3);font-size:.66rem;font-weight:800}.personalization-admin-user__card{display:flex;align-items:center;gap:.7rem;padding:.65rem;border-radius:.8rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.personalization-admin-user__card .adm-avatar{width:44px;height:44px;overflow:hidden}.personalization-admin-user__card img{width:100%;height:100%;object-fit:cover}.personalization-admin-user__card strong,.personalization-admin-user__card span{display:block}.personalization-admin-user__card strong{color:var(--text-1);font-size:.76rem}.personalization-admin-user__card span{margin-top:.18rem;color:var(--text-3);font-size:.62rem}
.personalization-admin-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:1rem;margin-bottom:1rem}.personalization-section-title{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.personalization-section-title>span{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,159,28,.1);border:1px solid rgba(255,159,28,.18);color:var(--accent)}.personalization-section-title small{color:var(--accent);font-size:.55rem;font-weight:900;letter-spacing:.1em}.personalization-section-title h3{margin:.2rem 0;color:var(--text-1);font-size:.9rem}.personalization-section-title p{margin:0;color:var(--text-3);font-size:.63rem;line-height:1.5}.personalization-prefix-preview{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:76px;padding:1rem;margin-bottom:.85rem;border-radius:.85rem;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--prefix-start) 13%,transparent),transparent 55%),rgba(6,11,23,.72);border:1px solid rgba(255,255,255,.06)}.personalization-prefix-preview>b{color:var(--text-1)}.personalization-prefix-empty{color:var(--text-3);font-size:.65rem}.personalization-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.8rem 0}.personalization-color-grid label{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:.5rem;padding:.55rem .65rem;border-radius:.7rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);color:var(--text-2);font-size:.63rem}.personalization-color-grid input{width:42px;height:32px;border:none;background:transparent;padding:0;cursor:pointer}.personalization-check{display:flex;align-items:center;gap:.65rem;padding:.65rem;border-radius:.75rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);cursor:pointer}.personalization-check>input{display:none}.personalization-check>span{width:42px;height:24px;border-radius:99px;background:rgba(255,255,255,.1);position:relative}.personalization-check>span::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#94a3b8;transition:.2s}.personalization-check>input:checked+span{background:rgba(255,159,28,.22)}.personalization-check>input:checked+span::after{left:21px;background:var(--accent)}.personalization-check>span i{display:none}.personalization-check strong,.personalization-check small{display:block}.personalization-check strong{font-size:.68rem;color:var(--text-1)}.personalization-check small{margin-top:.15rem;color:var(--text-3);font-size:.57rem}.personalization-prefix-actions{display:grid;grid-template-columns:1fr auto;gap:.65rem;margin-top:.8rem}.personalization-role-preview{display:flex;align-items:center;gap:.75rem;padding:.85rem;border-radius:.85rem;background:radial-gradient(circle at 20% 20%,rgba(var(--profile-role-rgb),.28),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--profile-role) 13%,#081226),#07101f);border:1px solid rgba(var(--profile-role-rgb),.22)}.personalization-role-preview>i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(var(--profile-role-rgb),.13);color:var(--profile-role);font-size:1.05rem}.personalization-role-preview small,.personalization-role-preview strong{display:block}.personalization-role-preview small{color:var(--text-3);font-size:.58rem}.personalization-role-preview strong{margin-top:.2rem;color:var(--text-1);font-size:.7rem}.personalization-role-theme ul{display:grid;gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none}.personalization-role-theme li{position:relative;padding-left:1rem;color:var(--text-3);font-size:.62rem}.personalization-role-theme li::before{content:"";position:absolute;left:0;top:.42em;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.personalization-admin-section{padding:1rem;margin-bottom:1rem;border-radius:1.1rem;background:rgba(8,14,28,.72);border:1px solid rgba(255,255,255,.06)}.personalization-reward-grid,.personalization-background-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem}.personalization-reward-card{--reward-start:#fbbf24;--reward-end:#ef4444;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.75rem;border-radius:.9rem;background:linear-gradient(145deg,color-mix(in srgb,var(--reward-start) 8%,rgba(7,12,24,.95)),rgba(7,12,24,.92));border:1px solid color-mix(in srgb,var(--reward-start) 22%,rgba(255,255,255,.05))}.personalization-reward-card__icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--reward-start) 13%,transparent);color:var(--reward-start);border:1px solid color-mix(in srgb,var(--reward-start) 25%,transparent)}.personalization-reward-card small,.personalization-reward-card strong,.personalization-reward-card p{display:block}.personalization-reward-card small{color:var(--reward-start);font-size:.55rem;text-transform:uppercase;font-weight:900}.personalization-reward-card strong{margin:.15rem 0;color:var(--text-1);font-size:.72rem}.personalization-reward-card p{margin:0;color:var(--text-3);font-size:.58rem;line-height:1.35}.personalization-background-admin{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.7rem;border-radius:.9rem;background:rgba(7,12,24,.9);border:1px solid rgba(255,255,255,.06)}.personalization-background-admin__preview{width:88px;height:64px;border-radius:.75rem;display:grid;place-items:center;background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.08)}.personalization-background-admin small,.personalization-background-admin strong,.personalization-background-admin p{display:block}.personalization-background-admin small{color:var(--accent);font-size:.54rem;text-transform:uppercase;font-weight:900}.personalization-background-admin strong{margin:.15rem 0;color:var(--text-1);font-size:.72rem}.personalization-background-admin p{margin:0;color:var(--text-3);font-size:.58rem;line-height:1.35}.adm-loading{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:220px;color:var(--text-3)}

@media(max-width:1000px){.personalization-admin-grid,.personalization-admin-user{grid-template-columns:1fr}.personalization-reward-grid,.personalization-background-admin-grid{grid-template-columns:1fr}}
@media(max-width:700px){.pf-showcase,.pf-customization-block{padding:.85rem}.pf-showcase__head,.pf-customization-block__head,.personalization-admin-section__head,.pf-progress-head{align-items:flex-start;flex-direction:column}.pf-achievement-grid,.pf-progress-grid,.pf-background-grid{grid-template-columns:1fr}.pf-achievement-card{grid-template-columns:48px minmax(0,1fr);padding:.72rem}.pf-achievement-card__icon{width:46px;height:46px}.pf-background-card{grid-template-columns:68px minmax(0,1fr) 28px}.pf-background-card__preview{width:68px;height:58px}.pf-customization-intro{align-items:flex-start;padding:.9rem}.personalization-admin-hero>i{display:none}.personalization-prefix-actions{grid-template-columns:1fr}.personalization-reward-card,.personalization-background-admin{grid-template-columns:48px minmax(0,1fr)}.personalization-reward-card .adm-btn,.personalization-background-admin .adm-btn{grid-column:1/-1;width:100%;justify-content:center}.personalization-background-admin__preview{width:48px;height:48px}.ff-user-identity{flex-wrap:wrap}.pf-name .ff-user-identity{justify-content:center}}
@media(prefers-reduced-motion:reduce){.ff-user-prefix.is-animated::after,.ff-user-prefix.is-animated span,.pf-achievement-card.is-animated .pf-achievement-card__icon,.pf-achievement-card.is-animated::before,.profile-bg-violet .pf-hero-bg,.profile-bg-aurora .pf-hero-bg,.profile-bg-founder .pf-hero-bg,.profile-bg-forge-core .pf-hero-bg,.profile-bg-beta-lab .pf-hero-bg{animation:none!important}}
body.lite-mode .ff-user-prefix.is-animated::after,body.lite-mode .ff-user-prefix.is-animated span,body.lite-mode .pf-achievement-card.is-animated .pf-achievement-card__icon,body.lite-mode .pf-achievement-card.is-animated::before,body.lite-mode [class*="profile-bg-"] .pf-hero-bg{animation:none!important}

/* Locked background progress cards */
.pf-background-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.pf-background-progress{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.75rem;border-radius:1rem;background:rgba(7,12,24,.82);border:1px solid rgba(255,255,255,.065)}
.pf-background-progress__preview{width:84px;height:68px;border-radius:.8rem;display:grid;place-items:center;background:#0f172a;border:1px solid rgba(255,255,255,.08);color:#fff;overflow:hidden}
.pf-background-progress>div{min-width:0}.pf-background-progress small,.pf-background-progress strong,.pf-background-progress p{display:block}.pf-background-progress small{font-size:.56rem;font-weight:900;text-transform:uppercase}.pf-background-progress strong{margin:.18rem 0;color:var(--text-1);font-size:.74rem}.pf-background-progress p{margin:0 0 .55rem;color:var(--text-3);font-size:.59rem;line-height:1.4}.pf-background-progress>b{align-self:start;color:var(--accent);font-size:.68rem}
@media(max-width:850px){.pf-background-progress-grid{grid-template-columns:1fr}}
@media(max-width:520px){.pf-background-progress{grid-template-columns:64px minmax(0,1fr)}.pf-background-progress__preview{width:64px;height:58px}.pf-background-progress>b{grid-column:1/-1;justify-self:end;margin-top:-.35rem}}

/* 2026-07-29: official Telegram support link, readable CAPTCHA and custom-role panel cleanup */
.cp-footer__telegram-handle{
    margin-left:.22rem;
    color:#39bdf8;
    font-size:.72rem;
    font-weight:800;
    white-space:nowrap;
}

.captcha-image-shell{
    height:84px;
    min-height:84px;
    aspect-ratio:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    background:linear-gradient(145deg,rgba(11,18,34,.96),rgba(17,29,51,.92));
}
.captcha-image-shell #captchaImg,
.wallet-captcha .captcha-image-shell #captchaImg{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    image-rendering:auto;
}
.captcha-refresh,
.wallet-captcha #refreshCaptcha.captcha-refresh{
    height:84px;
    min-height:84px!important;
}
.wallet-captcha .captcha-field{
    overflow:visible;
}
.wallet-captcha .captcha-visual-row{
    grid-template-columns:minmax(0,1fr) 52px;
    align-items:stretch;
}
.wallet-captcha .captcha-answer{
    font-size:16px;
    letter-spacing:.32rem!important;
}

.special-role-beta-wrap{
    margin-bottom:1rem;
}
.special-role-beta-wrap .special-role-beta{
    width:100%;
}
.special-role-beta-wrap .adm-card-pad{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:1.25rem;
    align-items:center;
}
.special-role-beta-wrap .special-role-beta__head,
.special-role-beta-wrap .special-role-beta__state,
.special-role-beta-wrap .special-role-beta p,
.special-role-beta-wrap .special-role-beta__allowed{
    grid-column:1;
}
.special-role-beta-wrap .special-role-beta > .adm-card-pad > .adm-btn{
    grid-column:2;
    grid-row:1 / span 4;
    align-self:center;
    min-width:210px;
    justify-content:center;
}

@media(max-width:700px){
    .captcha-image-shell{height:72px;min-height:72px}
    .captcha-refresh,
    .wallet-captcha #refreshCaptcha.captcha-refresh{height:72px;min-height:72px!important}
    .wallet-captcha .captcha-visual-row{grid-template-columns:minmax(0,1fr) 48px}
    .cp-footer__telegram-handle{display:block;margin:.15rem 0 0;font-size:.68rem}
    .special-role-beta-wrap .adm-card-pad{display:block}
    .special-role-beta-wrap .special-role-beta > .adm-card-pad > .adm-btn{width:100%;min-width:0;margin-top:.85rem}
}

/* =========================================================
   2026-07-29: creator reward overrides, animated backgrounds,
   avatar decorations and stable profile identity layout
   ========================================================= */
.pf-profile-prefix-row{display:flex;align-items:center;min-height:28px;margin:0 0 .42rem}
.pf-profile-prefix-row .ff-user-prefix{font-size:.68rem;padding:.4rem .68rem}
.pf-profile-name-text{display:block;line-height:1.08}
.pf-info .pf-name{margin:0;line-height:1.08}
.ff-user-prefix{
    border:1px solid transparent;
    background:
        linear-gradient(135deg,rgba(7,12,24,.92),rgba(12,18,34,.78)) padding-box,
        linear-gradient(115deg,var(--prefix-start),var(--prefix-end),var(--prefix-start)) border-box;
    background-size:100% 100%,220% 220%;
    box-shadow:0 7px 24px color-mix(in srgb,var(--prefix-start) 20%,transparent),inset 0 0 16px rgba(255,255,255,.025)
}
.ff-user-prefix::before{display:none}
.ff-user-prefix i{background:linear-gradient(135deg,var(--prefix-start),var(--prefix-end));-webkit-background-clip:text;background-clip:text;color:transparent}
.ff-user-prefix span{background:linear-gradient(115deg,var(--prefix-start),var(--prefix-end),#fff7ed,var(--prefix-start));background-size:260% 260%;-webkit-background-clip:text;background-clip:text;color:transparent}
.ff-user-prefix.is-animated{animation:ffPrefixBorderFlow 5.5s ease-in-out infinite}
.ff-user-prefix.is-animated span{animation:ffPrefixGradient 4.2s ease-in-out infinite}
@keyframes ffPrefixBorderFlow{0%,100%{background-position:0 0,0 50%;box-shadow:0 7px 22px color-mix(in srgb,var(--prefix-start) 18%,transparent)}50%{background-position:0 0,100% 50%;box-shadow:0 8px 28px color-mix(in srgb,var(--prefix-end) 30%,transparent)}}

/* Profile avatar stage */
.pf-avatar-stage{position:relative;width:90px;height:90px;display:grid;place-items:center;isolation:isolate;overflow:visible}
.pf-avatar-stage .pf-avatar-image,.pf-avatar-stage>.pf-avatar{width:90px!important;height:90px!important;border-radius:20px;object-fit:cover;border:3px solid rgba(255,255,255,.1);position:relative;z-index:1}
.pf-avatar-stage.has-decoration{margin-top:4px}
.avatar-decoration{--decor-start:#fbbf24;--decor-end:#ef4444;position:absolute;inset:-18px;z-index:4;pointer-events:none;display:block;color:var(--decor-start);filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.avatar-decoration>i{position:absolute;display:grid;place-items:center;text-shadow:0 0 12px currentColor}

/* New Year hat */
.avatar-decor-new-year{--decor-start:#ef4444;--decor-end:#fff}
.avatar-decor-new-year>i{display:none}
.avatar-decor-new-year::before{content:"";position:absolute;width:48px;height:42px;left:6px;top:-5px;background:linear-gradient(145deg,#fb7185 0 18%,#dc2626 54%,#991b1b 100%);clip-path:polygon(10% 92%,50% 4%,96% 88%);transform:rotate(-18deg);border-radius:45% 45% 12px 12px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.38))}
.avatar-decor-new-year::after{content:"";position:absolute;width:15px;height:15px;left:38px;top:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#e2e8f0 70%);box-shadow:-22px 39px 0 4px #f8fafc,-11px 39px 0 4px #fff,0 39px 0 4px #f8fafc}
.avatar-decor-new-year.is-animated::before{animation:avatarHatFloat 3.2s ease-in-out infinite}
.avatar-decor-new-year.is-animated::after{animation:avatarPomGlow 2.4s ease-in-out infinite}
@keyframes avatarHatFloat{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-14deg) translateY(-3px)}}
@keyframes avatarPomGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25) drop-shadow(0 0 8px rgba(255,255,255,.8))}}

/* aw3keN special hat */
.avatar-decoration.avatar-decor-aw3ken-special-hat{inset:-16px}
.avatar-decoration.avatar-decor-aw3ken-special-hat>i{display:none}
.avatar-decoration.avatar-decor-aw3ken-special-hat::before{content:"";position:absolute;left:8px;right:8px;top:-8px;height:58px;background:url('../images/avatar-decor/aw3ken-special-hat.png') center top/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 5px 8px rgba(0,0,0,.33))}
.avatar-decoration.avatar-decor-aw3ken-special-hat.is-animated::before{animation:aw3kenHatSwing 3.2s ease-in-out infinite}
@keyframes aw3kenHatSwing{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-1px) rotate(-2deg)}50%{transform:translateY(-3px) rotate(1.4deg)}75%{transform:translateY(-1px) rotate(2deg)}}

/* Laurel leaves */
.avatar-decor-laurel{--decor-start:#34d399;--decor-end:#fbbf24}
.avatar-decor-laurel>i{left:2px;bottom:7px;font-size:30px;transform:rotate(-32deg);color:#34d399}
.avatar-decor-laurel::after{content:"\f06c";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;position:absolute;right:2px;bottom:7px;font-size:30px;color:#fbbf24;transform:scaleX(-1) rotate(-32deg);text-shadow:0 0 12px rgba(251,191,36,.55)}

/* Founder crown */
.avatar-decor-crown{--decor-start:#fbbf24;--decor-end:#f97316}
.avatar-decor-crown>i{left:50%;top:-4px;transform:translateX(-50%) rotate(-4deg);font-size:37px;background:linear-gradient(135deg,#fff7ae,#fbbf24 42%,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 9px rgba(251,191,36,.55))}
.avatar-decor-crown.is-animated>i{animation:avatarCrownFloat 3s ease-in-out infinite}
@keyframes avatarCrownFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-4deg)}50%{transform:translateX(-50%) translateY(-4px) rotate(3deg)}}

/* Beta sparks */
.avatar-decor-beta-sparks>i{display:none}
.avatar-decor-beta-sparks::before,.avatar-decor-beta-sparks::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:25px -5px 0 #22d3ee,74px 8px 0 #34d399,94px 45px 0 #22d3ee,12px 72px 0 #6ee7b7,72px 88px 0 #67e8f9;filter:drop-shadow(0 0 7px #34d399)}
.avatar-decor-beta-sparks::before{left:8px;top:8px}
.avatar-decor-beta-sparks::after{left:18px;top:23px;transform:scale(.55);opacity:.7}
.avatar-decor-beta-sparks.is-animated::before{animation:avatarSparkOrbit 5s linear infinite}
.avatar-decor-beta-sparks.is-animated::after{animation:avatarSparkOrbitReverse 4s linear infinite}
@keyframes avatarSparkOrbit{to{transform:rotate(360deg)}}
@keyframes avatarSparkOrbitReverse{to{transform:scale(.55) rotate(-360deg)}}

/* Star halo */
.avatar-decor-star-halo{border:2px solid rgba(251,191,36,.62);border-radius:50%;inset:-10px;box-shadow:0 0 18px rgba(168,85,247,.28),inset 0 0 18px rgba(251,191,36,.15)}
.avatar-decor-star-halo>i{right:-2px;top:5px;font-size:23px;background:linear-gradient(135deg,#fff7ae,#fbbf24,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}
.avatar-decor-star-halo::after{content:"✦";position:absolute;left:2px;bottom:10px;color:#c084fc;font-size:22px;text-shadow:0 0 12px currentColor}
.avatar-decor-star-halo.is-animated{animation:avatarHaloSpin 9s linear infinite}
@keyframes avatarHaloSpin{to{transform:rotate(360deg)}}

/* Forge wings */
.avatar-decor-forge-wings>i{left:-4px;top:34px;font-size:34px;color:#22d3ee;transform:rotate(-28deg)}
.avatar-decor-forge-wings::after{content:"\f56b";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;position:absolute;right:-4px;top:34px;font-size:34px;color:#8b5cf6;transform:scaleX(-1) rotate(-28deg);text-shadow:0 0 14px rgba(139,92,246,.55)}
.avatar-decor-forge-wings.is-animated>i{animation:avatarWingLeft 2.8s ease-in-out infinite}
.avatar-decor-forge-wings.is-animated::after{animation:avatarWingRight 2.8s ease-in-out infinite}
@keyframes avatarWingLeft{0%,100%{transform:rotate(-28deg) translateX(0)}50%{transform:rotate(-38deg) translateX(-3px)}}
@keyframes avatarWingRight{0%,100%{transform:scaleX(-1) rotate(-28deg) translateX(0)}50%{transform:scaleX(-1) rotate(-38deg) translateX(-3px)}}

/* Avatar decoration collection cards */
.pf-avatar-decor-grid,.pf-avatar-decor-progress-grid,.personalization-decoration-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}
.pf-avatar-decor-card{display:grid;grid-template-columns:82px minmax(0,1fr) 30px;gap:.75rem;align-items:center;width:100%;padding:.72rem;text-align:left;border-radius:1rem;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(10,17,34,.92),rgba(6,11,24,.86));color:inherit;cursor:pointer;transition:.22s ease}
.pf-avatar-decor-card:hover{transform:translateY(-2px);border-color:rgba(251,191,36,.25)}
.pf-avatar-decor-card.is-active{border-color:#fbbf24;box-shadow:0 0 0 1px rgba(251,191,36,.16),0 14px 30px rgba(0,0,0,.22)}
.pf-avatar-decor-card__preview{width:82px;height:74px;display:grid;place-items:center;border-radius:.8rem;background:radial-gradient(circle at 50% 30%,rgba(251,191,36,.13),transparent 65%),rgba(4,9,20,.72);border:1px solid rgba(255,255,255,.07);overflow:visible}
.pf-avatar-decor-demo{position:relative;width:56px;height:56px;display:grid;place-items:center}
.pf-avatar-decor-demo__face{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid rgba(255,255,255,.12);color:#94a3b8;font-size:1.2rem;overflow:hidden}
.pf-avatar-decor-demo .avatar-decoration{inset:-12px;transform:scale(.68)}
.pf-avatar-decor-card__copy{min-width:0}.pf-avatar-decor-card__copy small,.pf-avatar-decor-card__copy strong,.pf-avatar-decor-card__copy em{display:block}.pf-avatar-decor-card__copy small{font-size:.55rem;text-transform:uppercase;font-weight:900}.pf-avatar-decor-card__copy strong{margin:.22rem 0;color:var(--text-1);font-size:.76rem}.pf-avatar-decor-card__copy em{color:var(--text-3);font-size:.61rem;line-height:1.35;font-style:normal}
.pf-avatar-decor-progress{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.75rem;border-radius:1rem;background:rgba(7,12,24,.82);border:1px solid rgba(255,255,255,.065)}
.pf-avatar-decor-progress>div{min-width:0}.pf-avatar-decor-progress small,.pf-avatar-decor-progress strong,.pf-avatar-decor-progress p{display:block}.pf-avatar-decor-progress strong{margin:.18rem 0;color:var(--text-1);font-size:.74rem}.pf-avatar-decor-progress p{margin:0 0 .55rem;color:var(--text-3);font-size:.59rem;line-height:1.4}.pf-avatar-decor-progress>b{align-self:start;color:#fbbf24;font-size:.68rem}

/* Creator panel reward status and decoration preview */
.personalization-source-badge{display:inline-flex!important;align-items:center;gap:.3rem;margin-top:.4rem;padding:.25rem .45rem;border-radius:999px;font-size:.52rem!important;font-weight:800;text-transform:none!important;letter-spacing:0!important}
.personalization-source-badge.is-auto{color:#67e8f9!important;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.16)}
.personalization-source-badge.is-creator{color:#fbbf24!important;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.18)}
.personalization-reward-card.is-granted,.personalization-background-admin.is-granted,.personalization-decoration-admin.is-granted{box-shadow:inset 0 0 0 1px rgba(52,211,153,.12)}
.personalization-decoration-admin{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.72rem;border-radius:.9rem;background:rgba(7,12,24,.9);border:1px solid rgba(255,255,255,.06)}
.personalization-decoration-admin__preview{width:88px;height:72px;display:grid;place-items:center;border-radius:.8rem;background:rgba(4,9,20,.72);border:1px solid rgba(255,255,255,.07);overflow:visible}
.personalization-decoration-admin small,.personalization-decoration-admin strong,.personalization-decoration-admin p{display:block}.personalization-decoration-admin small{color:#fb7185;font-size:.53rem;text-transform:uppercase;font-weight:900}.personalization-decoration-admin strong{margin:.16rem 0;color:var(--text-1);font-size:.72rem}.personalization-decoration-admin p{margin:0;color:var(--text-3);font-size:.58rem;line-height:1.35}
.personalization-user-avatar-stage{position:relative;width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;overflow:visible}.personalization-user-avatar-stage .adm-avatar{width:44px!important;height:44px!important;position:relative;z-index:1}.personalization-user-avatar-stage .avatar-decoration{inset:-12px;transform:scale(.52)}

/* Additional animated profile backgrounds */
.profile-bg-frost{--profile-role:#67e8f9;--profile-role-2:#3b82f6;--profile-role-rgb:103,232,249}
.profile-bg-frost .pf-hero-bg,.pf-background-card.profile-bg-frost .pf-background-card__preview,.personalization-background-admin.profile-bg-frost .personalization-background-admin__preview{background:repeating-linear-gradient(125deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px),radial-gradient(circle at 18% 18%,rgba(103,232,249,.38),transparent 32%),radial-gradient(circle at 82% 28%,rgba(59,130,246,.34),transparent 34%),linear-gradient(135deg,#061725,#08152b,#071d32)!important;background-size:80px 80px,170% 170%,170% 170%,auto!important;animation:profileFrostFlow 9s ease-in-out infinite}
.profile-bg-golden-horizon{--profile-role:#fbbf24;--profile-role-2:#fb7185;--profile-role-rgb:251,191,36}
.profile-bg-golden-horizon .pf-hero-bg,.pf-background-card.profile-bg-golden-horizon .pf-background-card__preview,.personalization-background-admin.profile-bg-golden-horizon .personalization-background-admin__preview{background:radial-gradient(ellipse at 50% 110%,rgba(251,191,36,.5),transparent 45%),radial-gradient(circle at 85% 15%,rgba(251,113,133,.3),transparent 34%),linear-gradient(125deg,#241304,#211126,#101526)!important;background-size:170% 170%!important;animation:profileGoldenHorizon 8s ease-in-out infinite}
.profile-bg-solar-flare{--profile-role:#fbbf24;--profile-role-2:#f43f5e;--profile-role-rgb:251,191,36}
.profile-bg-solar-flare .pf-hero-bg,.pf-background-card.profile-bg-solar-flare .pf-background-card__preview,.personalization-background-admin.profile-bg-solar-flare .personalization-background-admin__preview{background:conic-gradient(from 25deg at 18% 28%,rgba(251,191,36,.52),rgba(244,63,94,.24),transparent 36%,rgba(251,191,36,.3),transparent 72%),radial-gradient(circle at 18% 28%,rgba(255,237,160,.38),transparent 23%),linear-gradient(135deg,#2a1205,#25101d,#0c1426)!important;background-size:190% 190%,170% 170%,auto!important;animation:profileSolarFlare 7s ease-in-out infinite}
.profile-bg-cosmic-rift{--profile-role:#8b5cf6;--profile-role-2:#22d3ee;--profile-role-rgb:139,92,246}
.profile-bg-cosmic-rift .pf-hero-bg,.pf-background-card.profile-bg-cosmic-rift .pf-background-card__preview,.personalization-background-admin.profile-bg-cosmic-rift .personalization-background-admin__preview{background:repeating-radial-gradient(circle at 62% 45%,rgba(34,211,238,.05) 0 2px,transparent 2px 18px),conic-gradient(from 220deg at 62% 45%,transparent,rgba(139,92,246,.48),rgba(34,211,238,.35),transparent 58%),radial-gradient(circle at 62% 45%,rgba(255,255,255,.2),transparent 12%),linear-gradient(135deg,#070719,#12082b,#041925)!important;background-size:140% 140%,180% 180%,150% 150%,auto!important;animation:profileCosmicRift 10s linear infinite}
@keyframes profileFrostFlow{0%,100%{background-position:0 0,0 50%,100% 50%,0 0}50%{background-position:80px -80px,100% 50%,0 50%,0 0}}
@keyframes profileGoldenHorizon{0%,100%{background-position:0 50%}50%{background-position:100% 45%}}
@keyframes profileSolarFlare{0%,100%{background-position:0 50%,100% 50%,0 0;filter:saturate(1)}50%{background-position:100% 50%,0 50%,0 0;filter:saturate(1.3)}}
@keyframes profileCosmicRift{0%{background-position:0 0,0 50%,100% 50%,0 0}100%{background-position:120px 80px,100% 50%,0 50%,0 0}}

@media(max-width:700px){
    .pf-profile-prefix-row{justify-content:center;margin-bottom:.48rem}
    .pf-avatar-decor-grid,.pf-avatar-decor-progress-grid,.personalization-decoration-admin-grid{grid-template-columns:1fr}
    .pf-avatar-decor-card{grid-template-columns:70px minmax(0,1fr) 28px}
    .pf-avatar-decor-card__preview{width:70px;height:66px}
    .personalization-decoration-admin{grid-template-columns:54px minmax(0,1fr)}
    .personalization-decoration-admin__preview{width:54px;height:54px}
    .personalization-decoration-admin .adm-btn{grid-column:1/-1;width:100%;justify-content:center}
}
@media(max-width:520px){
    .pf-avatar-stage{width:84px;height:84px}.pf-avatar-stage .pf-avatar-image,.pf-avatar-stage>.pf-avatar{width:84px!important;height:84px!important}
    .pf-avatar-decor-progress{grid-template-columns:64px minmax(0,1fr)}.pf-avatar-decor-progress>b{grid-column:1/-1;justify-self:end}
}
@media(prefers-reduced-motion:reduce){
    .ff-user-prefix.is-animated,.avatar-decoration.is-animated,.profile-bg-frost .pf-hero-bg,.profile-bg-golden-horizon .pf-hero-bg,.profile-bg-solar-flare .pf-hero-bg,.profile-bg-cosmic-rift .pf-hero-bg{animation:none!important}
}
body.lite-mode .avatar-decoration.is-animated,body.lite-mode .profile-bg-frost .pf-hero-bg,body.lite-mode .profile-bg-golden-horizon .pf-hero-bg,body.lite-mode .profile-bg-solar-flare .pf-hero-bg,body.lite-mode .profile-bg-cosmic-rift .pf-hero-bg{animation:none!important}
.pf-avatar-decor-card.is-active .pf-background-card__check{background:#fbbf24;border-color:#fbbf24;color:#111827}
.pf-avatar-decor-card:not(.is-active) .pf-background-card__check{color:transparent}
.pf-avatar-decor-demo .avatar-decor-star-halo.is-animated{animation:avatarHaloSpinDemo 9s linear infinite}
.personalization-user-avatar-stage .avatar-decor-star-halo.is-animated{animation:avatarHaloSpinAdmin 9s linear infinite}
@keyframes avatarHaloSpinDemo{to{transform:scale(.68) rotate(360deg)}}
@keyframes avatarHaloSpinAdmin{to{transform:scale(.52) rotate(360deg)}}

/* =========================================================
   Profile showcase controls, vivid animated backgrounds
   and redesigned ban manager — 2026-07-29
   ========================================================= */
.pf-customization-block__head p{margin:.3rem 0 0;color:var(--text-3);font-size:.64rem;line-height:1.45}
.pf-showcase-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin:0 0 .85rem}
.pf-achievement-grid--manage .pf-achievement-card{padding-bottom:3.15rem}
.pf-achievement-card.is-showcase-hidden{opacity:.54;filter:saturate(.55)}
.pf-achievement-card.is-showcase-hidden:hover{opacity:.82;filter:saturate(.85)}
.pf-achievement-visibility{position:absolute;left:.7rem;right:.7rem;bottom:.65rem;z-index:4;display:flex;align-items:center;justify-content:center;gap:.42rem;min-height:32px;border-radius:.65rem;border:1px solid rgba(255,255,255,.08);font:800 .6rem/1 inherit;cursor:pointer;transition:.2s ease}
.pf-achievement-visibility.is-visible{color:#86efac;background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.2)}
.pf-achievement-visibility.is-hidden{color:#94a3b8;background:rgba(148,163,184,.07)}
.pf-achievement-visibility:hover{transform:translateY(-1px);filter:brightness(1.12)}

/* Static gradient collection */
.profile-bg-rose-quartz{--profile-role:#fb7185;--profile-role-2:#a855f7;--profile-role-rgb:251,113,133}
.profile-bg-rose-quartz .pf-hero-bg,.pf-background-card.profile-bg-rose-quartz .pf-background-card__preview,.personalization-background-admin.profile-bg-rose-quartz .personalization-background-admin__preview{background:radial-gradient(circle at 18% 18%,rgba(251,113,133,.38),transparent 31%),radial-gradient(circle at 82% 16%,rgba(168,85,247,.3),transparent 36%),linear-gradient(135deg,#2b1022,#17142c 52%,#30112a)!important}
.profile-bg-mint-glass{--profile-role:#34d399;--profile-role-2:#22d3ee;--profile-role-rgb:52,211,153}
.profile-bg-mint-glass .pf-hero-bg,.pf-background-card.profile-bg-mint-glass .pf-background-card__preview,.personalization-background-admin.profile-bg-mint-glass .personalization-background-admin__preview{background:linear-gradient(115deg,rgba(52,211,153,.22),transparent 38%),radial-gradient(circle at 75% 22%,rgba(34,211,238,.28),transparent 32%),linear-gradient(135deg,#061b1a,#081522 54%,#062527)!important}
.profile-bg-midnight{--profile-role:#3b82f6;--profile-role-2:#312e81;--profile-role-rgb:59,130,246}
.profile-bg-midnight .pf-hero-bg,.pf-background-card.profile-bg-midnight .pf-background-card__preview,.personalization-background-admin.profile-bg-midnight .personalization-background-admin__preview{background:radial-gradient(circle at 80% 18%,rgba(59,130,246,.36),transparent 36%),radial-gradient(circle at 18% 72%,rgba(99,102,241,.22),transparent 32%),linear-gradient(135deg,#050b1d,#080d24 48%,#11104a)!important}
.profile-bg-sunset{--profile-role:#f97316;--profile-role-2:#ec4899;--profile-role-rgb:249,115,22}
.profile-bg-sunset .pf-hero-bg,.pf-background-card.profile-bg-sunset .pf-background-card__preview,.personalization-background-admin.profile-bg-sunset .personalization-background-admin__preview{background:radial-gradient(ellipse at 50% 115%,rgba(249,115,22,.5),transparent 45%),radial-gradient(circle at 85% 20%,rgba(236,72,153,.28),transparent 33%),linear-gradient(130deg,#291006,#251027 52%,#0d1428)!important}
.profile-bg-obsidian{--profile-role:#fbbf24;--profile-role-2:#111827;--profile-role-rgb:251,191,36}
.profile-bg-obsidian .pf-hero-bg,.pf-background-card.profile-bg-obsidian .pf-background-card__preview,.personalization-background-admin.profile-bg-obsidian .personalization-background-admin__preview{background:linear-gradient(120deg,transparent 0 42%,rgba(251,191,36,.16) 43% 44%,transparent 45% 100%),radial-gradient(circle at 20% 18%,rgba(251,191,36,.22),transparent 31%),linear-gradient(135deg,#030507,#0b0d13 48%,#15100a)!important}
.profile-bg-sakura{--profile-role:#fda4af;--profile-role-2:#c084fc;--profile-role-rgb:253,164,175}
.profile-bg-sakura .pf-hero-bg,.pf-background-card.profile-bg-sakura .pf-background-card__preview,.personalization-background-admin.profile-bg-sakura .personalization-background-admin__preview{background:radial-gradient(circle at 14% 20%,rgba(253,164,175,.38),transparent 30%),radial-gradient(circle at 82% 16%,rgba(192,132,252,.31),transparent 35%),radial-gradient(circle at 54% 90%,rgba(255,255,255,.1),transparent 34%),linear-gradient(135deg,#26101c,#17142b 50%,#281331)!important}

/* Strongly animated backgrounds. The motion uses transform as well as
   background-position so it stays visible even on browsers that render
   radial-gradient movement subtly. */
.pf-hero:is(.profile-bg-violet,.profile-bg-aurora,.profile-bg-founder,.profile-bg-forge-core,.profile-bg-beta-lab,.profile-bg-frost,.profile-bg-golden-horizon,.profile-bg-solar-flare,.profile-bg-cosmic-rift,.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg{overflow:hidden;isolation:isolate;will-change:background-position,filter}
.pf-hero:is(.profile-bg-violet,.profile-bg-aurora,.profile-bg-founder,.profile-bg-forge-core,.profile-bg-beta-lab,.profile-bg-frost,.profile-bg-golden-horizon,.profile-bg-solar-flare,.profile-bg-cosmic-rift,.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg::before{width:360px;height:360px;right:-100px;top:-160px;border:0;background:conic-gradient(from 0deg,transparent,rgba(var(--profile-role-rgb),.45),transparent 42%,color-mix(in srgb,var(--profile-role-2) 42%,transparent),transparent 78%);filter:blur(18px);opacity:.72;animation:ffProfileOrbital 11s linear infinite;transform-origin:42% 58%;box-shadow:none}
.pf-hero:is(.profile-bg-violet,.profile-bg-aurora,.profile-bg-founder,.profile-bg-forge-core,.profile-bg-beta-lab,.profile-bg-frost,.profile-bg-golden-horizon,.profile-bg-solar-flare,.profile-bg-cosmic-rift,.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg::after{width:270px;height:180px;left:5%;bottom:-85px;border-radius:45%;background:radial-gradient(ellipse,rgba(var(--profile-role-rgb),.42),transparent 67%);filter:blur(16px);opacity:.68;animation:ffProfileDrift 6.5s ease-in-out infinite alternate}
@keyframes ffProfileOrbital{0%{transform:rotate(0deg) translate3d(0,0,0) scale(1)}50%{transform:rotate(180deg) translate3d(-80px,35px,0) scale(1.22)}100%{transform:rotate(360deg) translate3d(0,0,0) scale(1)}}
@keyframes ffProfileDrift{0%{transform:translate3d(-12%,0,0) scale(.9);opacity:.42}100%{transform:translate3d(85%,-55px,0) scale(1.32);opacity:.82}}

.profile-bg-pixel-flux{--profile-role:#22d3ee;--profile-role-2:#8b5cf6;--profile-role-rgb:34,211,238}
.profile-bg-pixel-flux .pf-hero-bg,.pf-background-card.profile-bg-pixel-flux .pf-background-card__preview,.personalization-background-admin.profile-bg-pixel-flux .personalization-background-admin__preview{background:linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px),linear-gradient(rgba(139,92,246,.055) 1px,transparent 1px),radial-gradient(circle at 18% 20%,rgba(34,211,238,.35),transparent 30%),linear-gradient(135deg,#041421,#11112d,#07172a)!important;background-size:22px 22px,22px 22px,180% 180%,auto!important;animation:ffPixelFlux 4.8s linear infinite!important}
@keyframes ffPixelFlux{to{background-position:44px 22px,22px 44px,100% 50%,0 0}}
.profile-bg-neon-grid{--profile-role:#22d3ee;--profile-role-2:#ec4899;--profile-role-rgb:34,211,238}
.profile-bg-neon-grid .pf-hero-bg,.pf-background-card.profile-bg-neon-grid .pf-background-card__preview,.personalization-background-admin.profile-bg-neon-grid .personalization-background-admin__preview{background:linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(rgba(236,72,153,.07) 1px,transparent 1px),radial-gradient(circle at 50% 18%,rgba(236,72,153,.32),transparent 34%),linear-gradient(135deg,#03101a,#111028,#081827)!important;background-size:34px 34px,34px 34px,180% 180%,auto!important;animation:ffNeonGrid 6s linear infinite!important}
@keyframes ffNeonGrid{0%{background-position:0 0,0 0,0 50%,0 0}100%{background-position:68px 34px,34px 68px,100% 50%,0 0}}
.profile-bg-starfield{--profile-role:#a78bfa;--profile-role-2:#38bdf8;--profile-role-rgb:167,139,250}
.profile-bg-starfield .pf-hero-bg,.pf-background-card.profile-bg-starfield .pf-background-card__preview,.personalization-background-admin.profile-bg-starfield .personalization-background-admin__preview{background:radial-gradient(circle,rgba(255,255,255,.82) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(56,189,248,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 20% 25%,rgba(167,139,250,.34),transparent 32%),linear-gradient(135deg,#030512,#0b0a25,#031524)!important;background-size:38px 38px,61px 61px,170% 170%,auto!important;background-position:0 0,20px 10px,0 50%,0 0;animation:ffStarfield 7s linear infinite!important}
@keyframes ffStarfield{to{background-position:76px 114px,-102px 132px,100% 50%,0 0}}
.profile-bg-ember-storm{--profile-role:#f97316;--profile-role-2:#ef4444;--profile-role-rgb:249,115,22}
.profile-bg-ember-storm .pf-hero-bg,.pf-background-card.profile-bg-ember-storm .pf-background-card__preview,.personalization-background-admin.profile-bg-ember-storm .personalization-background-admin__preview{background:radial-gradient(circle,rgba(255,220,140,.85) 0 1px,transparent 2px),radial-gradient(circle at 22% 25%,rgba(249,115,22,.48),transparent 28%),radial-gradient(circle at 82% 12%,rgba(239,68,68,.4),transparent 34%),linear-gradient(135deg,#2a0d04,#22101d,#0d1322)!important;background-size:42px 42px,180% 180%,180% 180%,auto!important;animation:ffEmberStorm 5.5s linear infinite!important}
@keyframes ffEmberStorm{0%{background-position:0 120px,0 50%,100% 50%,0 0}100%{background-position:84px -84px,100% 50%,0 50%,0 0}}
.profile-bg-liquid-gold{--profile-role:#fbbf24;--profile-role-2:#f97316;--profile-role-rgb:251,191,36}
.profile-bg-liquid-gold .pf-hero-bg,.pf-background-card.profile-bg-liquid-gold .pf-background-card__preview,.personalization-background-admin.profile-bg-liquid-gold .personalization-background-admin__preview{background:radial-gradient(ellipse at 15% 30%,rgba(255,238,156,.48),transparent 26%),radial-gradient(ellipse at 82% 68%,rgba(249,115,22,.4),transparent 32%),conic-gradient(from 80deg,#1f1003,#5a3408,#201006,#7a4308,#1f1003)!important;background-size:180% 180%,180% 180%,220% 220%!important;animation:ffLiquidGold 6.5s ease-in-out infinite!important}
@keyframes ffLiquidGold{0%,100%{background-position:0 50%,100% 50%,0 50%;filter:hue-rotate(0deg) saturate(1.05)}50%{background-position:100% 50%,0 50%,100% 50%;filter:hue-rotate(12deg) saturate(1.4)}}
.profile-bg-northern-lights{--profile-role:#34d399;--profile-role-2:#8b5cf6;--profile-role-rgb:52,211,153}
.profile-bg-northern-lights .pf-hero-bg,.pf-background-card.profile-bg-northern-lights .pf-background-card__preview,.personalization-background-admin.profile-bg-northern-lights .personalization-background-admin__preview{background:linear-gradient(115deg,transparent 0 14%,rgba(52,211,153,.34) 22%,transparent 34%,rgba(139,92,246,.36) 48%,transparent 62%,rgba(34,211,238,.28) 75%,transparent 88%),radial-gradient(circle at 50% 110%,rgba(52,211,153,.28),transparent 45%),linear-gradient(135deg,#020a14,#081126,#071b20)!important;background-size:240% 180%,170% 170%,auto!important;animation:ffNorthernLights 7.5s ease-in-out infinite!important}
@keyframes ffNorthernLights{0%,100%{background-position:0 50%,0 50%,0 0;filter:hue-rotate(0)}50%{background-position:100% 40%,100% 50%,0 0;filter:hue-rotate(28deg)}}
.profile-bg-royal-prism{--profile-role:#ec4899;--profile-role-2:#fbbf24;--profile-role-rgb:236,72,153}
.profile-bg-royal-prism .pf-hero-bg,.pf-background-card.profile-bg-royal-prism .pf-background-card__preview,.personalization-background-admin.profile-bg-royal-prism .personalization-background-admin__preview{background:conic-gradient(from 20deg at 30% 45%,rgba(236,72,153,.48),rgba(251,191,36,.38),rgba(34,211,238,.26),rgba(139,92,246,.42),rgba(236,72,153,.48)),linear-gradient(135deg,#1d0718,#171129,#241405)!important;background-size:220% 220%,auto!important;animation:ffRoyalPrism 8s linear infinite!important}
@keyframes ffRoyalPrism{0%{background-position:0 0,0 0;filter:hue-rotate(0deg)}100%{background-position:100% 100%,0 0;filter:hue-rotate(360deg)}}

/* Ban manager modal */
.ban-manager-modal{width:min(720px,calc(100vw - 1.2rem));max-height:calc(100vh - 1rem);overflow:auto;border:1px solid rgba(248,113,113,.18);background:linear-gradient(155deg,rgba(12,18,36,.98),rgba(6,10,23,.98));box-shadow:0 34px 90px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.025) inset}
.ban-manager-header{position:sticky;top:0;z-index:4;background:rgba(8,13,27,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.ban-manager-header>div>span{display:block;color:#fb7185;font-size:.56rem;font-weight:900;letter-spacing:.12em;margin-bottom:.22rem}.ban-manager-header h3{margin:0;color:#f8fafc!important;font-size:1rem}.ban-manager-header h3 i{color:#fb7185;margin-right:.4rem}
.ban-target-card,.ban-ip-hero{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:1rem;background:linear-gradient(135deg,rgba(248,113,113,.095),rgba(15,23,42,.58));border:1px solid rgba(248,113,113,.15);margin-bottom:1rem}
.ban-target-avatar{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:16px;background:linear-gradient(135deg,#312e81,#7f1d1d);border:2px solid rgba(255,255,255,.1);overflow:hidden;font-weight:900}.ban-target-avatar img{width:100%;height:100%;object-fit:cover}.ban-target-card>div:nth-child(2){min-width:0;flex:1}.ban-target-card strong,.ban-target-card span,.ban-target-card code{display:block}.ban-target-card strong{color:#f8fafc;font-size:.82rem}.ban-target-card span{color:#94a3b8;font-size:.65rem;margin:.15rem 0}.ban-target-card code{width:max-content;max-width:100%;padding:.23rem .42rem;border-radius:.45rem;background:rgba(0,0,0,.22);color:#fca5a5;font-size:.58rem;overflow:hidden;text-overflow:ellipsis}.ban-target-card>i{color:#fb7185;font-size:1.15rem}
.ban-section{margin-top:1rem}.ban-section-title{display:flex;align-items:center;gap:.6rem;margin-bottom:.62rem}.ban-section-title>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.2);color:#fb7185;font-size:.62rem;font-weight:900}.ban-section-title strong,.ban-section-title small{display:block}.ban-section-title strong{font-size:.72rem;color:#e2e8f0}.ban-section-title small{font-size:.57rem;color:#64748b;margin-top:.1rem}
.ban-duration-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.52rem}.ban-duration-option{position:relative;min-height:64px;padding:.65rem .7rem;text-align:left;border-radius:.78rem;border:1px solid rgba(255,255,255,.075);background:rgba(10,17,33,.72);color:#cbd5e1;cursor:pointer;transition:.2s ease}.ban-duration-option span,.ban-duration-option small{display:block}.ban-duration-option span{font-size:.68rem;font-weight:850}.ban-duration-option small{font-size:.51rem;color:#64748b;margin-top:.2rem}.ban-duration-option>i{position:absolute;right:.55rem;top:.55rem;color:#fbbf24;opacity:0;transform:scale(.6);transition:.18s}.ban-duration-option:hover{transform:translateY(-2px);border-color:rgba(251,191,36,.24)}.ban-duration-option.is-selected{border-color:#f59e0b;background:linear-gradient(145deg,rgba(245,158,11,.12),rgba(15,23,42,.8));box-shadow:0 0 0 1px rgba(245,158,11,.1)}.ban-duration-option.is-selected>i{opacity:1;transform:scale(1)}.ban-duration-option.is-danger{color:#fca5a5}.ban-duration-option.is-danger.is-selected{border-color:#ef4444;background:rgba(127,29,29,.18)}
.ban-custom-duration{display:none;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.65rem;padding:.7rem;border-radius:.8rem;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.13)}.ban-custom-duration.is-open{display:grid;animation:fadeIn .18s ease}.ban-custom-duration label{display:block;margin-bottom:.3rem;color:#94a3b8;font-size:.57rem;font-weight:750}.ban-custom-duration input,.ban-custom-duration select{width:100%}
.ban-reason-textarea{width:100%;resize:vertical;min-height:92px}.ban-ip-together{display:flex;align-items:center;gap:.7rem;margin-top:1rem;padding:.75rem;border-radius:.9rem;background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.14);cursor:pointer}.ban-ip-together>input{position:absolute;opacity:0}.ban-toggle-box{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.16)}.ban-ip-together strong,.ban-ip-together small{display:block}.ban-ip-together strong{color:#dbeafe;font-size:.67rem}.ban-ip-together small{color:#64748b;font-size:.55rem;line-height:1.35;margin-top:.15rem}.ban-ip-together:has(input:checked){border-color:rgba(59,130,246,.38);background:rgba(59,130,246,.12)}.ban-ip-together:has(input:checked) .ban-toggle-box{background:#2563eb;color:#fff}.ban-warning{display:flex;align-items:flex-start;gap:.55rem;margin:1rem 0;padding:.65rem .7rem;border-radius:.72rem;color:#fbbf24;background:rgba(245,158,11,.065);border:1px solid rgba(245,158,11,.14);font-size:.59rem;line-height:1.45}.ban-warning.is-ip{color:#fca5a5;background:rgba(248,113,113,.06);border-color:rgba(248,113,113,.14)}.ban-confirm-button{width:100%;min-height:48px;justify-content:center;gap:.45rem}.ban-ip-hero>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:15px;background:rgba(248,113,113,.12);color:#fb7185;font-size:1.05rem}.ban-ip-hero strong{display:block;color:#f8fafc;font-size:.75rem}.ban-ip-hero p{margin:.2rem 0 0;color:#94a3b8;font-size:.59rem;line-height:1.45}.ban-ip-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}

@media(max-width:650px){.ban-duration-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ban-custom-duration{grid-template-columns:1fr}.ban-manager-modal .modal-body{padding:.85rem}.pf-achievement-grid--manage{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pf-hero:is(.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg,.pf-background-card:is(.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-background-card__preview,.pf-hero:is(.profile-bg-violet,.profile-bg-aurora,.profile-bg-founder,.profile-bg-forge-core,.profile-bg-beta-lab,.profile-bg-frost,.profile-bg-golden-horizon,.profile-bg-solar-flare,.profile-bg-cosmic-rift,.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg::before,.pf-hero:is(.profile-bg-violet,.profile-bg-aurora,.profile-bg-founder,.profile-bg-forge-core,.profile-bg-beta-lab,.profile-bg-frost,.profile-bg-golden-horizon,.profile-bg-solar-flare,.profile-bg-cosmic-rift,.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg::after{animation:none!important}}
body.lite-mode .pf-hero:is(.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg,body.lite-mode .pf-hero:is(.profile-bg-violet,.profile-bg-aurora,.profile-bg-founder,.profile-bg-forge-core,.profile-bg-beta-lab,.profile-bg-frost,.profile-bg-golden-horizon,.profile-bg-solar-flare,.profile-bg-cosmic-rift,.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg::before,body.lite-mode .pf-hero:is(.profile-bg-violet,.profile-bg-aurora,.profile-bg-founder,.profile-bg-forge-core,.profile-bg-beta-lab,.profile-bg-frost,.profile-bg-golden-horizon,.profile-bg-solar-flare,.profile-bg-cosmic-rift,.profile-bg-pixel-flux,.profile-bg-neon-grid,.profile-bg-starfield,.profile-bg-ember-storm,.profile-bg-liquid-gold,.profile-bg-northern-lights,.profile-bg-royal-prism) .pf-hero-bg::after{animation:none!important}


/* ========================================================================== */
/* Rewards UI polish, safe avatar decorations and medal ticker — 2026-07-29   */
/* ========================================================================== */

/* Special-role cards must never clip their controls or member names. */
.special-role-beta-wrap,.special-role-beta,.special-role-card,.special-role-card__top>div,.special-role-member__user>div{min-width:0}
.special-role-beta-wrap{width:100%}
.special-role-beta .adm-card-pad{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;overflow:hidden}
.special-role-beta .adm-btn{width:100%;min-height:48px;justify-content:center;white-space:normal}
.special-role-card__top{grid-template-columns:68px minmax(0,1fr) 34px}
.special-role-card__eyebrow{flex-wrap:wrap;line-height:1.35}
.special-role-card h3,.special-role-card p{overflow-wrap:break-word;word-break:normal}
.special-role-member{min-width:0;flex-wrap:wrap}
.special-role-member__user{flex:1 1 180px;max-width:100%}
.special-role-member__user strong{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.special-role-auto,.special-role-member>.adm-btn{max-width:100%;white-space:normal;text-align:center;justify-content:center}

/* Creator personalization cards: readable text, larger previews, stable buttons. */
.personalization-decoration-admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1rem}
.personalization-decoration-admin{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:.9rem;align-items:center;min-width:0;padding:.9rem;overflow:hidden}
.personalization-decoration-admin__preview{width:112px;height:100px;overflow:hidden;border-radius:1rem;background:radial-gradient(circle at 50% 34%,rgba(255,159,28,.12),transparent 64%),rgba(4,9,20,.8)}
.personalization-decoration-admin__copy{min-width:0;align-self:center}
.personalization-decoration-admin__copy small{display:block;line-height:1.45;letter-spacing:.03em;white-space:normal;overflow-wrap:break-word;word-break:normal}
.personalization-decoration-admin__copy strong{font-size:.82rem;line-height:1.3;margin:.3rem 0}
.personalization-decoration-admin__copy p{font-size:.64rem;line-height:1.5;overflow-wrap:break-word;word-break:normal}
.personalization-decoration-admin>.adm-btn{grid-column:1/-1;width:100%;min-height:42px;justify-content:center;white-space:normal}
.personalization-decoration-admin .pf-avatar-decor-demo{width:76px;height:76px}
.personalization-decoration-admin .pf-avatar-decor-demo__face{width:64px;height:64px;border-radius:19px}
.personalization-decoration-admin .pf-avatar-decor-demo .avatar-decoration{transform:scale(.72);transform-origin:center}

/* Decorations render only inside their dedicated layer, never on a card/background. */
.pf-hero{overflow:hidden}
.pf-avatar-wrap{padding:18px;margin:-18px;overflow:hidden;border-radius:34px;box-sizing:content-box}
.pf-avatar-stage{overflow:visible}
.avatar-decoration{max-width:none;max-height:none}
.pf-avatar-decor-card,.pf-avatar-decor-progress,.personalization-decoration-admin{contain:layout paint}
.pf-avatar-decor-grid,.pf-avatar-decor-progress-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:1rem}
.pf-avatar-decor-card{grid-template-columns:100px minmax(0,1fr) 30px;min-height:112px;padding:.85rem;overflow:hidden}
.pf-avatar-decor-card__preview{width:100px;height:90px;overflow:hidden}
.pf-avatar-decor-demo{width:70px;height:70px}
.pf-avatar-decor-demo__face{width:62px;height:62px;border-radius:18px}
.pf-avatar-decor-demo .avatar-decoration{inset:-18px;transform:scale(.72);transform-origin:center}
.pf-avatar-decor-card__copy small{line-height:1.35;white-space:normal;overflow-wrap:break-word;word-break:normal}
.pf-avatar-decor-card__copy strong{font-size:.82rem}
.pf-avatar-decor-card__copy em{font-size:.65rem;line-height:1.45;overflow-wrap:break-word;word-break:normal}
.pf-avatar-decor-progress{grid-template-columns:100px minmax(0,1fr) auto;overflow:hidden}

/* Scope legacy decoration art to the real avatar-decoration layer. */
.avatar-decoration.avatar-decor-new-year>i{display:none}
.avatar-decoration.avatar-decor-new-year::before{content:"";position:absolute;width:54px;height:48px;left:5px;top:-7px;background:linear-gradient(145deg,#fb7185 0 18%,#dc2626 54%,#991b1b 100%);clip-path:polygon(10% 92%,50% 4%,96% 88%);transform:rotate(-18deg);border-radius:45% 45% 12px 12px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.38))}
.avatar-decoration.avatar-decor-new-year::after{content:"";position:absolute;width:16px;height:16px;left:42px;top:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#e2e8f0 70%);box-shadow:-26px 44px 0 4px #f8fafc,-13px 44px 0 4px #fff,0 44px 0 4px #f8fafc}
.avatar-decoration.avatar-decor-new-year.is-animated::before{animation:avatarHatFloat 3.2s ease-in-out infinite}
.avatar-decoration.avatar-decor-new-year.is-animated::after{animation:avatarPomGlow 2.4s ease-in-out infinite}
.avatar-decoration.avatar-decor-laurel>i{left:2px;bottom:7px;font-size:30px;transform:rotate(-32deg);color:#34d399}
.avatar-decoration.avatar-decor-laurel::after{content:"\f06c";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;position:absolute;right:2px;bottom:7px;font-size:30px;color:#fbbf24;transform:scaleX(-1) rotate(-32deg);text-shadow:0 0 12px rgba(251,191,36,.55)}
.avatar-decoration.avatar-decor-crown>i{left:50%;top:-4px;transform:translateX(-50%) rotate(-4deg);font-size:40px;background:linear-gradient(135deg,#fff7ae,#fbbf24 42%,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 9px rgba(251,191,36,.55))}
.avatar-decoration.avatar-decor-crown.is-animated>i{animation:avatarCrownFloat 3s ease-in-out infinite}
.avatar-decoration.avatar-decor-beta-sparks>i{display:none}
.avatar-decoration.avatar-decor-beta-sparks::before,.avatar-decoration.avatar-decor-beta-sparks::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:25px -5px 0 #22d3ee,74px 8px 0 #34d399,94px 45px 0 #22d3ee,12px 72px 0 #6ee7b7,72px 88px 0 #67e8f9;filter:drop-shadow(0 0 7px #34d399)}
.avatar-decoration.avatar-decor-beta-sparks::before{left:8px;top:8px}.avatar-decoration.avatar-decor-beta-sparks::after{left:18px;top:23px;transform:scale(.55);opacity:.7}
.avatar-decoration.avatar-decor-beta-sparks.is-animated::before{animation:avatarSparkOrbit 5s linear infinite}.avatar-decoration.avatar-decor-beta-sparks.is-animated::after{animation:avatarSparkOrbitReverse 4s linear infinite}
.avatar-decoration.avatar-decor-star-halo{border:2px solid rgba(251,191,36,.62);border-radius:50%;inset:-10px;box-shadow:0 0 18px rgba(168,85,247,.28),inset 0 0 18px rgba(251,191,36,.15)}
.avatar-decoration.avatar-decor-star-halo>i{right:-2px;top:5px;font-size:23px;background:linear-gradient(135deg,#fff7ae,#fbbf24,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}
.avatar-decoration.avatar-decor-star-halo::after{content:"✦";position:absolute;left:2px;bottom:10px;color:#c084fc;font-size:22px;text-shadow:0 0 12px currentColor}
.avatar-decoration.avatar-decor-star-halo.is-animated{animation:avatarHaloSpin 9s linear infinite}
.avatar-decoration.avatar-decor-forge-wings>i{left:-4px;top:34px;font-size:36px;color:#22d3ee;transform:rotate(-28deg)}
.avatar-decoration.avatar-decor-forge-wings::after{content:"\f56b";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;position:absolute;right:-4px;top:34px;font-size:36px;color:#8b5cf6;transform:scaleX(-1) rotate(-28deg);text-shadow:0 0 14px rgba(139,92,246,.55)}
.avatar-decoration.avatar-decor-forge-wings.is-animated>i{animation:avatarWingLeft 2.8s ease-in-out infinite}.avatar-decoration.avatar-decor-forge-wings.is-animated::after{animation:avatarWingRight 2.8s ease-in-out infinite}

/* New safe avatar customs. */
.avatar-decoration.avatar-decor-headphones>i{display:none}
.avatar-decoration.avatar-decor-headphones::before{content:"";position:absolute;left:8px;right:8px;top:4px;height:58px;border:7px solid #fbbf24;border-bottom:0;border-radius:48px 48px 12px 12px;filter:drop-shadow(0 0 8px rgba(251,191,36,.45))}
.avatar-decoration.avatar-decor-headphones::after{content:"";position:absolute;left:2px;right:2px;top:44px;height:28px;border-left:15px solid #f97316;border-right:15px solid #f97316;border-radius:12px;filter:drop-shadow(0 0 7px rgba(249,115,22,.45))}
.avatar-decoration.avatar-decor-headphones.is-animated{animation:ffDecorPulse 2.6s ease-in-out infinite}
.avatar-decoration.avatar-decor-fox-ears>i{display:none}
.avatar-decoration.avatar-decor-fox-ears::before,.avatar-decoration.avatar-decor-fox-ears::after{content:"";position:absolute;top:-3px;width:38px;height:44px;background:linear-gradient(145deg,#fb7185,#f97316);clip-path:polygon(50% 0,100% 100%,0 78%);filter:drop-shadow(0 4px 7px rgba(0,0,0,.35))}
.avatar-decoration.avatar-decor-fox-ears::before{left:5px;transform:rotate(-13deg)}.avatar-decoration.avatar-decor-fox-ears::after{right:5px;transform:scaleX(-1) rotate(-13deg)}
.avatar-decoration.avatar-decor-fox-ears.is-animated::before{animation:ffEarLeft 3s ease-in-out infinite}.avatar-decoration.avatar-decor-fox-ears.is-animated::after{animation:ffEarRight 3s ease-in-out infinite}
.avatar-decoration.avatar-decor-cyber-visor>i{display:none}
.avatar-decoration.avatar-decor-cyber-visor::before{content:"";position:absolute;left:7px;right:7px;top:39px;height:21px;border-radius:7px;background:linear-gradient(90deg,rgba(34,211,238,.2),#22d3ee,#8b5cf6,rgba(139,92,246,.2));border:1px solid rgba(255,255,255,.45);box-shadow:0 0 16px #22d3ee;transform:skewX(-8deg)}
.avatar-decoration.avatar-decor-cyber-visor.is-animated::before{background-size:220% 100%;animation:ffVisorSweep 2.2s linear infinite}
.avatar-decoration.avatar-decor-sakura>i{display:none}
.avatar-decoration.avatar-decor-sakura::before,.avatar-decoration.avatar-decor-sakura::after{content:"✿";position:absolute;color:#f9a8d4;font-size:24px;text-shadow:32px 12px 0 #fb7185,68px -3px 0 #fbcfe8,78px 54px 0 #f9a8d4,8px 67px 0 #fb7185;filter:drop-shadow(0 0 7px rgba(249,168,212,.55))}
.avatar-decoration.avatar-decor-sakura::before{left:4px;top:3px}.avatar-decoration.avatar-decor-sakura::after{left:18px;top:15px;opacity:.5;transform:scale(.55)}
.avatar-decoration.avatar-decor-sakura.is-animated::before{animation:ffPetalDrift 5s ease-in-out infinite}.avatar-decoration.avatar-decor-sakura.is-animated::after{animation:ffPetalDrift 4s ease-in-out infinite reverse}
.avatar-decoration.avatar-decor-moon-tiara>i{left:50%;top:-4px;transform:translateX(-50%);font-size:34px;color:#c4b5fd;filter:drop-shadow(0 0 12px #38bdf8)}
.avatar-decoration.avatar-decor-moon-tiara::after{content:"✦  ✧  ✦";position:absolute;left:50%;top:25px;transform:translateX(-50%);white-space:nowrap;color:#bae6fd;font-size:14px;text-shadow:0 0 9px currentColor}
.avatar-decoration.avatar-decor-moon-tiara.is-animated>i{animation:ffMoonFloat 3.4s ease-in-out infinite}
.avatar-decoration.avatar-decor-autumn-wreath>i{left:0;bottom:5px;font-size:34px;color:#84cc16;transform:rotate(-34deg)}
.avatar-decoration.avatar-decor-autumn-wreath::after{content:"\f06c";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;position:absolute;right:0;bottom:5px;font-size:34px;color:#f59e0b;transform:scaleX(-1) rotate(-34deg);text-shadow:0 0 10px rgba(245,158,11,.5)}
.avatar-decoration.avatar-decor-confetti>i{display:none}
.avatar-decoration.avatar-decor-confetti::before,.avatar-decoration.avatar-decor-confetti::after{content:"";position:absolute;width:6px;height:11px;border-radius:4px;background:#f472b6;box-shadow:22px -7px 0 #22d3ee,48px 5px 0 #fbbf24,78px -4px 0 #a78bfa,91px 32px 0 #34d399,70px 76px 0 #fb7185,31px 82px 0 #38bdf8,4px 51px 0 #fbbf24}
.avatar-decoration.avatar-decor-confetti::before{left:2px;top:3px}.avatar-decoration.avatar-decor-confetti::after{left:10px;top:14px;transform:rotate(55deg);opacity:.65}
.avatar-decoration.avatar-decor-confetti.is-animated::before{animation:ffConfettiSpin 5s linear infinite}.avatar-decoration.avatar-decor-confetti.is-animated::after{animation:ffConfettiSpin 4s linear infinite reverse}
.avatar-decoration.avatar-decor-ice-crystal>i{left:50%;top:-5px;transform:translateX(-50%);font-size:39px;color:#bae6fd;filter:drop-shadow(0 0 13px #22d3ee)}
.avatar-decoration.avatar-decor-ice-crystal::after{content:"✦";position:absolute;right:4px;top:30px;color:#fff;font-size:20px;text-shadow:-75px 38px 0 #67e8f9,0 0 12px #fff}
.avatar-decoration.avatar-decor-ice-crystal.is-animated>i{animation:ffCrystalSpin 7s linear infinite}
@keyframes ffDecorPulse{50%{filter:brightness(1.25) drop-shadow(0 0 8px rgba(251,191,36,.45))}}
@keyframes ffEarLeft{50%{transform:rotate(-19deg) translateY(-2px)}}@keyframes ffEarRight{50%{transform:scaleX(-1) rotate(-19deg) translateY(-2px)}}
@keyframes ffVisorSweep{0%{background-position:0 0}100%{background-position:220% 0}}
@keyframes ffPetalDrift{50%{transform:translate(5px,6px) rotate(8deg)}}
@keyframes ffMoonFloat{50%{transform:translateX(-50%) translateY(-4px) rotate(8deg)}}
@keyframes ffConfettiSpin{to{transform:rotate(360deg)}}
@keyframes ffCrystalSpin{to{transform:translateX(-50%) rotate(360deg)}}

/* Automatic medal carousel. */
.pf-achievement-carousel{position:relative;overflow-x:auto;overflow-y:hidden;padding:.2rem .05rem .55rem;scrollbar-width:none;overscroll-behavior-inline:contain;mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)}
.pf-achievement-carousel::-webkit-scrollbar{display:none}
.pf-achievement-track{display:flex;align-items:stretch;gap:.8rem;width:max-content;min-width:100%}
.pf-achievement-carousel .pf-achievement-card{flex:0 0 clamp(270px,30vw,365px);min-height:132px}
.pf-achievement-carousel-nav{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.55rem;color:var(--text-3);font-size:.62rem}
.pf-achievement-carousel-nav span{display:inline-flex;align-items:center;gap:.4rem}
.pf-achievement-carousel-nav button{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,159,28,.18);background:rgba(255,159,28,.075);color:#ffb24c;cursor:pointer;transition:.18s ease}
.pf-achievement-carousel-nav button:hover{transform:translateY(-2px);background:rgba(255,159,28,.14)}

/* One compact achievement can be pinned next to the nickname. */
.pf-name{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}
.pf-featured-medal{--achievement-start:#fbbf24;--achievement-end:#f97316;position:relative;display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;flex:0 0 29px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--achievement-start) 20%,rgba(8,13,28,.95)),rgba(8,13,28,.92));border:1px solid color-mix(in srgb,var(--achievement-start) 45%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--achievement-start) 18%,transparent);vertical-align:middle}
.pf-featured-medal i{font-size:.78rem;background:linear-gradient(135deg,var(--achievement-start),var(--achievement-end));-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-featured-medal>span{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,5px);width:max-content;max-width:220px;padding:.42rem .55rem;border-radius:.55rem;background:#070d1b;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:.58rem;font-weight:750;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:15}
.pf-featured-medal:hover>span{opacity:1;visibility:visible;transform:translate(-50%,0)}
.pf-featured-medal--unique,.pf-featured-medal--legendary{animation:ffFeaturedMedalGlow 2.8s ease-in-out infinite}
@keyframes ffFeaturedMedalGlow{50%{box-shadow:0 0 25px color-mix(in srgb,var(--achievement-start) 34%,transparent);transform:translateY(-1px)}}
.pf-achievement-card__actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:.45rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.055)}
.pf-achievement-feature,.pf-achievement-visibility{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center;gap:.35rem;min-height:31px;padding:.35rem .55rem;border-radius:.58rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--text-3);font-size:.57rem;font-weight:800;cursor:pointer;transition:.18s ease}
.pf-achievement-feature:hover,.pf-achievement-visibility:hover{transform:translateY(-1px);border-color:rgba(251,191,36,.24)}
.pf-achievement-feature.is-featured{color:#fbbf24;background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.28)}
.pf-achievement-visibility.is-visible{color:#6ee7b7;background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.2)}
.pf-showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.pf-showcase-toolbar>div:last-child{display:flex;gap:.5rem;flex-wrap:wrap}
.pf-showcase-toolbar__hint{display:flex;align-items:flex-start;gap:.5rem;max-width:560px;color:var(--text-3);font-size:.63rem;line-height:1.45}
.pf-showcase-toolbar__hint i{color:#fbbf24;margin-top:.1rem}

@media(max-width:760px){
  .special-role-card__top{grid-template-columns:56px minmax(0,1fr) 32px}.special-role-card__top img{width:56px;height:56px}
  .personalization-decoration-admin-grid{grid-template-columns:1fr}.personalization-decoration-admin{grid-template-columns:92px minmax(0,1fr)}.personalization-decoration-admin__preview{width:92px;height:88px}
  .pf-avatar-decor-card{grid-template-columns:86px minmax(0,1fr) 28px}.pf-avatar-decor-card__preview{width:86px;height:82px}
  .pf-achievement-carousel{mask-image:none}.pf-achievement-carousel .pf-achievement-card{flex-basis:min(86vw,330px)}
  .pf-showcase-toolbar{align-items:flex-start;flex-direction:column}.pf-showcase-toolbar>div:last-child{width:100%}.pf-showcase-toolbar>div:last-child .btn{flex:1 1 150px;justify-content:center}
  .pf-name{justify-content:center}.pf-featured-medal{width:27px;height:27px;flex-basis:27px}
}
@media(max-width:430px){
  .personalization-decoration-admin{grid-template-columns:1fr}.personalization-decoration-admin__preview{width:100%;height:112px}.personalization-decoration-admin>.adm-btn{grid-column:1}
  .pf-avatar-decor-card{grid-template-columns:74px minmax(0,1fr) 26px;padding:.7rem}.pf-avatar-decor-card__preview{width:74px;height:76px}.pf-avatar-decor-demo{transform:scale(.88)}
  .pf-achievement-card__actions{justify-content:stretch}.pf-achievement-feature,.pf-achievement-visibility{flex:1}
}

/* =========================================================
   2026-07-29: full audit polish, avatar frames, extra customs,
   unlimited creator medals and stable admin layouts
   ========================================================= */

/* Stable profile title: the nickname never moves when many medals are pinned. */
.pf-title-line{display:flex;align-items:center;gap:.65rem;min-width:0;max-width:100%;margin:0 0 .15rem}
.pf-title-line .pf-name{display:block;min-width:0;flex:0 1 auto;margin:0;white-space:normal}
.pf-featured-medals{display:flex;align-items:center;gap:.34rem;min-width:0;max-width:min(100%,560px);padding:.2rem .15rem;overflow-x:auto;overflow-y:visible;scrollbar-width:none;overscroll-behavior-inline:contain}
.pf-featured-medals::-webkit-scrollbar{display:none}
.pf-featured-medals .pf-featured-medal{width:27px;height:27px;flex:0 0 27px;border-radius:9px}
.pf-featured-medals .pf-featured-medal i{font-size:.72rem}
.pf-featured-medals .pf-featured-medal>span{bottom:calc(100% + 7px)}

/* Creator user preview: compact prefix, clean name and no oversized pill. */
.personalization-admin-user{align-items:center}
.personalization-admin-user__card{min-width:0;min-height:82px;padding:.72rem .8rem;align-items:center;overflow:hidden}
.personalization-admin-user__identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;line-height:1.2}
.personalization-admin-user__identity strong{display:block;max-width:100%;font-size:.84rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.personalization-admin-user__identity>span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.personalization-admin-user__identity>small{margin-top:.24rem;color:#6f83a6;font-size:.54rem}
.personalization-admin-user__prefix{display:flex;max-width:100%;margin-bottom:.34rem}
.personalization-admin-user__prefix .ff-user-prefix{max-width:170px;padding:.28rem .52rem;font-size:.56rem;overflow:hidden}
.personalization-admin-user__prefix .ff-user-prefix span{display:block;overflow:hidden;text-overflow:ellipsis}
.personalization-user-avatar-stage{width:58px;height:58px;flex:0 0 58px;isolation:isolate}
.personalization-user-avatar-stage .adm-avatar{width:52px!important;height:52px!important;z-index:2}
.personalization-user-avatar-stage .avatar-decoration{inset:-15px;transform:scale(.58);transform-origin:center}

/* Balanced beta-test card: no giant empty area or detached action button. */
.special-role-beta-wrap .special-role-beta .adm-card-pad{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:1.25rem;align-items:stretch;padding:1.15rem}
.special-role-beta__content{min-width:0;display:flex;flex-direction:column;justify-content:center}
.special-role-beta__action{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.55rem;padding:1rem;border-radius:1rem;background:linear-gradient(145deg,rgba(52,211,153,.08),rgba(34,211,238,.035));border:1px solid rgba(52,211,153,.14)}
.special-role-beta__action .adm-btn{width:100%;min-width:0;min-height:48px;justify-content:center;font-size:.78rem}
.special-role-beta__action small{color:var(--text-3);font-size:.58rem;line-height:1.45;text-align:center}
.special-role-beta__head{align-items:flex-start}
.special-role-beta__head>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.16)}
.special-role-beta__state{margin:.75rem 0 .65rem}
.special-role-beta__allowed{margin:0;gap:.5rem}
.special-role-beta__allowed span{padding:.46rem .62rem}

/* Avatar frame system. */
.pf-avatar-stage{isolation:isolate}
.pf-avatar-stage .pf-avatar-image,.pf-avatar-stage>.pf-avatar{z-index:2}
.avatar-frame{--frame-start:#22d3ee;--frame-end:#8b5cf6;position:absolute;inset:-7px;z-index:1;border-radius:27px;background:conic-gradient(from 0deg,var(--frame-start),var(--frame-end),#fff,var(--frame-start));box-shadow:0 0 15px color-mix(in srgb,var(--frame-start) 38%,transparent),0 0 28px color-mix(in srgb,var(--frame-end) 24%,transparent);pointer-events:none}
.avatar-frame::before{content:"";position:absolute;inset:3px;border-radius:23px;background:#091020;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.avatar-frame::after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.9),transparent 8%),radial-gradient(circle at 82% 70%,rgba(255,255,255,.65),transparent 7%);opacity:.5;filter:blur(.2px)}
.avatar-frame.is-animated{animation:ffAvatarFrameSpin 5.5s linear infinite,ffAvatarFramePulse 2.8s ease-in-out infinite}
@keyframes ffAvatarFrameSpin{to{transform:rotate(360deg)}}
@keyframes ffAvatarFramePulse{50%{filter:saturate(1.35) brightness(1.18);box-shadow:0 0 22px color-mix(in srgb,var(--frame-start) 52%,transparent),0 0 38px color-mix(in srgb,var(--frame-end) 34%,transparent)}}
.avatar-frame-neon-cyan{background:conic-gradient(from 20deg,#22d3ee,#60a5fa,#22d3ee,#e0f2fe,#22d3ee)}
.avatar-frame-emerald{background:conic-gradient(from 45deg,#34d399,#22d3ee,#10b981,#a7f3d0,#34d399)}
.avatar-frame-royal-gold{background:conic-gradient(from 0deg,#f59e0b,#fff7ae,#fbbf24,#f97316,#fbbf24)}
.avatar-frame-rainbow{background:conic-gradient(#fb7185,#fbbf24,#34d399,#22d3ee,#8b5cf6,#ec4899,#fb7185)}
.avatar-frame-fire{background:conic-gradient(#7f1d1d,#ef4444,#f97316,#fbbf24,#ef4444,#7f1d1d)}
.avatar-frame-galaxy{background:conic-gradient(#1e1b4b,#8b5cf6,#22d3ee,#ec4899,#312e81,#8b5cf6)}
.avatar-frame-beta{background:conic-gradient(#052e2b,#34d399,#22d3ee,#a7f3d0,#059669,#34d399)}
.avatar-frame-founder{background:conic-gradient(#7c2d12,#fbbf24,#fff7ae,#ef4444,#a855f7,#fbbf24)}
.avatar-frame-chrome{background:conic-gradient(#475569,#f8fafc,#60a5fa,#cbd5e1,#fff,#64748b)}
.avatar-frame-void{background:conic-gradient(#020617,#7c3aed,#0ea5e9,#111827,#a855f7,#020617)}

.pf-avatar-frame-grid,.pf-avatar-frame-progress-grid,.personalization-frame-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}
.pf-avatar-frame-card{display:grid;grid-template-columns:82px minmax(0,1fr) 30px;gap:.75rem;align-items:center;width:100%;padding:.72rem;text-align:left;border-radius:1rem;border:1px solid rgba(255,255,255,.07);background:rgba(7,12,24,.88);color:inherit;cursor:pointer;transition:.2s ease;overflow:hidden}
.pf-avatar-frame-card:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.25)}
.pf-avatar-frame-card.is-active{border-color:rgba(34,211,238,.48);box-shadow:0 0 0 1px rgba(34,211,238,.12) inset,0 12px 30px rgba(34,211,238,.08)}
.pf-avatar-frame-card__preview{width:78px;height:74px;display:grid;place-items:center;border-radius:.8rem;background:rgba(4,9,20,.72);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.pf-avatar-frame-demo{position:relative;width:56px;height:56px;display:grid;place-items:center;isolation:isolate}
.pf-avatar-frame-demo__face{position:relative;z-index:2;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.12);color:#94a3b8}
.pf-avatar-frame-demo .avatar-frame{inset:-3px;border-radius:20px;transform:scale(.88)}
.pf-avatar-frame-demo .avatar-frame::before{inset:2px;border-radius:17px}
.pf-avatar-frame-card__copy{display:block;min-width:0}
.pf-avatar-frame-card__copy small,.pf-avatar-frame-card__copy strong,.pf-avatar-frame-card__copy em{display:block}
.pf-avatar-frame-card__copy small{font-size:.55rem;font-weight:900;text-transform:uppercase}
.pf-avatar-frame-card__copy strong{margin:.18rem 0;color:var(--text-1);font-size:.74rem}
.pf-avatar-frame-card__copy em{color:var(--text-3);font-size:.58rem;font-style:normal;line-height:1.4}
.pf-avatar-frame-progress,.personalization-frame-admin{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.8rem;border-radius:1rem;background:rgba(7,12,24,.88);border:1px solid rgba(255,255,255,.065);min-width:0;overflow:hidden}
.pf-avatar-frame-progress>div,.personalization-frame-admin__copy{min-width:0}
.pf-avatar-frame-progress small,.pf-avatar-frame-progress strong,.pf-avatar-frame-progress p,.personalization-frame-admin small,.personalization-frame-admin strong,.personalization-frame-admin p{display:block}
.pf-avatar-frame-progress strong,.personalization-frame-admin strong{margin:.2rem 0;color:var(--text-1);font-size:.75rem}
.pf-avatar-frame-progress p,.personalization-frame-admin p{margin:0;color:var(--text-3);font-size:.59rem;line-height:1.45}
.personalization-frame-admin__preview{width:96px;height:84px;display:grid;place-items:center;border-radius:.85rem;background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.12),transparent 65%),rgba(4,9,20,.75);overflow:hidden}
.personalization-frame-admin>.adm-btn{grid-column:1/-1;width:100%;justify-content:center}
.personalization-frame-admin.is-granted{box-shadow:inset 0 0 0 1px rgba(52,211,153,.12)}
.personalization-user-avatar-stage .avatar-frame{inset:-4px;border-radius:20px;transform:scale(.92)}
.personalization-user-avatar-stage .avatar-frame::before{inset:2px;border-radius:17px}

/* Extra safe avatar customs. All stay inside the avatar stage and profile card. */
.avatar-decoration.avatar-decor-cat-ears>i,.avatar-decoration.avatar-decor-beanie>i,.avatar-decoration.avatar-decor-wizard-hat>i,.avatar-decoration.avatar-decor-party-hat>i,.avatar-decoration.avatar-decor-cowboy-hat>i,.avatar-decoration.avatar-decor-neon-horns>i,.avatar-decoration.avatar-decor-flower-crown>i,.avatar-decoration.avatar-decor-top-hat>i,.avatar-decoration.avatar-decor-pixel-cap>i{display:none}
.avatar-decoration.avatar-decor-cat-ears::before,.avatar-decoration.avatar-decor-cat-ears::after{content:"";position:absolute;top:2px;width:31px;height:37px;background:linear-gradient(145deg,#fbcfe8,#c084fc);clip-path:polygon(50% 0,100% 100%,0 82%);border-radius:45% 45% 20% 20%;filter:drop-shadow(0 4px 7px rgba(0,0,0,.3))}
.avatar-decoration.avatar-decor-cat-ears::before{left:13px;transform:rotate(-10deg)}.avatar-decoration.avatar-decor-cat-ears::after{right:13px;transform:scaleX(-1) rotate(-10deg)}
.avatar-decoration.avatar-decor-cat-ears.is-animated::before{animation:ffCatEarLeft 3s ease-in-out infinite}.avatar-decoration.avatar-decor-cat-ears.is-animated::after{animation:ffCatEarRight 3s ease-in-out infinite}
@keyframes ffCatEarLeft{50%{transform:rotate(-16deg) translateY(-2px)}}@keyframes ffCatEarRight{50%{transform:scaleX(-1) rotate(-16deg) translateY(-2px)}}
.avatar-decoration.avatar-decor-beanie::before{content:"";position:absolute;left:15px;right:15px;top:4px;height:34px;border-radius:35px 35px 10px 10px;background:repeating-linear-gradient(90deg,#60a5fa 0 6px,#818cf8 6px 12px);box-shadow:inset 0 -9px 0 rgba(15,23,42,.28),0 4px 8px rgba(0,0,0,.28)}
.avatar-decoration.avatar-decor-beanie::after{content:"";position:absolute;width:15px;height:15px;left:50%;top:-2px;transform:translateX(-50%);border-radius:50%;background:#c4b5fd;box-shadow:0 0 9px rgba(196,181,253,.7)}
.avatar-decoration.avatar-decor-beanie.is-animated::after{animation:avatarPomGlow 2.4s ease-in-out infinite}
.avatar-decoration.avatar-decor-wizard-hat::before{content:"";position:absolute;width:52px;height:47px;left:12px;top:-2px;background:linear-gradient(145deg,#312e81,#7c3aed 55%,#22d3ee);clip-path:polygon(52% 0,100% 90%,5% 90%);transform:rotate(-8deg);filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}
.avatar-decoration.avatar-decor-wizard-hat::after{content:"✦";position:absolute;left:34px;top:12px;color:#fde68a;font-size:18px;text-shadow:12px 12px 0 #67e8f9,0 0 9px currentColor}
.avatar-decoration.avatar-decor-wizard-hat.is-animated::after{animation:ffWizardSpark 2.5s ease-in-out infinite}@keyframes ffWizardSpark{50%{transform:scale(1.25) rotate(12deg);filter:brightness(1.3)}}
.avatar-decoration.avatar-decor-party-hat::before{content:"";position:absolute;width:42px;height:44px;left:18px;top:0;background:repeating-linear-gradient(135deg,#fbbf24 0 8px,#ec4899 8px 16px,#22d3ee 16px 24px);clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(-10deg);filter:drop-shadow(0 4px 7px rgba(0,0,0,.3))}
.avatar-decoration.avatar-decor-party-hat::after{content:"";position:absolute;width:13px;height:13px;left:47px;top:-3px;border-radius:50%;background:#fff;box-shadow:-28px 43px 0 2px #f8fafc,-17px 43px 0 2px #fff,-6px 43px 0 2px #f8fafc}
.avatar-decoration.avatar-decor-party-hat.is-animated::before{animation:avatarHatFloat 3.1s ease-in-out infinite}
.avatar-decoration.avatar-decor-cowboy-hat::before{content:"";position:absolute;left:12px;right:12px;top:14px;height:23px;border-radius:55% 55% 25% 25%;background:linear-gradient(#d97706,#92400e);box-shadow:0 5px 0 6px #b45309,0 8px 12px rgba(0,0,0,.35)}
.avatar-decoration.avatar-decor-angel-halo>i{display:none}
.avatar-decoration.avatar-decor-angel-halo::before{content:"";position:absolute;left:16px;right:16px;top:0;height:17px;border:4px solid #fde68a;border-radius:50%;box-shadow:0 0 13px #fff7ae,0 0 22px rgba(251,191,36,.55);transform:rotate(-4deg)}
.avatar-decoration.avatar-decor-angel-halo.is-animated::before{animation:ffHaloFloat 3s ease-in-out infinite}@keyframes ffHaloFloat{50%{transform:translateY(-4px) rotate(4deg)}}
.avatar-decoration.avatar-decor-neon-horns::before,.avatar-decoration.avatar-decor-neon-horns::after{content:"";position:absolute;top:4px;width:25px;height:31px;border:5px solid #22d3ee;border-bottom:0;border-radius:65% 65% 0 0;filter:drop-shadow(0 0 8px #22d3ee)}
.avatar-decoration.avatar-decor-neon-horns::before{left:13px;transform:rotate(-28deg)}.avatar-decoration.avatar-decor-neon-horns::after{right:13px;border-color:#a855f7;filter:drop-shadow(0 0 8px #a855f7);transform:rotate(28deg)}
.avatar-decoration.avatar-decor-neon-horns.is-animated{animation:ffDecorPulse 2.2s ease-in-out infinite}
.avatar-decoration.avatar-decor-flower-crown::before{content:"✿  ✾  ✿  ✾";position:absolute;left:50%;top:2px;transform:translateX(-50%);white-space:nowrap;color:#f9a8d4;font-size:20px;text-shadow:0 0 8px rgba(249,168,212,.7),0 7px 0 #34d399}
.avatar-decoration.avatar-decor-flower-crown.is-animated::before{animation:ffFlowerSway 3.4s ease-in-out infinite}@keyframes ffFlowerSway{50%{transform:translateX(-50%) rotate(3deg) translateY(-2px)}}
.avatar-decoration.avatar-decor-top-hat::before{content:"";position:absolute;left:23px;right:23px;top:0;height:38px;border-radius:7px 7px 3px 3px;background:linear-gradient(145deg,#111827,#312e81);border-bottom:7px solid #fbbf24;box-shadow:0 4px 0 8px #0f172a,0 8px 14px rgba(0,0,0,.4)}
.avatar-decoration.avatar-decor-top-hat::after{content:"✦";position:absolute;left:50%;top:8px;transform:translateX(-50%);color:#fde68a;text-shadow:0 0 9px currentColor}
.avatar-decoration.avatar-decor-top-hat.is-animated::after{animation:ffWizardSpark 2.6s ease-in-out infinite}
.avatar-decoration.avatar-decor-pixel-cap::before{content:"";position:absolute;left:15px;right:14px;top:8px;height:26px;background:linear-gradient(90deg,#22d3ee 0 32%,#34d399 32% 66%,#0f172a 66%);clip-path:polygon(0 25%,70% 0,100% 25%,100% 70%,65% 70%,50% 100%,0 100%);image-rendering:pixelated;box-shadow:0 4px 8px rgba(0,0,0,.3)}
.avatar-decoration.avatar-decor-pixel-cap.is-animated::before{animation:ffPixelCap 2.8s steps(4,end) infinite}@keyframes ffPixelCap{50%{filter:hue-rotate(80deg) brightness(1.2)}}

/* Creator reward actions stay readable. */
.personalization-reward-card__actions{display:flex;flex-direction:column;gap:.42rem;min-width:126px}
.personalization-reward-card__actions .adm-btn{width:100%;justify-content:center;white-space:normal;line-height:1.2}
.personalization-reward-card.is-featured{box-shadow:inset 0 0 0 1px rgba(251,191,36,.18),0 0 28px rgba(251,191,36,.08)}

@media(max-width:900px){
  .special-role-beta-wrap .special-role-beta .adm-card-pad{grid-template-columns:1fr}
  .special-role-beta__action{padding:.8rem}
  .personalization-admin-user{grid-template-columns:1fr}
}
@media(max-width:760px){
  .pf-title-line{flex-direction:column;align-items:center;gap:.35rem}
  .pf-featured-medals{max-width:100%;justify-content:flex-start}
  .pf-avatar-frame-grid,.pf-avatar-frame-progress-grid,.personalization-frame-admin-grid{grid-template-columns:1fr}
  .personalization-frame-admin,.pf-avatar-frame-progress{grid-template-columns:82px minmax(0,1fr)}
  .personalization-frame-admin__preview{width:82px;height:76px}
  .personalization-frame-admin>.adm-btn{grid-column:1/-1}
  .personalization-reward-card__actions{grid-column:1/-1;min-width:0;flex-direction:row}
  .personalization-reward-card__actions .adm-btn{flex:1}
}
@media(max-width:480px){
  .personalization-admin-user__card{align-items:center}
  .personalization-admin-user__prefix .ff-user-prefix{max-width:125px}
  .pf-avatar-frame-card{grid-template-columns:72px minmax(0,1fr) 26px;padding:.68rem}
  .pf-avatar-frame-card__preview{width:68px;height:68px}
  .personalization-frame-admin,.pf-avatar-frame-progress{grid-template-columns:1fr}
  .personalization-frame-admin__preview,.pf-avatar-frame-progress>.pf-avatar-frame-card__preview{width:100%;height:94px}
  .special-role-beta__allowed span{flex:1 1 145px;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .avatar-frame.is-animated,.avatar-decoration.avatar-decor-cat-ears.is-animated::before,.avatar-decoration.avatar-decor-cat-ears.is-animated::after,.avatar-decoration.avatar-decor-beanie.is-animated::after,.avatar-decoration.avatar-decor-wizard-hat.is-animated::after,.avatar-decoration.avatar-decor-party-hat.is-animated::before,.avatar-decoration.avatar-decor-angel-halo.is-animated::before,.avatar-decoration.avatar-decor-flower-crown.is-animated::before,.avatar-decoration.avatar-decor-top-hat.is-animated::after,.avatar-decoration.avatar-decor-pixel-cap.is-animated::before{animation:none!important}
}
body.lite-mode .avatar-frame.is-animated,body.lite-mode [class*="avatar-decor-"]{animation:none!important}

/* Final profile identity polish: long nicknames and unlimited creator medals share space safely. */
.pf-title-line .pf-name{max-width:58%;overflow-wrap:anywhere}
.pf-title-line .pf-featured-medals{flex:1 1 180px}
@media(max-width:700px){
  .pf-title-line{flex-wrap:wrap;align-items:flex-start;gap:.35rem}
  .pf-title-line .pf-name{max-width:100%;flex-basis:100%}
  .pf-title-line .pf-featured-medals{flex-basis:100%;max-width:100%;padding-left:0}
}

/* Lite/reduced-motion mode disables every generated frame and decoration layer. */
body.lite-mode .avatar-frame,
body.lite-mode .avatar-frame::before,
body.lite-mode .avatar-frame::after,
body.lite-mode .avatar-decoration,
body.lite-mode .avatar-decoration::before,
body.lite-mode .avatar-decoration::after,
body.lite-mode .avatar-decoration>i{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .avatar-frame,.avatar-frame::before,.avatar-frame::after,
  .avatar-decoration,.avatar-decoration::before,.avatar-decoration::after,.avatar-decoration>i,
  .pf-featured-medals{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}


/* ========================================================================== */
/* Medal autoplay, readable ban duration and admin search fixes — 2026-07-29  */
/* ========================================================================== */

/* The reward strip now visibly advances card-by-card instead of drifting by a
   fraction of a pixel. Scroll snapping keeps touch and arrow navigation tidy. */
.pf-achievement-carousel{
    scroll-snap-type:x proximity;
    scroll-behavior:smooth;
}
.pf-achievement-carousel .pf-achievement-card{
    scroll-snap-align:start;
    scroll-snap-stop:always;
}

/* Ban duration cards must be readable at normal browser zoom. */
.ban-section-title strong{font-size:.9rem;line-height:1.3}
.ban-section-title small{font-size:.68rem;line-height:1.45;margin-top:.15rem}
.ban-duration-option{min-height:76px;padding:.78rem .82rem}
.ban-duration-option span{font-size:.86rem;line-height:1.25;padding-right:1.2rem}
.ban-duration-option small{font-size:.67rem;line-height:1.42;margin-top:.28rem}
.ban-duration-option>i{right:.65rem;top:.65rem;font-size:.72rem}
.ban-custom-duration label{font-size:.69rem;line-height:1.35}
.ban-custom-duration input,.ban-custom-duration select{font-size:.84rem;min-height:44px}
.ban-ip-together strong{font-size:.82rem}.ban-ip-together small{font-size:.67rem}
.ban-warning{font-size:.7rem}.ban-ip-hero strong{font-size:.88rem}.ban-ip-hero p{font-size:.69rem}

/* The search field has one clean neutral shell. Global input focus rules must
   not draw a second orange frame inside it. */
.adm-sidebar-search{
    position:relative;
    padding-right:.45rem;
    border-color:rgba(148,163,184,.16);
    box-shadow:none!important;
}
.adm-sidebar-search:focus-within{
    border-color:rgba(148,163,184,.32);
    background:rgba(255,255,255,.05);
    box-shadow:none!important;
}
.adm-sidebar-search input,
.adm-sidebar-search input:hover,
.adm-sidebar-search input:focus,
.adm-sidebar-search input:focus-visible{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    background-image:none!important;
    padding:0!important;
    min-height:0!important;
    appearance:none;
    -webkit-appearance:none;
}
.adm-sidebar-search input::-webkit-search-decoration,
.adm-sidebar-search input::-webkit-search-cancel-button,
.adm-sidebar-search input::-webkit-search-results-button,
.adm-sidebar-search input::-webkit-search-results-decoration{display:none}
.adm-sidebar-search-clear{
    width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;
    border:0;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.adm-sidebar-search-clear:hover{background:rgba(255,255,255,.07);color:#e2e8f0;transform:scale(1.04)}
.adm-sidebar-search-clear[hidden]{display:none!important}
.adm-sidebar-item[hidden],.adm-sidebar-group[hidden],.adm-sidebar-item.is-search-hidden,.adm-sidebar-group.is-search-hidden{display:none!important}
.adm-sidebar-search-empty{
    display:flex;align-items:center;justify-content:center;gap:.45rem;
    min-height:42px;padding:.65rem;border-radius:11px;border:1px dashed rgba(148,163,184,.16);
    color:#64748b;font-size:.68rem;font-weight:700;text-align:center;
}
.adm-sidebar-search-empty[hidden]{display:none!important}

@media(max-width:650px){
    .ban-duration-option{min-height:72px;padding:.72rem}
    .ban-duration-option span{font-size:.82rem}
    .ban-duration-option small{font-size:.64rem}
}

/* ========================================================================== */
/* 2026-07-29: compact pinned medals — icon only, no dark rectangular chip    */
/* ========================================================================== */
.pf-featured-medal,
.pf-featured-medals .pf-featured-medal{
    width:20px;
    height:20px;
    flex:0 0 20px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}
.pf-featured-medal i,
.pf-featured-medals .pf-featured-medal i{
    display:block;
    font-size:1rem;
    line-height:1;
    filter:drop-shadow(0 0 5px color-mix(in srgb,var(--achievement-start) 42%,transparent));
}
.pf-featured-medal--unique,
.pf-featured-medal--legendary{
    animation:none;
}
.pf-featured-medal--unique i,
.pf-featured-medal--legendary i{
    animation:ffPinnedMedalIconGlow 2.8s ease-in-out infinite;
}
@keyframes ffPinnedMedalIconGlow{
    50%{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--achievement-start) 62%,transparent)) brightness(1.15)}
}
.pf-featured-medal>span{
    bottom:calc(100% + 8px);
}
@media(max-width:760px){
    .pf-featured-medal,
    .pf-featured-medals .pf-featured-medal{width:19px;height:19px;flex-basis:19px}
    .pf-featured-medal i,
    .pf-featured-medals .pf-featured-medal i{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){
    .pf-featured-medal--unique i,
    .pf-featured-medal--legendary i{animation:none!important}
}
body.lite-mode .pf-featured-medal--unique i,
body.lite-mode .pf-featured-medal--legendary i{animation:none!important}

/* ========================================================================== */
/* 2026-07-29: pinned medal cleanup — medal icon only, no visible highlight box */
/* ========================================================================== */
.pf-title-line .pf-featured-medals,
.pf-featured-medals{
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.pf-featured-medal,
.pf-featured-medals .pf-featured-medal{
    width:auto !important;
    height:auto !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    overflow:visible !important;
}
.pf-featured-medal::before,
.pf-featured-medal::after,
.pf-featured-medals .pf-featured-medal::before,
.pf-featured-medals .pf-featured-medal::after{
    content:none !important;
    display:none !important;
}
.pf-featured-medal i,
.pf-featured-medals .pf-featured-medal i{
    display:block !important;
    font-size:.98rem !important;
    line-height:1 !important;
    filter:none !important;
    text-shadow:none !important;
    transform:none !important;
}
.pf-featured-medal--unique,
.pf-featured-medal--legendary,
.pf-featured-medal--unique i,
.pf-featured-medal--legendary i,
.pf-featured-medals .pf-featured-medal--unique,
.pf-featured-medals .pf-featured-medal--legendary,
.pf-featured-medals .pf-featured-medal--unique i,
.pf-featured-medals .pf-featured-medal--legendary i{
    animation:none !important;
    box-shadow:none !important;
}
@media(max-width:760px){
    .pf-featured-medal i,
    .pf-featured-medals .pf-featured-medal i{
        font-size:.94rem !important;
    }
}


/* ========================================================================== */
/* 2026-07-29: site-wide stacked prefixes outside the main profile header      */
/* ========================================================================== */
.ff-user-identity.ff-user-identity--stacked{
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center;
    gap:.18rem !important;
    min-width:0;
    max-width:100%;
    vertical-align:middle;
    line-height:1.05;
}
.ff-user-identity--stacked .ff-user-identity__prefix-row{
    display:flex;
    align-items:center;
    min-width:0;
    max-width:100%;
    line-height:1;
}
.ff-user-identity--stacked .ff-user-prefix.is-stacked-prefix{
    max-width:100%;
    padding:.2rem .42rem;
    font-size:.49rem;
    line-height:1;
    box-shadow:0 3px 10px color-mix(in srgb,var(--prefix-start) 14%,transparent);
}
.ff-user-identity--stacked .ff-user-prefix.is-stacked-prefix i{font-size:.44rem}
.ff-user-identity--stacked .ff-user-prefix.is-stacked-prefix>span{
    display:block;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ff-user-identity--stacked .ff-user-identity__name{
    display:block;
    width:100%;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.18;
}
/* Main profile header keeps its existing dedicated prefix row. */
.pf-profile-prefix-row .ff-user-prefix{max-width:min(100%,420px)}
@media(max-width:640px){
    .ff-user-identity--stacked .ff-user-prefix.is-stacked-prefix{font-size:.46rem;padding:.18rem .36rem}
}


/* 2026-07-31 — cursor rewards, profile customization revamp and homepage refresh */
.profile-cursor-trail{position:fixed;z-index:2147483000;width:10px;height:10px;left:0;top:0;pointer-events:none;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--cursor-start),var(--cursor-end));border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--cursor-start) 70%,transparent);animation:ffCursorTrail 1.25s ease-out forwards}
.profile-cursor-trail--square{border-radius:3px;transform:translate(-50%,-50%) rotate(45deg)}.profile-cursor-trail--star{clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 75%,20% 100%,30% 60%,0 38%,38% 35%)}.profile-cursor-trail--comet{width:18px;height:7px;border-radius:999px}.profile-cursor-trail--bubble{background:transparent;border:2px solid var(--cursor-start)}.profile-cursor-trail--diamond{border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}
@keyframes ffCursorTrail{0%{opacity:.95;scale:1}100%{opacity:0;scale:.15;translate:0 22px}}
.pf-customization-dashboard{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.3rem;margin-bottom:1rem;border:1px solid rgba(255,159,28,.18);border-radius:1.2rem;background:linear-gradient(135deg,rgba(255,159,28,.11),rgba(34,211,238,.05),rgba(10,17,34,.9));box-shadow:0 20px 50px rgba(0,0,0,.18)}
.pf-customization-dashboard>div:first-child span{font-size:.62rem;font-weight:900;letter-spacing:.14em;color:#ffad3d}.pf-customization-dashboard h2{margin:.25rem 0;font-size:1.35rem}.pf-customization-dashboard p{margin:0;max-width:650px;color:var(--text-3);font-size:.72rem;line-height:1.55}.pf-customization-summary{display:grid;grid-template-columns:auto auto;gap:.25rem .55rem;min-width:180px}.pf-customization-summary b{font-size:1rem;color:#fff}.pf-customization-summary span{font-size:.62rem;color:var(--text-3)}
.pf-cursor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.75rem}.pf-cursor-card{display:grid;grid-template-columns:66px minmax(0,1fr) 24px;align-items:center;gap:.75rem;padding:.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.07);background:rgba(7,12,24,.82);color:inherit;text-align:left;cursor:pointer}.pf-cursor-card:hover{transform:translateY(-2px);border-color:rgba(255,159,28,.25)}.pf-cursor-card.is-active{border-color:#ff9f1c;box-shadow:0 0 0 1px rgba(255,159,28,.15)}.pf-cursor-card__preview{position:relative;width:62px;height:58px;display:grid;place-items:center;border-radius:.8rem;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(4,9,20,.86));overflow:hidden}.pf-cursor-card__preview i{color:var(--cursor-start);font-size:1.15rem;z-index:2}.pf-cursor-card__preview b{position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--cursor-start),var(--cursor-end));animation:ffCursorPreview 2s ease-in-out infinite}.pf-cursor-card__preview b:nth-of-type(1){left:9px;top:35px}.pf-cursor-card__preview b:nth-of-type(2){left:23px;top:42px;animation-delay:.2s}.pf-cursor-card__preview b:nth-of-type(3){left:39px;top:45px;animation-delay:.4s}.pf-cursor-card__preview.is-none b{display:none}@keyframes ffCursorPreview{50%{transform:translateY(-7px);opacity:.35}}.pf-cursor-card>span:nth-child(2){min-width:0}.pf-cursor-card small,.pf-cursor-card strong,.pf-cursor-card em{display:block}.pf-cursor-card strong{margin:.2rem 0;font-size:.76rem}.pf-cursor-card em{font-style:normal;color:var(--text-3);font-size:.6rem;line-height:1.4}.pf-cursor-card>i{opacity:0;color:#34d399}.pf-cursor-card.is-active>i{opacity:1}
.adm-form-grid--promo{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.adm-form-note{margin:-.25rem 0 .9rem;color:var(--text-3);font-size:.68rem}.adm-reward-label{display:block;max-width:290px;white-space:normal;line-height:1.35}
.home-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;margin:1.2rem 0 2rem;padding:1.35rem;border-radius:1.45rem;border:1px solid rgba(255,159,28,.16);background:linear-gradient(135deg,rgba(255,159,28,.1),rgba(9,16,32,.93) 45%,rgba(34,211,238,.05));overflow:hidden}.home-showcase__copy span{font-size:.62rem;font-weight:900;letter-spacing:.15em;color:#ffad3d}.home-showcase__copy h2{font-size:1.6rem;line-height:1.1;margin:.45rem 0}.home-showcase__copy p{color:var(--text-3);font-size:.76rem;line-height:1.6}.home-showcase__actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.home-showcase__grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.home-showcase__grid article{padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}.home-showcase__grid i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,159,28,.1);color:#ffad3d}.home-showcase__grid b,.home-showcase__grid span{display:block}.home-showcase__grid b{margin:.65rem 0 .25rem;font-size:.78rem}.home-showcase__grid span{color:var(--text-3);font-size:.62rem;line-height:1.45}
@media(max-width:900px){.adm-form-grid--promo{grid-template-columns:1fr 1fr}.home-showcase{grid-template-columns:1fr}.pf-customization-dashboard{align-items:flex-start;flex-direction:column}.pf-customization-summary{grid-template-columns:auto auto auto auto auto auto;min-width:0;width:100%}}
@media(max-width:620px){.adm-form-grid--promo{grid-template-columns:1fr}.home-showcase{padding:.9rem}.home-showcase__copy h2{font-size:1.25rem}.home-showcase__grid{grid-template-columns:1fr}.pf-cursor-grid{grid-template-columns:1fr}.pf-cursor-card{grid-template-columns:58px minmax(0,1fr) 20px}.pf-customization-dashboard{padding:.95rem}.pf-customization-summary{grid-template-columns:auto auto}.profile-cursor-trail{display:none!important}}
@media(prefers-reduced-motion:reduce){.profile-cursor-trail,.pf-cursor-card__preview b{animation:none!important}}
body.lite-mode .profile-cursor-trail{display:none!important}

.personalization-cursor-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.8rem}.personalization-cursor-admin{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.8rem;border-radius:1rem;border:1px solid rgba(255,255,255,.07);background:rgba(7,12,24,.82)}.personalization-cursor-admin.is-granted{border-color:rgba(52,211,153,.22)}.personalization-cursor-admin__preview{position:relative;width:64px;height:58px;display:grid;place-items:center;border-radius:.8rem;background:rgba(255,255,255,.035);overflow:hidden}.personalization-cursor-admin__preview i{color:var(--cursor-start);z-index:2}.personalization-cursor-admin__preview b{position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--cursor-start),var(--cursor-end))}.personalization-cursor-admin__preview b:nth-of-type(1){left:8px;top:39px}.personalization-cursor-admin__preview b:nth-of-type(2){left:23px;top:44px}.personalization-cursor-admin__preview b:nth-of-type(3){left:40px;top:46px}.personalization-cursor-admin small,.personalization-cursor-admin strong,.personalization-cursor-admin p{display:block}.personalization-cursor-admin strong{margin:.2rem 0}.personalization-cursor-admin p{margin:0;color:var(--text-3);font-size:.62rem;line-height:1.45}@media(max-width:620px){.personalization-cursor-admin{grid-template-columns:58px minmax(0,1fr)}.personalization-cursor-admin>.adm-btn{grid-column:1/-1;width:100%}}


/* ========================================================================== */
/* 2026-07-31 — real site cursor, profile studio and homepage V3              */
/* ========================================================================== */
:root{--site-cursor-start:#ff9f1c;--site-cursor-end:#ff9f1c;--site-cursor-size:29px}
html.custom-cursor.cursor-ready .cursor-ring{width:var(--site-cursor-size)!important;height:var(--site-cursor-size)!important;border-color:var(--site-cursor-start)!important;box-shadow:0 0 16px color-mix(in srgb,var(--site-cursor-start) 52%,transparent),inset 0 0 10px color-mix(in srgb,var(--site-cursor-end) 12%,transparent)!important}
html.custom-cursor.cursor-ready .cursor-dot{background:linear-gradient(135deg,var(--site-cursor-start),var(--site-cursor-end))!important;box-shadow:0 0 10px color-mix(in srgb,var(--site-cursor-start) 62%,transparent)!important}
html[data-cursor-premium="1"].custom-cursor.cursor-ready .cursor-ring{border-color:transparent!important;background:linear-gradient(#0a1020,#0a1020) padding-box,conic-gradient(from var(--ff-cursor-angle),var(--site-cursor-start),var(--site-cursor-end),#fff,var(--site-cursor-start)) border-box!important;animation:ffSiteCursorGradient 2.8s linear infinite,ffSiteCursorPulse 2.1s ease-in-out infinite}
html[data-cursor-shape="diamond"] .cursor-ring{border-radius:8px!important;transform:translate(-50%,-50%) rotate(45deg)!important}
html[data-cursor-shape="orbit"] .cursor-ring{border-style:dashed!important;animation:ffSiteCursorOrbit 3.4s linear infinite,ffSiteCursorPulse 2.1s ease-in-out infinite!important}
@property --ff-cursor-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes ffSiteCursorGradient{to{--ff-cursor-angle:360deg}}
@keyframes ffSiteCursorPulse{50%{filter:saturate(1.4) brightness(1.18)}}
@keyframes ffSiteCursorOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}

.pf-customization-studio{min-width:0}.pf-customization-hero{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.25rem 1.35rem;margin-bottom:.8rem;border:1px solid rgba(255,159,28,.2);border-radius:1.35rem;background:radial-gradient(circle at 10% 10%,rgba(255,159,28,.16),transparent 34%),radial-gradient(circle at 90% 20%,rgba(34,211,238,.1),transparent 34%),rgba(7,12,25,.92)}
.pf-customization-hero>div:first-child>span{font-size:.6rem;font-weight:900;letter-spacing:.16em;color:#ffab35}.pf-customization-hero h2{margin:.28rem 0;font-size:1.5rem}.pf-customization-hero p{max-width:760px;margin:0;color:var(--text-3);font-size:.72rem;line-height:1.55}
.pf-customization-nav{position:sticky;top:78px;z-index:15;display:flex;gap:.45rem;overflow-x:auto;margin:0 0 .9rem;padding:.55rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:rgba(5,10,21,.88);backdrop-filter:blur(16px);scrollbar-width:none}.pf-customization-nav::-webkit-scrollbar{display:none}.pf-customization-nav button{min-height:36px;padding:0 .72rem;border:1px solid transparent;border-radius:.75rem;background:transparent;color:#8fa0ba;font-family:inherit;font-size:.65rem;font-weight:800;white-space:nowrap;cursor:pointer}.pf-customization-nav button:hover{border-color:rgba(255,159,28,.2);background:rgba(255,159,28,.08);color:#fff}.pf-customization-nav i{margin-right:.35rem;color:#ffab35}
.pf-customization-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem;align-items:start}.pf-customization-preview{position:sticky;top:138px;padding:.85rem;border:1px solid rgba(255,255,255,.075);border-radius:1.2rem;background:rgba(6,11,23,.9)}.pf-customization-preview__label{display:flex;align-items:center;gap:.4rem;margin-bottom:.7rem;color:#97a7bd;font-size:.63rem;font-weight:850}.pf-customization-preview__label i{color:#ff9f1c}
.pf-mini-profile{position:relative;min-height:210px;padding:1rem;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-role) 22%,#09101f),#09101f 60%,color-mix(in srgb,var(--profile-role-2) 16%,#09101f))}.pf-mini-profile__bg{position:absolute;inset:0;opacity:.9}.pf-mini-profile__body{position:relative;z-index:2;display:flex;align-items:center;gap:.8rem;margin-top:18px}.pf-mini-profile__body .pf-avatar-stage{transform:scale(.72);transform-origin:left center;margin-right:-18px}.pf-mini-profile__body small,.pf-mini-profile__body strong,.pf-mini-profile__body span{display:block}.pf-mini-profile__body small{color:#ffb245;font-size:.55rem;font-weight:900;text-transform:uppercase}.pf-mini-profile__body strong{margin:.15rem 0;color:#fff;font-size:1rem}.pf-mini-profile__body span{color:#8292aa;font-size:.62rem}
.pf-mini-profile__cursor{--cursor-start:#ff9f1c;--cursor-end:#ff9f1c;position:absolute;right:24px;bottom:22px;width:74px;height:58px}.pf-mini-profile__cursor>span{position:absolute;right:8px;top:5px;width:27px;height:27px;border:2px solid var(--cursor-start);border-radius:50%;box-shadow:0 0 13px color-mix(in srgb,var(--cursor-start) 55%,transparent)}.pf-mini-profile__cursor>i{position:absolute;right:18px;top:15px;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--cursor-start),var(--cursor-end))}.pf-mini-profile__cursor>b{position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--cursor-start),var(--cursor-end));animation:ffCursorPreview 1.8s ease-in-out infinite}.pf-mini-profile__cursor>b:nth-of-type(1){right:48px;top:32px}.pf-mini-profile__cursor>b:nth-of-type(2){right:63px;top:43px;animation-delay:.25s}
.pf-preview-active-list{display:grid;gap:.4rem;margin-top:.7rem}.pf-preview-active-list>span{display:grid;grid-template-columns:24px 56px minmax(0,1fr);align-items:center;gap:.35rem;min-height:36px;padding:.35rem .45rem;border-radius:.7rem;background:rgba(255,255,255,.025)}.pf-preview-active-list i{color:#ff9f1c}.pf-preview-active-list b{font-size:.58rem}.pf-preview-active-list em{font-style:normal;color:#7d8da5;font-size:.56rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-customization-mobile-note{display:block;margin-top:.65rem;color:#64748b;font-size:.55rem;line-height:1.45}
.pf-customization-sections{min-width:0;display:grid;gap:1rem}.pf-customization-sections .pf-customization-block{scroll-margin-top:145px;margin:0}.pf-subsection-title{margin:1rem 0 .55rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.06)}.pf-subsection-title h4{margin:0;font-size:.78rem}
.pf-cursor-basic-editor{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1rem;padding:.9rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:rgba(255,255,255,.022)}.pf-cursor-live-editor{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;border-radius:.9rem;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cursor-start) 15%,transparent),transparent 58%),#050a16}.pf-cursor-live-editor small{margin-top:1rem;color:#72819a;font-size:.58rem}.pf-live-cursor{position:relative;display:block;width:64px;height:64px}.pf-live-cursor>i{position:absolute;inset:8px;border:3px solid var(--cursor-start);border-radius:50%;box-shadow:0 0 22px color-mix(in srgb,var(--cursor-start) 55%,transparent)}.pf-live-cursor>b{position:absolute;left:29px;top:29px;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--cursor-start),var(--cursor-end));box-shadow:0 0 10px var(--cursor-start)}
.pf-cursor-basic-controls>label{display:block;margin-bottom:.55rem;color:#9aabc1;font-size:.64rem;font-weight:850}.pf-cursor-color-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.75rem}.pf-cursor-color-swatch{display:flex;align-items:center;gap:.4rem;min-height:38px;padding:.35rem .45rem;border:1px solid rgba(255,255,255,.07);border-radius:.7rem;background:rgba(255,255,255,.025);color:#9aabc1;font-family:inherit;cursor:pointer}.pf-cursor-color-swatch span{width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:0 0 10px color-mix(in srgb,var(--swatch) 45%,transparent)}.pf-cursor-color-swatch small{font-size:.55rem}.pf-cursor-color-swatch.is-active{border-color:var(--swatch);color:#fff}.pf-cursor-custom-colors,.pf-cursor-option-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.7rem}.pf-cursor-custom-colors label,.pf-cursor-option-row label{padding:.55rem;border:1px solid rgba(255,255,255,.07);border-radius:.75rem;background:rgba(255,255,255,.025);color:#8190a6;font-size:.58rem}.pf-cursor-custom-colors span{display:block;margin-bottom:.35rem}.pf-cursor-custom-colors input[type=color]{width:100%;height:34px;border:0;border-radius:.55rem;background:transparent;cursor:pointer}.pf-cursor-option-row select{display:block;width:100%;margin-top:.3rem;padding:.45rem;border:1px solid rgba(255,255,255,.08);border-radius:.55rem;background:#0b1325;color:#fff;font-family:inherit;font-size:.62rem}
.pf-cursor-premium-head,.pf-cursor-earned-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1rem 0 .65rem}.pf-cursor-premium-head span{font-size:.55rem;font-weight:900;letter-spacing:.15em;color:#a78bfa}.pf-cursor-premium-head h4,.pf-cursor-earned-head h4{margin:.15rem 0;font-size:.9rem}.pf-cursor-premium-head p{margin:0;color:#72819a;font-size:.6rem}.pf-cursor-premium-head>b{color:#34d399;font-size:.7rem}.pf-cursor-earned-head span{color:#718097;font-size:.58rem}
.pf-cursor-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.pf-cursor-store-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:.75rem;padding:.8rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:linear-gradient(145deg,rgba(12,18,35,.95),rgba(5,10,22,.9));overflow:hidden}.pf-cursor-store-card.is-active{border-color:#ff9f1c}.pf-cursor-store-card.is-owned{box-shadow:inset 0 0 0 1px rgba(52,211,153,.08)}.pf-cursor-store-card__visual{position:relative;width:82px;height:82px;display:grid;place-items:center;border-radius:.85rem;background:radial-gradient(circle,color-mix(in srgb,var(--cursor-start) 18%,transparent),transparent 63%),#050a16;overflow:hidden}.pf-cursor-store-card__visual .pf-live-cursor{transform:scale(.65)}.pf-cursor-store-trail b{position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--cursor-start),var(--cursor-end));animation:ffCursorPreview 1.8s ease-in-out infinite}.pf-cursor-store-trail b:nth-child(1){left:9px;bottom:16px}.pf-cursor-store-trail b:nth-child(2){left:25px;bottom:10px;animation-delay:.2s}.pf-cursor-store-trail b:nth-child(3){left:42px;bottom:7px;animation-delay:.4s}.pf-cursor-store-card__copy{min-width:0}.pf-cursor-store-card__copy small{color:#c084fc;font-size:.5rem;font-weight:900;letter-spacing:.08em}.pf-cursor-store-card__copy strong{display:block;margin:.2rem 0;font-size:.75rem}.pf-cursor-store-card__copy p{margin:0;color:#7f8fa7;font-size:.57rem;line-height:1.42}.pf-cursor-store-card__foot{grid-column:1/-1;display:flex;justify-content:flex-end}.pf-cursor-store-card__foot .btn{min-height:34px}.pf-owned-label{display:inline-flex;align-items:center;gap:.35rem;color:#55dfa8;font-size:.6rem;font-weight:800}

.home-hero-v3{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:2rem;align-items:center;min-height:560px;margin:1rem 0 1.1rem;padding:clamp(1.35rem,3vw,3rem);border:1px solid rgba(255,159,28,.18);border-radius:2rem;background:linear-gradient(145deg,#080f20 0%,#0b1226 46%,#080d1a 100%);overflow:hidden}.home-hero-v3__glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.home-hero-v3__glow--one{width:420px;height:420px;left:-180px;top:-160px;background:radial-gradient(circle,rgba(255,139,24,.22),transparent 68%)}.home-hero-v3__glow--two{width:360px;height:360px;right:-140px;bottom:-170px;background:radial-gradient(circle,rgba(34,211,238,.12),transparent 68%)}.home-hero-v3__copy,.home-market-console{position:relative;z-index:2}.home-hero-v3__eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .7rem;border:1px solid rgba(255,159,28,.22);border-radius:999px;background:rgba(255,159,28,.07);color:#ffad3d;font-size:.58rem;font-weight:900;letter-spacing:.13em}.home-hero-v3 h1{max-width:680px;margin:.85rem 0;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.98;letter-spacing:-.055em}.home-hero-v3 h1 em{display:block;color:transparent;background:linear-gradient(90deg,#ffad3d,#ff6b00,#fbbf24);-webkit-background-clip:text;background-clip:text;font-style:normal}.home-hero-v3__copy>p{max-width:620px;color:#8d9cb2;font-size:.84rem;line-height:1.65}.home-hero-v3__actions{display:flex;gap:.65rem;flex-wrap:wrap;margin:1.25rem 0}.home-hero-v3__trust{display:flex;gap:.45rem;flex-wrap:wrap}.home-hero-v3__trust span{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .55rem;border-radius:.65rem;background:rgba(255,255,255,.035);color:#8796ac;font-size:.57rem;font-weight:700}.home-hero-v3__trust i{color:#55dfa8}
.home-market-console{padding:.8rem;border:1px solid rgba(255,255,255,.09);border-radius:1.35rem;background:rgba(4,8,18,.88);box-shadow:0 34px 70px rgba(0,0,0,.4),0 0 0 1px rgba(255,159,28,.05)}.home-market-console__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:32px;color:#66758d;font-size:.52rem}.home-market-console__top>div{display:flex;gap:.3rem}.home-market-console__top>div span{width:8px;height:8px;border-radius:50%;background:#fb7185}.home-market-console__top>div span:nth-child(2){background:#fbbf24}.home-market-console__top>div span:nth-child(3){background:#34d399}.home-market-console__top b{color:#dce4f0;font-size:.55rem;letter-spacing:.12em}.home-market-console__top small{text-align:right}.home-market-console__top small i{color:#34d399;font-size:.42rem}.home-market-console__search{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.45rem;min-height:46px;margin:.55rem 0;padding:0 .7rem;border:1px solid rgba(255,159,28,.18);border-radius:.8rem;background:rgba(255,159,28,.045);color:#77869c;font-size:.62rem}.home-market-console__search i{color:#ff9f1c}.home-market-console__search kbd{padding:.22rem .4rem;border-radius:.4rem;background:#121b2f;color:#8290a5;font-family:inherit;font-size:.46rem}.home-market-console__cards{display:grid;gap:.5rem}.home-market-console__cards article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem;border:1px solid rgba(255,255,255,.06);border-radius:.85rem;background:rgba(255,255,255,.026)}.home-market-console__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:.75rem;background:rgba(255,159,28,.11);color:#ffad3d}.home-market-console__icon.is-cyan{background:rgba(34,211,238,.1);color:#22d3ee}.home-market-console__icon.is-purple{background:rgba(168,85,247,.1);color:#a855f7}.home-market-console__cards small,.home-market-console__cards b,.home-market-console__cards span{display:block}.home-market-console__cards small{color:#5f6e85;font-size:.45rem;font-weight:900;letter-spacing:.1em}.home-market-console__cards b{margin:.12rem 0;font-size:.68rem}.home-market-console__cards span{color:#728199;font-size:.52rem}.home-market-console__cards article>strong{color:#ffb34d;font-size:.58rem}.home-market-console__bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.55rem}.home-market-console__bottom span{padding:.5rem;border-radius:.7rem;background:rgba(255,255,255,.025);text-align:center;color:#718097;font-size:.48rem}.home-market-console__bottom b{display:block;color:#fff;font-size:.72rem}
.home-category-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:0 0 1.1rem}.home-category-dock button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.65rem;min-height:76px;padding:.7rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:rgba(8,14,28,.82);color:#fff;text-align:left;font-family:inherit;cursor:pointer}.home-category-dock button:hover{transform:translateY(-3px);border-color:rgba(255,159,28,.26)}.home-category-dock i{width:42px;height:42px;display:grid;place-items:center;border-radius:.75rem;background:rgba(255,159,28,.09);color:#ffad3d}.home-category-dock b,.home-category-dock small{display:block}.home-category-dock b{font-size:.68rem}.home-category-dock small{margin-top:.12rem;color:#728199;font-size:.5rem}
.home-flow-v3{margin:0 0 1.2rem;padding:1.2rem;border:1px solid rgba(255,255,255,.07);border-radius:1.35rem;background:linear-gradient(135deg,rgba(255,255,255,.028),rgba(9,15,29,.9))}.home-flow-v3__head span{color:#22d3ee;font-size:.55rem;font-weight:900;letter-spacing:.15em}.home-flow-v3__head h2{margin:.25rem 0;font-size:1.35rem}.home-flow-v3__head p{margin:0;color:#7d8ca3;font-size:.66rem}.home-flow-v3__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:.9rem}.home-flow-v3__steps article{position:relative;padding:.85rem;border-radius:.9rem;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.055)}.home-flow-v3__steps article>b{position:absolute;right:.65rem;top:.55rem;color:#26344c;font-size:1.4rem}.home-flow-v3__steps i{width:36px;height:36px;display:grid;place-items:center;border-radius:.7rem;background:rgba(34,211,238,.08);color:#22d3ee}.home-flow-v3__steps h3{margin:.65rem 0 .25rem;font-size:.7rem}.home-flow-v3__steps p{margin:0;color:#718097;font-size:.54rem;line-height:1.45}

@media(max-width:1050px){.pf-customization-layout{grid-template-columns:1fr}.pf-customization-preview{position:relative;top:auto}.pf-preview-active-list{grid-template-columns:1fr 1fr}.home-hero-v3{grid-template-columns:1fr;min-height:0}.home-market-console{max-width:720px;width:100%}.home-category-dock{grid-template-columns:1fr 1fr}.home-flow-v3__steps{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.pf-customization-hero{align-items:flex-start;flex-direction:column;padding:1rem}.pf-customization-hero h2{font-size:1.15rem}.pf-customization-nav{top:58px}.pf-customization-layout{gap:.7rem}.pf-customization-preview{padding:.7rem}.pf-preview-active-list{grid-template-columns:1fr}.pf-cursor-basic-editor{grid-template-columns:1fr}.pf-cursor-live-editor{min-height:130px}.pf-cursor-store-grid{grid-template-columns:1fr}.pf-cursor-color-palette{grid-template-columns:1fr 1fr}.pf-cursor-custom-colors,.pf-cursor-option-row{grid-template-columns:1fr}.pf-cursor-premium-head{align-items:flex-start;flex-direction:column}.home-hero-v3{padding:1rem;border-radius:1.35rem}.home-hero-v3 h1{font-size:2.25rem}.home-market-console__cards article{grid-template-columns:40px minmax(0,1fr)}.home-market-console__cards article>strong{grid-column:2}.home-category-dock{grid-template-columns:1fr}.home-flow-v3__steps{grid-template-columns:1fr}.home-market-console__bottom{grid-template-columns:1fr 1fr 1fr}}
@media(prefers-reduced-motion:reduce){html[data-cursor-premium="1"] .cursor-ring,.profile-cursor-trail,.pf-mini-profile__cursor>b,.pf-cursor-store-trail b{animation:none!important}}
body.lite-mode .profile-cursor-trail{display:none!important}
.personalization-source-badge.is-purchase{color:#67e8f9;background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.2)}


/* ========================================================================== */
/* 2026-07-31 — profile category tabs, cursor editor overflow and home fixes  */
/* ========================================================================== */
.pf-customization-nav button.is-active{border-color:rgba(255,159,28,.42);background:linear-gradient(135deg,rgba(255,159,28,.18),rgba(255,107,0,.1));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,159,28,.08),0 8px 20px rgba(255,123,0,.08)}
.pf-customization-nav button.is-active i{color:#ffb13d}
.pf-customization-block[hidden]{display:none!important}
.pf-customization-sections{min-width:0}
.pf-customization-block{min-width:0;animation:pfCustomizationPanelIn .2s ease both}
@keyframes pfCustomizationPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.pf-cursor-basic-editor,.pf-cursor-basic-controls,.pf-cursor-basic-controls>*{min-width:0}
.pf-cursor-color-palette{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}
.pf-cursor-color-swatch{min-width:0;width:100%;overflow:hidden}
.pf-cursor-color-swatch small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;line-height:1.2}
.pf-cursor-custom-colors,.pf-cursor-option-row{grid-template-columns:repeat(auto-fit,minmax(142px,1fr))}
.pf-cursor-custom-colors label,.pf-cursor-option-row label{min-width:0;overflow:hidden}
.pf-cursor-option-row select{min-width:0;max-width:100%;font-size:.68rem;line-height:1.2}
.pf-cursor-basic-controls>[data-action="save-cursor-preferences"]{width:100%;min-width:0;min-height:50px;padding:.7rem .85rem;border-radius:.9rem;white-space:normal;text-align:center;line-height:1.18;font-size:.73rem;overflow-wrap:anywhere}
.home-hero-v3__actions .btn{min-width:0;text-align:center;white-space:normal;text-decoration:none}
.home-hero-v3__actions .btn span{display:block;min-width:0}
.home-flow-v3{border-color:rgba(255,159,28,.13);background:linear-gradient(135deg,rgba(255,159,28,.035),rgba(9,15,29,.94))}
.home-flow-v3__head span{color:#ff9f1c}
.home-flow-v3__steps article{border-color:rgba(255,159,28,.1);background:linear-gradient(145deg,rgba(255,159,28,.045),rgba(255,255,255,.018))}
.home-flow-v3__steps i{background:rgba(255,159,28,.11);color:#ffad3d;box-shadow:inset 0 0 0 1px rgba(255,159,28,.08)}
.home-flow-v3__steps article>b{color:rgba(255,159,28,.16)}
.home-flow-v3__head p,.home-flow-v3__steps p{color:#8290a7}
@media(max-width:760px){.pf-customization-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;position:relative;top:auto}.pf-customization-nav button{min-width:0;padding:.55rem .35rem;white-space:normal;line-height:1.15}.pf-customization-nav button i{display:block;margin:0 0 .3rem}.pf-customization-nav button span{display:block;overflow:hidden;text-overflow:ellipsis}.pf-cursor-color-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-cursor-custom-colors,.pf-cursor-option-row{grid-template-columns:1fr}.home-hero-v3__actions{display:grid;grid-template-columns:1fr}.home-hero-v3__actions .btn{width:100%;min-height:50px}}
@media(max-width:430px){.pf-customization-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-cursor-color-palette{grid-template-columns:1fr 1fr}.pf-cursor-color-swatch{padding:.45rem .5rem}.pf-cursor-color-swatch small{font-size:.57rem}}

/* ========================================================================== */
/* 2026-07-31 — full profile control-center rework                           */
/* ========================================================================== */
.pf-account-page{width:min(1380px,100%);margin:0 auto}
.pf-account-page>.pf-hero{margin-bottom:1rem}
.pf-stat-val--seller{color:#60a5fa!important}
.pf-stat-val--commission{color:#c084fc!important}

.pf-account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.pf-account-summary__item{min-width:0;min-height:92px;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,rgba(12,20,38,.92),rgba(7,12,25,.88));display:flex;align-items:center;gap:.78rem;color:inherit;text-decoration:none;box-shadow:0 16px 38px rgba(0,0,0,.14)}
.pf-account-summary__item.is-secure{border-color:rgba(52,211,153,.18);background:linear-gradient(145deg,rgba(8,35,31,.55),rgba(7,12,25,.9))}
.pf-account-summary__link{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.pf-account-summary__link:hover{transform:translateY(-2px);border-color:rgba(255,159,28,.28);background:linear-gradient(145deg,rgba(42,25,8,.5),rgba(7,12,25,.9))}
.pf-account-summary__icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,159,28,.09);border:1px solid rgba(255,159,28,.16);color:#ffad3c;font-size:.95rem}
.pf-account-summary__item.is-secure .pf-account-summary__icon{color:#4ade80;background:rgba(52,211,153,.09);border-color:rgba(52,211,153,.18)}
.pf-account-summary__item>div{min-width:0;flex:1}
.pf-account-summary__item small,.pf-account-summary__item strong,.pf-account-summary__item>div>span{display:block}
.pf-account-summary__item small{color:#74839d;font-size:.56rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.pf-account-summary__item strong{margin:.22rem 0;color:#f3f6fb;font-size:.82rem;line-height:1.25}
.pf-account-summary__item>div>span{color:#6f7f99;font-size:.59rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-account-progress{height:6px!important;margin-top:.42rem;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}
.pf-account-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8a00,#ffc04d);box-shadow:0 0 12px rgba(255,159,28,.28)}
.pf-account-notice{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid rgba(251,191,36,.17);border-radius:16px;background:rgba(251,191,36,.055)}
.pf-account-notice>i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(251,191,36,.1);color:#fbbf24}
.pf-account-notice strong,.pf-account-notice span{display:block}.pf-account-notice strong{font-size:.72rem}.pf-account-notice span{margin-top:.12rem;color:#7d8ba2;font-size:.61rem}

.pf-account-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1rem;align-items:start}
.pf-account-sidebar{position:sticky;top:86px;padding:.8rem;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(160deg,rgba(11,18,35,.96),rgba(6,11,23,.94));box-shadow:0 22px 50px rgba(0,0,0,.18)}
.pf-account-sidebar__head{padding:.72rem .72rem .9rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.55rem}
.pf-account-sidebar__head span,.pf-account-sidebar__head strong,.pf-account-sidebar__head small{display:block}
.pf-account-sidebar__head span{color:#ff9f1c;font-size:.55rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.pf-account-sidebar__head strong{margin:.28rem 0;color:#f8fafc;font-size:.88rem}
.pf-account-sidebar__head small{color:#718099;font-size:.59rem;line-height:1.45}
.pf-account-nav{display:grid;gap:.34rem}
.pf-account-nav__item{width:100%;min-width:0;min-height:64px;padding:.58rem .62rem;border:1px solid transparent;border-radius:15px;background:transparent;color:#94a3b8;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:.62rem;align-items:center;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.pf-account-nav__item:hover{transform:translateX(2px);background:rgba(255,255,255,.035);color:#e8edf6}
.pf-account-nav__item.is-active{border-color:rgba(255,159,28,.2);background:linear-gradient(135deg,rgba(255,159,28,.13),rgba(255,115,0,.055));color:#fff;box-shadow:inset 3px 0 0 #ff9f1c}
.pf-account-nav__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);color:#7f8da5}
.pf-account-nav__item.is-active .pf-account-nav__icon{background:linear-gradient(145deg,#ffad35,#ff7900);border-color:transparent;color:#111827;box-shadow:0 8px 20px rgba(255,127,0,.18)}
.pf-account-nav__copy{min-width:0}.pf-account-nav__copy strong,.pf-account-nav__copy small{display:block}.pf-account-nav__copy strong{font-size:.69rem;line-height:1.25}.pf-account-nav__copy small{margin-top:.13rem;color:#66758d;font-size:.52rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-account-nav__item.is-active small{color:#a9b4c7}.pf-account-nav__item>i{font-size:.55rem;color:#536077}

.pf-account-content{min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:24px;background:linear-gradient(155deg,rgba(11,18,35,.94),rgba(6,11,23,.9));box-shadow:0 24px 58px rgba(0,0,0,.18);overflow:hidden}
.pf-account-content__head{display:flex;align-items:center;gap:.78rem;min-height:90px;padding:1rem 1.15rem;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(100deg,rgba(255,159,28,.055),transparent 55%)}
.pf-account-content__icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,159,28,.1);border:1px solid rgba(255,159,28,.18);color:#ffae3e;font-size:1rem}
.pf-account-content__head>div{min-width:0}.pf-account-content__head small{color:#ff9f1c;font-size:.53rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pf-account-content__head h2{margin:.18rem 0 .08rem;color:#f8fafc;font-size:1.12rem;line-height:1.15}.pf-account-content__head p{margin:0;color:#74839a;font-size:.62rem;line-height:1.45}
.pf-account-content__body{min-width:0;padding:1rem}

.pf-tab-dashboard{display:grid;gap:1rem}
.pf-panel-section{padding:1rem;border:1px solid rgba(255,255,255,.06);border-radius:19px;background:rgba(5,10,22,.42)}
.pf-panel-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.pf-panel-section__head span,.pf-panel-section__head h3,.pf-panel-section__head p{display:block}.pf-panel-section__head span{color:#ff9f1c;font-size:.52rem;font-weight:900;letter-spacing:.12em}.pf-panel-section__head h3{margin:.18rem 0;color:#f4f7fc;font-size:.9rem}.pf-panel-section__head p{margin:0;color:#6e7e97;font-size:.59rem;line-height:1.42}.pf-panel-section__head>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,159,28,.08);color:#ff9f1c}
.pf-wallets--reworked{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem}
.pf-wallets--reworked .wallet-card{min-height:220px;padding:1rem;border-radius:18px;display:flex;flex-direction:column;align-items:stretch;text-align:left}
.wallet-card__top{display:flex;align-items:center;gap:.65rem}.wallet-card__top small,.wallet-card__top strong{display:block}.wallet-card__top small{color:#77869e;font-size:.5rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.wallet-card__top strong{margin-top:.14rem;font-size:.69rem;color:#e9eef7}.wallet-card__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.pf-wallets--reworked .wallet-card-balance{margin:1rem 0 .35rem;font-size:1.55rem;line-height:1}.pf-wallets--reworked .wallet-card>p{min-height:34px;margin:0;color:#718098;font-size:.58rem;line-height:1.45}.pf-wallets--reworked .wallet-card-actions{margin-top:auto;padding-top:.85rem}
.pf-empty--large{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.pf-empty--large>i{font-size:1.4rem;color:#55637a}.pf-empty--large strong{color:#cdd5e2;font-size:.75rem}.pf-empty--large span{color:#637188;font-size:.58rem}

.pf-profile-editor{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:.85rem;align-items:start}
.pf-settings-card{min-width:0;padding:1rem;border:1px solid rgba(255,255,255,.065);border-radius:19px;background:rgba(5,10,22,.45)}
.pf-settings-card--wide,.pf-social-editor,.pf-profile-url-card,.pf-settings-save{grid-column:1/-1}
.pf-settings-card__head,.pf-security-card__head{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.9rem}
.pf-settings-card__icon,.pf-security-card__head>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,159,28,.085);border:1px solid rgba(255,159,28,.15);color:#ffab36}
.pf-settings-card__head>div,.pf-security-card__head>div{min-width:0;flex:1}.pf-settings-card__head small,.pf-security-card__head small{display:block;color:#ff9f1c;font-size:.49rem;font-weight:900;letter-spacing:.12em}.pf-settings-card__head h3,.pf-security-card__head h3{margin:.18rem 0;color:#f2f6fc;font-size:.84rem}.pf-settings-card__head p,.pf-security-card__head p{margin:0;color:#6f7e96;font-size:.57rem;line-height:1.45}
.pf-profile-avatar-editor{display:flex;flex-direction:column;align-items:center;text-align:center}.pf-profile-avatar-editor__preview{width:112px;height:112px;display:grid;place-items:center;margin:.25rem auto .8rem;padding:8px;border-radius:28px;background:radial-gradient(circle at 50% 35%,rgba(255,159,28,.14),transparent 65%),rgba(4,9,20,.72);border:1px solid rgba(255,255,255,.07)}
.pf-profile-editor-avatar{width:94px!important;height:94px!important;border-radius:22px!important;object-fit:cover;border:3px solid rgba(255,255,255,.1);font-size:2rem!important;display:grid;place-items:center}
.pf-profile-avatar-editor__actions{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap}.pf-role-avatar-note{margin-top:.7rem;display:flex;align-items:flex-start;gap:.42rem;padding:.6rem .65rem;border-radius:12px;background:rgba(34,211,238,.055);border:1px solid rgba(34,211,238,.12);color:#73869f;font-size:.54rem;line-height:1.4;text-align:left}.pf-role-avatar-note i{color:#22d3ee;margin-top:.05rem}
.pf-settings-fields{display:grid;gap:.72rem}.pf-settings-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-field{display:block;min-width:0}.pf-field>span,.pf-field-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.38rem;color:#9ba8bb;font-size:.6rem;font-weight:750}.pf-field>span i{color:#ff9f1c}.pf-field>small{display:block;margin-top:.3rem;color:#5f6f87;font-size:.52rem;line-height:1.4}.pf-field .form-input{width:100%;min-height:46px;border-radius:13px}.pf-field textarea.form-input{min-height:130px;padding:.8rem .9rem;resize:vertical;line-height:1.55}.pf-char-counter{color:#6f7f98;font-size:.52rem;font-weight:700}
.pf-profile-url-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:rgba(5,10,22,.42)}
.pf-profile-url-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(34,211,238,.07);color:#22d3ee}.pf-profile-url-card>div{min-width:0}.pf-profile-url-card small,.pf-profile-url-card strong,.pf-profile-url-card span{display:block}.pf-profile-url-card small{color:#6c7a91;font-size:.5rem;text-transform:uppercase;font-weight:850;letter-spacing:.09em}.pf-profile-url-card strong{margin:.16rem 0;color:#dfe7f2;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-profile-url-card span{color:#617087;font-size:.52rem}
.pf-settings-save{position:sticky;bottom:.6rem;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border:1px solid rgba(255,159,28,.16);border-radius:17px;background:rgba(7,13,27,.94);box-shadow:0 16px 35px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.pf-settings-save>div{display:flex;align-items:center;gap:.45rem;color:#738198;font-size:.55rem}.pf-settings-save>div i{color:#ff9f1c}.pf-settings-save .btn{min-width:180px}
.pf-profile-editor>.pf-social-editor{margin:0;padding:1rem;border-radius:19px;background:rgba(5,10,22,.45)}

.pf-security-dashboard{display:grid;gap:.85rem}
.pf-security-card{padding:1rem;border:1px solid rgba(255,255,255,.065);border-radius:19px;background:rgba(5,10,22,.45)}
.pf-security-card--disabled{opacity:.72}.pf-security-card--2fa{position:relative;overflow:hidden}.pf-security-card--2fa::before{content:"";position:absolute;right:-80px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.09),transparent 70%);pointer-events:none}.pf-security-card__head{position:relative;z-index:1}.pf-beta-label{margin-left:auto;padding:.24rem .5rem;border-radius:999px;background:linear-gradient(135deg,#ff9f1c,#ff6a00);color:#111827;font-size:.48rem;font-weight:900;letter-spacing:.08em}
.pf-security-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.pf-security-fields .pf-field:first-child{grid-column:1/-1}.pf-security-card__actions{display:flex;justify-content:flex-end;margin-top:.8rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.055)}
.pf-2fa-intro{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .75rem;margin-bottom:.75rem;border:1px solid rgba(34,211,238,.1);border-radius:13px;background:rgba(34,211,238,.045);color:#75879f;font-size:.57rem;line-height:1.45}.pf-2fa-intro i{color:#22d3ee;margin-top:.05rem}.pf-2fa-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.pf-2fa-option{min-width:0;min-height:110px;padding:.78rem;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.022);display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:.65rem;align-items:center;color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.pf-2fa-option:hover{transform:translateY(-2px);border-color:rgba(255,159,28,.22);background:rgba(255,159,28,.045)}.pf-2fa-option>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,159,28,.08);color:#ff9f1c}.pf-2fa-option>div{min-width:0}.pf-2fa-option strong,.pf-2fa-option p,.pf-2fa-option small{display:block}.pf-2fa-option strong{font-size:.66rem;color:#e8edf6}.pf-2fa-option p{margin:.24rem 0;color:#68778e;font-size:.53rem;line-height:1.4}.pf-2fa-option small{color:#ffae3d;font-size:.49rem}.pf-2fa-option>i{color:#59677e;font-size:.55rem}
.pf-2fa-enabled{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.8rem;border:1px solid rgba(52,211,153,.16);border-radius:15px;background:rgba(52,211,153,.055)}.pf-2fa-enabled__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(52,211,153,.1);color:#4ade80;font-size:1.1rem}.pf-2fa-enabled>div{min-width:0}.pf-2fa-enabled small,.pf-2fa-enabled strong,.pf-2fa-enabled p{display:block}.pf-2fa-enabled small{color:#4ade80;font-size:.48rem;font-weight:900;letter-spacing:.1em}.pf-2fa-enabled strong{margin:.2rem 0;color:#e7f8ee;font-size:.69rem}.pf-2fa-enabled p{margin:0;color:#6f8279;font-size:.54rem}.pf-2fa-enabled p b{color:#9ad9b3}.pf-2fa-disable{margin-top:.7rem;padding:.8rem;border-radius:15px;border:1px solid rgba(248,113,113,.14);background:rgba(248,113,113,.04)}.pf-2fa-disable__warning{display:flex;gap:.45rem;margin-bottom:.7rem;color:#a98b90;font-size:.55rem}.pf-2fa-disable__warning i{color:#fb7185}
.pf-inline-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.pf-2fa-setup{padding:.15rem}.pf-2fa-setup__steps{display:flex;gap:.5rem;margin-bottom:.75rem}.pf-2fa-setup__steps span{display:flex;align-items:center;gap:.35rem;color:#607087;font-size:.52rem}.pf-2fa-setup__steps b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.055);font-size:.48rem}.pf-2fa-setup__steps .is-active{color:#ffae3d}.pf-2fa-setup__steps .is-active b{background:#ff9f1c;color:#111827}.pf-2fa-setup__grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;align-items:center}.pf-2fa-qr{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.7rem;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.pf-2fa-qr img{max-width:100%;height:auto;border-radius:12px;background:#fff;padding:8px}.pf-2fa-qr small{color:#68778e;font-size:.51rem}.pf-2fa-setup__form h4,.pf-2fa-email-setup h4{margin:0;color:#f2f6fb;font-size:.78rem}.pf-2fa-setup__form>p,.pf-2fa-email-setup p{margin:.3rem 0 .65rem;color:#6d7c93;font-size:.56rem;line-height:1.45}.pf-secret-code{margin-bottom:.65rem;padding:.6rem .7rem;border-radius:12px;background:rgba(0,0,0,.2);border:1px dashed rgba(255,159,28,.18);text-align:center}.pf-secret-code code{color:#ffae3d;font-size:.72rem;letter-spacing:.08em;user-select:all}.pf-code-input{text-align:center!important;font-size:1.15rem!important;letter-spacing:.36em!important;font-weight:800}.pf-2fa-email-setup{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.8rem;align-items:start}.pf-2fa-email-setup>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(34,211,238,.08);color:#22d3ee;font-size:1.1rem}

.pf-contract-dashboard{display:grid;gap:.8rem}.pf-contract-intro,.pf-contract-help{display:flex;align-items:center;gap:.7rem;padding:.85rem;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:rgba(5,10,22,.42)}.pf-contract-intro>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(52,211,153,.08);color:#4ade80}.pf-contract-intro h3,.pf-contract-help strong{margin:0;color:#edf2f9;font-size:.73rem}.pf-contract-intro p,.pf-contract-help span{margin:.16rem 0 0;color:#68778f;font-size:.54rem;line-height:1.45}.pf-contract-group{padding:.85rem;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:rgba(5,10,22,.42)}.pf-contract-group__head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.65rem;align-items:center;margin-bottom:.65rem}.pf-contract-group__head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,159,28,.08);color:#ff9f1c}.pf-contract-group__head small{color:#ff9f1c;font-size:.47rem;font-weight:900;letter-spacing:.1em}.pf-contract-group__head h3{margin:.13rem 0;color:#f0f4fa;font-size:.72rem}.pf-contract-group__head p{margin:0;color:#64738b;font-size:.52rem}.pf-contract-group__head>b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.045);color:#93a1b6;font-size:.56rem}.pf-contract-list{display:grid;gap:.42rem}.pf-contract-item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem .7rem;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.pf-contract-item span,.pf-contract-item small{display:block}.pf-contract-item span{color:#dce4ef;font-size:.61rem}.pf-contract-item small{margin-top:.12rem;color:#66758c;font-size:.5rem}.pf-contract-item small i{color:#ff9f1c}.pf-contract-help>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(34,211,238,.07);color:#22d3ee}.profile-contract-state{min-height:300px;border:1px solid rgba(255,255,255,.065);border-radius:19px;background:rgba(5,10,22,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.2rem}.profile-contract-state__icon{width:60px;height:60px;display:grid;place-items:center;border-radius:20px;background:rgba(255,159,28,.08);color:#ff9f1c;font-size:1.2rem}.profile-contract-state h3{margin:.7rem 0 .2rem;font-size:.86rem}.profile-contract-state p{max-width:480px;margin:0 0 .8rem;color:#6d7c93;font-size:.58rem;line-height:1.5}.profile-contract-error{display:flex;gap:.4rem;padding:.55rem .65rem;margin-bottom:.7rem;border-radius:12px;background:rgba(248,113,113,.06);color:#d69aa2;font-size:.54rem}

.pf-promo-dashboard{display:grid;gap:.8rem}.pf-promo-hero{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.8rem;align-items:center;padding:1rem;border-radius:19px;border:1px solid rgba(255,159,28,.14);background:radial-gradient(circle at 85% 0,rgba(255,159,28,.13),transparent 38%),rgba(5,10,22,.46)}.pf-promo-hero__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#ffad35,#ff7900);color:#111827;font-size:1.1rem;box-shadow:0 12px 24px rgba(255,121,0,.18)}.pf-promo-hero small{color:#ff9f1c;font-size:.49rem;font-weight:900;letter-spacing:.12em}.pf-promo-hero h3{margin:.18rem 0;color:#f5f7fb;font-size:.88rem}.pf-promo-hero p{margin:0;color:#6f7f97;font-size:.56rem;line-height:1.45}.pf-promo-card{padding:1rem;border:1px solid rgba(255,255,255,.065);border-radius:19px;background:rgba(5,10,22,.42)}.pf-promo-card__head{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem}.pf-promo-card__head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,159,28,.08);color:#ff9f1c}.pf-promo-card__head h4{margin:0;color:#eef3f9;font-size:.72rem}.pf-promo-card__head p{margin:.14rem 0 0;color:#69788f;font-size:.53rem}.pf-promo-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.55rem!important}.pf-promo-input-wrap{position:relative;display:block}.pf-promo-input-wrap>i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#ff9f1c;z-index:2}.pf-promo-input-wrap .pf-promo-input{width:100%;padding-left:2.25rem!important;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.pf-promo-submit{min-width:170px}.pf-promo-hints{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.pf-promo-hints span{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .5rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);color:#6d7b91;font-size:.49rem}.pf-promo-hints i{color:#ff9f1c}

@media(max-width:1100px){
  .pf-account-workspace{grid-template-columns:230px minmax(0,1fr)}
  .pf-account-summary{grid-template-columns:1fr 1fr}.pf-account-summary__link{grid-column:1/-1}
}
@media(max-width:900px){
  .pf-account-workspace{display:block}.pf-account-sidebar{position:static;margin-bottom:.75rem;padding:.65rem}.pf-account-sidebar__head{display:none}.pf-account-nav{display:flex;overflow-x:auto;gap:.4rem;scrollbar-width:none;padding-bottom:.1rem}.pf-account-nav::-webkit-scrollbar{display:none}.pf-account-nav__item{flex:0 0 170px;min-height:58px;grid-template-columns:35px minmax(0,1fr);padding:.5rem}.pf-account-nav__item>i{display:none}.pf-account-nav__item.is-active{box-shadow:inset 0 -3px 0 #ff9f1c}.pf-account-nav__icon{width:35px;height:35px}.pf-account-nav__copy small{white-space:normal;line-height:1.2}.pf-profile-editor{grid-template-columns:1fr}.pf-settings-card--identity{grid-column:1/-1}.pf-2fa-setup__grid{grid-template-columns:1fr}.pf-2fa-qr{width:min(100%,250px);margin:auto}.pf-security-fields{grid-template-columns:1fr}.pf-security-fields .pf-field:first-child{grid-column:auto}
}
@media(max-width:700px){
  .pf-account-summary{grid-template-columns:1fr}.pf-account-summary__link{grid-column:auto}.pf-account-content{border-radius:19px}.pf-account-content__head{min-height:78px;padding:.8rem}.pf-account-content__body{padding:.72rem}.pf-account-content__icon{width:42px;height:42px;flex-basis:42px}.pf-panel-section,.pf-settings-card,.pf-security-card,.pf-promo-card{padding:.78rem;border-radius:16px}.pf-settings-fields--two,.pf-2fa-options{grid-template-columns:1fr}.pf-settings-save{position:static;flex-direction:column;align-items:stretch}.pf-settings-save .btn{width:100%;min-width:0}.pf-settings-save>div{align-items:flex-start}.pf-profile-url-card{grid-template-columns:38px minmax(0,1fr)}.pf-profile-url-card>a{grid-column:1/-1;width:100%;justify-content:center}.pf-2fa-enabled{grid-template-columns:44px minmax(0,1fr)}.pf-2fa-enabled>.btn{grid-column:1/-1;width:100%}.pf-promo-form{grid-template-columns:1fr!important}.pf-promo-submit{width:100%;min-width:0}.pf-contract-item{align-items:flex-start;flex-direction:column}.pf-contract-item .btn{width:100%;justify-content:center}.pf-inline-actions .btn{flex:1 1 170px;justify-content:center}.pf-account-summary__item{min-height:82px}.pf-wallets--reworked .wallet-card{min-height:200px}
}
@media(max-width:480px){
  .pf-account-page{padding-left:0;padding-right:0}.pf-account-nav__item{flex-basis:150px}.pf-account-nav__copy strong{font-size:.64rem}.pf-account-nav__copy small{font-size:.48rem}.pf-account-content__head p{display:none}.pf-account-content__head h2{font-size:.98rem}.pf-account-summary__item{padding:.72rem}.pf-profile-avatar-editor__actions{width:100%;flex-direction:column}.pf-profile-avatar-editor__actions .btn{width:100%;justify-content:center}.pf-2fa-email-setup{grid-template-columns:1fr}.pf-2fa-email-setup>span{margin:auto}.pf-2fa-setup__steps{flex-wrap:wrap}.pf-promo-hero{grid-template-columns:46px minmax(0,1fr);padding:.8rem}.pf-promo-hero__icon{width:46px;height:46px}.pf-panel-section__head>i{display:none}
}


/* ========================================================================== */
/* 2026-07-31 — reliable account cursor + smooth homepage category hover       */
/* ========================================================================== */
html[data-cursor-trail="1"] .cursor-ring{will-change:left,top,transform,filter,background}
.profile-cursor-trail{position:fixed;z-index:99996;pointer-events:none;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--cursor-start),var(--cursor-end));box-shadow:0 0 12px color-mix(in srgb,var(--cursor-start) 65%,transparent);animation:ffCursorTrailFade 1.2s cubic-bezier(.2,.75,.25,1) forwards}
.profile-cursor-trail--square{border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}
.profile-cursor-trail--star{width:10px;height:10px;border-radius:0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}
.profile-cursor-trail--comet{width:17px;height:6px;border-radius:999px;transform:translate(-85%,-50%);filter:blur(.15px)}
.profile-cursor-trail--bubble{background:transparent;border:2px solid var(--cursor-start);box-shadow:0 0 10px color-mix(in srgb,var(--cursor-end) 55%,transparent)}
.profile-cursor-trail--diamond{border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}
@keyframes ffCursorTrailFade{0%{opacity:.96;scale:1}55%{opacity:.58;scale:.72}100%{opacity:0;scale:.15;filter:blur(2px)}}

.home-category-dock button{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    transform:translate3d(0,0,0);
    box-shadow:0 10px 28px rgba(0,0,0,.12);
    transition:transform .42s cubic-bezier(.2,.78,.2,1),border-color .35s ease,background .35s ease,box-shadow .42s ease;
}
.home-category-dock button::before{
    content:"";
    position:absolute;
    inset:-45%;
    z-index:-1;
    opacity:0;
    background:radial-gradient(circle at 35% 35%,rgba(255,159,28,.17),transparent 42%),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.055) 50%,transparent 65%);
    transform:translate3d(-16%,8%,0) rotate(6deg);
    transition:opacity .38s ease,transform .65s cubic-bezier(.2,.8,.2,1);
}
.home-category-dock button i{
    transition:transform .48s cubic-bezier(.2,.9,.25,1.25),background .35s ease,color .35s ease,box-shadow .4s ease;
}
.home-category-dock button b,.home-category-dock button small{
    transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s ease;
}
.home-category-dock button:hover{
    transform:translate3d(0,-6px,0) scale(1.012);
    border-color:rgba(255,159,28,.38);
    background:linear-gradient(145deg,rgba(20,25,42,.98),rgba(10,16,31,.94));
    box-shadow:0 20px 38px rgba(0,0,0,.25),0 0 26px rgba(255,159,28,.08);
}
.home-category-dock button:hover::before{opacity:1;transform:translate3d(14%,-6%,0) rotate(6deg)}
.home-category-dock button:hover i{transform:translateY(-2px) scale(1.08) rotate(-3deg);background:rgba(255,159,28,.16);box-shadow:0 8px 22px rgba(255,159,28,.16)}
.home-category-dock button:hover b{transform:translateX(3px);color:#fff}
.home-category-dock button:hover small{transform:translateX(3px);color:#9aa9be}
.home-category-dock button:active{transform:translate3d(0,-2px,0) scale(.992);transition-duration:.12s}

@media(prefers-reduced-motion:reduce){
    .home-category-dock button,.home-category-dock button::before,.home-category-dock button i,.home-category-dock button b,.home-category-dock button small{transition:none!important}
    .home-category-dock button:hover,.home-category-dock button:hover i,.home-category-dock button:hover b,.home-category-dock button:hover small{transform:none!important}
    .profile-cursor-trail{animation:none!important;display:none!important}
}


/* ========================================================================== */
/* 2026-07-31 — readable profile typography and reliable account icons        */
/* ========================================================================== */

/* Icon containers: keep every glyph centered and visible. */
.pf-account-summary__icon,
.pf-account-content__icon,
.pf-settings-card__icon,
.pf-security-card__head > span,
.pf-2fa-option > span,
.pf-2fa-enabled__icon,
.pf-profile-url-card > .pf-profile-url-card__icon,
.pf-contract-intro > span,
.pf-contract-group__head > span,
.pf-promo-hero__icon,
.pf-promo-card__head > span{
    display:grid !important;
    place-items:center !important;
    line-height:1 !important;
    overflow:visible !important;
}
.pf-account-summary__icon > i,
.pf-account-content__icon > i,
.pf-settings-card__icon > i,
.pf-security-card__head > span > i,
.pf-2fa-option > span > i,
.pf-2fa-enabled__icon > i,
.pf-profile-url-card__icon > i,
.pf-contract-intro > span > i,
.pf-contract-help > i,
.pf-contract-group__head > span > i,
.pf-promo-hero__icon > i,
.pf-promo-card__head > span > i{
    display:inline-block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    color:inherit !important;
    font-size:1.05rem !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none;
}
.pf-profile-url-card small,
.pf-profile-url-card strong,
.pf-profile-url-card > div > span{
    display:block;
}

/* Main account navigation and headings. */
.pf-account-sidebar__head span{font-size:.68rem;line-height:1.35}
.pf-account-sidebar__head strong{font-size:1.05rem;line-height:1.3}
.pf-account-sidebar__head small{font-size:.72rem;line-height:1.55}
.pf-account-nav__copy strong{font-size:.84rem;line-height:1.35}
.pf-account-nav__copy small{
    margin-top:.2rem;
    font-size:.66rem;
    line-height:1.42;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
}
.pf-account-content__head small{font-size:.66rem;line-height:1.35}
.pf-account-content__head h2{font-size:1.38rem;line-height:1.22}
.pf-account-content__head p{font-size:.78rem;line-height:1.55}

/* Summary cards. */
.pf-account-summary__item small{font-size:.68rem;line-height:1.35}
.pf-account-summary__item strong{font-size:.98rem;line-height:1.35}
.pf-account-summary__item > div > span{
    font-size:.72rem;
    line-height:1.5;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
}
.pf-account-notice strong{font-size:.86rem;line-height:1.35}
.pf-account-notice span{font-size:.72rem;line-height:1.5}

/* Reusable section titles. */
.pf-panel-section__head span{font-size:.65rem;line-height:1.35}
.pf-panel-section__head h3{font-size:1.08rem;line-height:1.3}
.pf-panel-section__head p{font-size:.74rem;line-height:1.55}
.pf-settings-card__head small,
.pf-security-card__head small{font-size:.63rem;line-height:1.35}
.pf-settings-card__head h3,
.pf-security-card__head h3{font-size:1.04rem;line-height:1.32}
.pf-settings-card__head p,
.pf-security-card__head p{font-size:.74rem;line-height:1.55}

/* Inputs, labels and explanations. */
.pf-field > span,
.pf-field-head{font-size:.78rem;line-height:1.4}
.pf-field > small{font-size:.69rem;line-height:1.5}
.pf-field .form-input,
.pf-social-field .form-input{
    font-size:.88rem;
    line-height:1.4;
}
.pf-char-counter{font-size:.66rem}
.pf-role-avatar-note{font-size:.69rem;line-height:1.5}
.pf-settings-save > div{font-size:.7rem;line-height:1.45}
.pf-settings-save .btn{font-size:.86rem}

/* Profile information and social links. */
.pf-social-editor__heading h4{font-size:1.08rem;line-height:1.3}
.pf-social-editor__heading p{font-size:.75rem;line-height:1.55}
.pf-social-editor__visibility{font-size:.69rem}
.pf-social-field__label{font-size:.8rem;line-height:1.35}
.pf-social-field small{font-size:.69rem;line-height:1.5}
.pf-profile-url-card small{font-size:.64rem;line-height:1.35}
.pf-profile-url-card strong{font-size:.84rem;line-height:1.45}
.pf-profile-url-card > div > span{font-size:.7rem;line-height:1.5}

/* Wallet and transaction text. */
.pf-wallets--reworked .wallet-card > p{font-size:.72rem;line-height:1.55}
.wallet-card__top small{font-size:.67rem !important;line-height:1.35}
.wallet-card__top strong{font-size:.9rem !important;line-height:1.35}
.pf-tx-title{font-size:.8rem !important;line-height:1.4}
.pf-tx-meta{font-size:.68rem !important;line-height:1.45}

/* Security, password and 2FA. */
.pf-2fa-intro{font-size:.75rem;line-height:1.55}
.pf-2fa-option strong{font-size:.84rem;line-height:1.38}
.pf-2fa-option p{font-size:.69rem;line-height:1.5}
.pf-2fa-option small{font-size:.64rem;line-height:1.4}
.pf-2fa-enabled small{font-size:.63rem;line-height:1.35}
.pf-2fa-enabled strong{font-size:.9rem;line-height:1.4}
.pf-2fa-enabled p{font-size:.72rem;line-height:1.5}
.pf-2fa-disable__warning{font-size:.7rem;line-height:1.5}
.pf-2fa-setup__steps span{font-size:.66rem;line-height:1.4}
.pf-2fa-qr small{font-size:.66rem;line-height:1.45}
.pf-2fa-setup__form h4,
.pf-2fa-email-setup h4{font-size:.94rem;line-height:1.35}
.pf-2fa-setup__form > p,
.pf-2fa-email-setup p{font-size:.72rem;line-height:1.55}

/* Documents. */
.pf-contract-intro h3,
.pf-contract-help strong{font-size:.92rem;line-height:1.35}
.pf-contract-intro p,
.pf-contract-help span{font-size:.72rem;line-height:1.55}
.pf-contract-group__head small{font-size:.62rem;line-height:1.35}
.pf-contract-group__head h3{font-size:.92rem;line-height:1.35}
.pf-contract-group__head p{font-size:.69rem;line-height:1.5}
.pf-contract-group__head > b{font-size:.68rem}
.pf-contract-item span{font-size:.78rem;line-height:1.4}
.pf-contract-item small{font-size:.65rem;line-height:1.45}
.profile-contract-state h3{font-size:1.02rem;line-height:1.35}
.profile-contract-state p{font-size:.73rem;line-height:1.55}
.profile-contract-error{font-size:.7rem;line-height:1.5}

/* Promocodes. */
.pf-promo-hero small{font-size:.64rem;line-height:1.35}
.pf-promo-hero h3{font-size:1.08rem;line-height:1.3}
.pf-promo-hero p{font-size:.74rem;line-height:1.55}
.pf-promo-card__head h4{font-size:.92rem;line-height:1.35}
.pf-promo-card__head p{font-size:.7rem;line-height:1.5}
.pf-promo-input-wrap .pf-promo-input{font-size:.9rem;line-height:1.4}
.pf-promo-hints span{font-size:.63rem;line-height:1.35}

/* Keep increased text comfortable on phones, without shrinking it back. */
@media(max-width:700px){
    .pf-account-content__head h2{font-size:1.18rem}
    .pf-account-content__head p{display:block;font-size:.72rem}
    .pf-account-nav__copy strong{font-size:.78rem}
    .pf-account-nav__copy small{font-size:.62rem}
    .pf-settings-card__head h3,.pf-security-card__head h3{font-size:.98rem}
    .pf-panel-section__head h3{font-size:1rem}
    .pf-field > span,.pf-field-head{font-size:.75rem}
    .pf-field > small,.pf-social-field small{font-size:.67rem}
    .pf-contract-group__head p,.pf-promo-card__head p{font-size:.67rem}
}
@media(max-width:480px){
    .pf-account-content__head p{display:block !important}
    .pf-account-nav__copy strong{font-size:.76rem}
    .pf-account-nav__copy small{font-size:.6rem}
    .pf-account-summary__item small{font-size:.64rem}
    .pf-account-summary__item strong{font-size:.9rem}
    .pf-account-summary__item > div > span{font-size:.68rem}
}

/* 2026-07-31: contract help block spacing/readability fix */
.pf-contract-help{
    align-items:flex-start;
}
.pf-contract-help > div{
    display:grid;
    gap:.22rem;
    min-width:0;
    flex:1 1 auto;
}
.pf-contract-help strong,
.pf-contract-help span{
    display:block;
}
.pf-contract-help strong{
    margin:0;
}
.pf-contract-help span{
    margin:0;
}


/* ========================================================================== */
/* 2026-07-31 — unclipped home controls, lighter rendering, admin profile links */
/* ========================================================================== */
html,body{max-width:100%;overflow-x:clip}
#app,#pageContent,.container,.section,
.home-hero-v3,.home-hero-v3__copy,.home-market-console,
.home-category-dock,.home-flow-v3,.home-flow-v3__steps,
.seller-benefits-section,.seller-benefits-grid{min-width:0;max-width:100%;box-sizing:border-box}
.home-hero-v3,.home-category-dock,.home-flow-v3{width:100%}
.home-hero-v3__actions{min-width:0}
.home-hero-v3__actions .btn{max-width:100%;white-space:normal;text-align:center}
.home-category-dock{padding:8px 3px 12px;overflow:visible}
.home-category-dock button{
    width:100%;min-width:0;max-width:100%;box-sizing:border-box;
    transform:translate3d(0,0,0);contain:layout paint;
}
.home-category-dock button:hover{transform:translate3d(0,-4px,0)}
.home-flow-v3,.home-category-dock,.seller-benefits-section,.home-ad-marquee{
    content-visibility:auto;
    contain-intrinsic-size:1px 420px;
}
.product-card,.listing-showcase-card,.review-card,.seller-benefit-card{
    content-visibility:auto;
    contain-intrinsic-size:1px 260px;
}
.adm-avatar-profile-link{
    appearance:none;-webkit-appearance:none;padding:0;margin:0;
    font:inherit;cursor:pointer;position:relative;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.adm-avatar-profile-link:hover{
    transform:translateY(-2px) scale(1.05);
    border-color:rgba(255,159,28,.52);
    box-shadow:0 7px 18px rgba(0,0,0,.24),0 0 0 2px rgba(255,159,28,.09);
}
.adm-avatar-profile-link:focus-visible{
    outline:2px solid #ff9f1c;outline-offset:3px;
}
.adm-avatar-profile-link img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
@media(max-width:700px){
    html,body{overflow-x:hidden}
    .home-hero-v3{margin-inline:0;padding:1rem;width:100%}
    .home-hero-v3__actions{display:grid;grid-template-columns:1fr;width:100%}
    .home-hero-v3__actions .btn{width:100%;min-width:0}
    .home-category-dock{padding-inline:0}
    .home-category-dock button:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
    .adm-avatar-profile-link,.home-category-dock button{transition:none!important}
    .adm-avatar-profile-link:hover,.home-category-dock button:hover{transform:none!important}
}

/* ========================================================================== */
/* 2026-07-31: full mobile comfort pass */
/* ========================================================================== */
@media (max-width: 900px){
  .pf-account-summary{grid-template-columns:1fr}
  .pf-account-workspace{grid-template-columns:1fr;gap:.85rem}
  .pf-account-sidebar{position:relative;top:auto;padding:.75rem}
  .pf-account-nav{grid-template-columns:1fr 1fr;gap:.45rem}
  .pf-account-nav__item{min-height:60px;padding:.7rem}
  .pf-account-content__head{padding:1rem}
  .pf-profile-editor{grid-template-columns:1fr}
  .pf-security-fields{grid-template-columns:1fr!important}
  .pf-wallets--reworked{grid-template-columns:1fr}
}

@media (max-width: 760px){
  .pf-account-page{padding-inline:.25rem}
  .pf-account-summary__item{min-height:88px;padding:.9rem .95rem}
  .pf-account-summary__icon{width:42px;height:42px;flex-basis:42px}
  .pf-account-summary__item small{font-size:.72rem}
  .pf-account-summary__item strong{font-size:1rem;line-height:1.25}
  .pf-account-summary__item>div>span{font-size:.8rem;line-height:1.45;white-space:normal;overflow:visible;text-overflow:initial}
  .pf-account-notice{align-items:flex-start;padding:.9rem 1rem}
  .pf-account-notice strong{font-size:.95rem}
  .pf-account-notice span{font-size:.82rem;line-height:1.5}
  .pf-account-sidebar__head span{font-size:.68rem}
  .pf-account-sidebar__head strong{font-size:1rem}
  .pf-account-sidebar__head small{font-size:.82rem;line-height:1.55}
  .pf-account-nav{grid-template-columns:1fr;gap:.45rem}
  .pf-account-nav__item{grid-template-columns:42px minmax(0,1fr) 18px;min-height:64px;padding:.75rem .78rem;border-radius:16px}
  .pf-account-nav__icon{width:42px;height:42px}
  .pf-account-nav__copy strong{font-size:.93rem;line-height:1.28}
  .pf-account-nav__copy small{font-size:.8rem;line-height:1.45;white-space:normal;overflow:visible;text-overflow:initial}
  .pf-account-content{border-radius:20px}
  .pf-account-content__head{align-items:flex-start;min-height:0;padding:1rem .95rem}
  .pf-account-content__icon{width:46px;height:46px;flex-basis:46px;font-size:1rem}
  .pf-account-content__head small{font-size:.7rem}
  .pf-account-content__head h2{font-size:1.28rem;line-height:1.2}
  .pf-account-content__head p{font-size:.9rem;line-height:1.55}
  .pf-account-content__body{padding:.95rem}

  .pf-settings-card,.pf-security-card,.pf-contract-group,.pf-contract-intro,.pf-contract-help,.pf-promo-hero,.pf-promo-card,.pf-profile-url-card,.pf-settings-save,.pf-customization-dashboard,.pf-customization-preview,.pf-customization-panel{border-radius:18px}
  .pf-settings-card__head,.pf-security-card__head{gap:.8rem;margin-bottom:1rem}
  .pf-settings-card__icon,.pf-security-card__head>span{width:44px;height:44px;flex-basis:44px;font-size:1rem}
  .pf-settings-card__head small,.pf-security-card__head small,.pf-contract-group__head small,.pf-promo-hero small,.pf-promo-card__head p,.pf-profile-url-card small{font-size:.76rem!important;line-height:1.45}
  .pf-settings-card__head h3,.pf-security-card__head h3,.pf-contract-group__head h3,.pf-promo-hero h3,.pf-promo-card__head h4{font-size:1.12rem!important;line-height:1.25}
  .pf-settings-card__head p,.pf-security-card__head p,.pf-contract-group__head p,.pf-promo-hero p,.pf-profile-url-card span,.pf-contract-intro p,.pf-contract-help span{font-size:.88rem!important;line-height:1.58}
  .pf-field>span{font-size:.9rem!important;line-height:1.4}
  .pf-field small{font-size:.8rem!important;line-height:1.45}
  .pf-field input,.pf-field textarea,.pf-field select,.pf-promo-input,.text-input,.form-input{min-height:50px;font-size:1rem!important}
  .pf-profile-avatar-editor{grid-template-columns:1fr;gap:.85rem}
  .pf-profile-avatar-editor__actions{grid-template-columns:1fr;gap:.55rem}
  .pf-role-avatar-note span{font-size:.82rem;line-height:1.45}
  .pf-social-editor{grid-template-columns:1fr!important}
  .pf-profile-url-card{grid-template-columns:44px minmax(0,1fr);gap:.75rem}
  .pf-profile-url-card .btn{grid-column:1/-1;width:100%;justify-content:center;min-height:46px}
  .pf-profile-url-card strong{font-size:.94rem;line-height:1.4;word-break:break-word}
  .pf-settings-save{grid-template-columns:1fr;gap:.75rem;padding:.9rem}
  .pf-settings-save span{font-size:.82rem;line-height:1.45}
  .pf-settings-save .btn{width:100%;min-height:48px;justify-content:center}

  .pf-security-dashboard{gap:.85rem}
  .pf-security-card__actions{grid-template-columns:1fr;gap:.6rem}
  .pf-security-card__actions .btn{width:100%;min-height:48px;justify-content:center}
  .pf-2fa-status{grid-template-columns:1fr;align-items:start}
  .pf-2fa-status strong{font-size:1rem}
  .pf-2fa-status span,.pf-2fa-status small{font-size:.82rem;line-height:1.45}
  .pf-2fa-methods{grid-template-columns:1fr!important;gap:.75rem}
  .pf-2fa-method{padding:1rem}
  .pf-2fa-method h4{font-size:1rem}
  .pf-2fa-method p,.pf-2fa-method small{font-size:.84rem;line-height:1.5}

  .pf-contract-dashboard{gap:.85rem}
  .pf-contract-intro{grid-template-columns:44px minmax(0,1fr);padding:.95rem}
  .pf-contract-intro h3{font-size:1rem}
  .pf-contract-group__head{grid-template-columns:44px minmax(0,1fr);gap:.75rem}
  .pf-contract-group__head>b{grid-column:1/-1;justify-self:start;margin-left:56px}
  .pf-contract-item{grid-template-columns:1fr;gap:.7rem;padding:.9rem}
  .pf-contract-item span{font-size:.95rem}
  .pf-contract-item small{font-size:.82rem;line-height:1.45}
  .pf-contract-item .btn{width:100%;justify-content:center;min-height:46px}
  .pf-contract-help{grid-template-columns:44px minmax(0,1fr);gap:.75rem;padding:.9rem}
  .pf-contract-help strong{font-size:.96rem;line-height:1.35}

  .pf-promo-hero{grid-template-columns:44px minmax(0,1fr);padding:.95rem}
  .pf-promo-card__head{grid-template-columns:44px minmax(0,1fr);gap:.75rem}
  .pf-promo-form{grid-template-columns:1fr!important;gap:.6rem}
  .pf-promo-submit{width:100%;min-width:0;min-height:50px;justify-content:center}
  .pf-promo-hints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
  .pf-promo-hints span{justify-content:center;text-align:center;font-size:.8rem;min-height:38px}

  .pf-wallets--reworked .wallet-card{min-height:0;padding:1rem}
  .pf-wallets--reworked .wallet-card-balance{font-size:1.7rem}
  .pf-wallets--reworked .wallet-card>p{font-size:.86rem;line-height:1.55;min-height:0}
  .wallet-card-actions{grid-template-columns:1fr;gap:.55rem}
  .wallet-card-actions .btn{width:100%;min-height:46px;justify-content:center}

  .pf-customization-hero{padding:1rem;border-radius:18px}
  .pf-customization-hero p,.pf-customization-preview p,.pf-customization-panel p{font-size:.86rem;line-height:1.5}
  .pf-customization-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;position:relative;top:auto;padding:0}
  .pf-customization-nav button{min-height:50px;padding:.65rem .45rem;font-size:.9rem}
  .pf-customization-nav button span{font-size:.86rem;white-space:normal;text-overflow:initial}
  .pf-cursor-color-palette{grid-template-columns:1fr 1fr}
  .pf-cursor-color-swatch{min-height:50px;padding:.65rem .7rem}
  .pf-cursor-color-swatch strong{font-size:.88rem;line-height:1.2}
  .pf-cursor-color-swatch small{font-size:.76rem}
  .pf-cursor-basic-editor,.pf-cursor-custom-colors,.pf-cursor-option-row{grid-template-columns:1fr!important;gap:.65rem}
  .pf-cursor-basic-editor .pf-field,.pf-cursor-custom-colors .pf-field,.pf-cursor-option-row .pf-field{min-width:0}
  .pf-cursor-card,.pf-background-card,.pf-achievement-card,.pf-background-progress,.personalization-background-admin,.personalization-reward-card,.personalization-cursor-admin{grid-template-columns:1fr!important}
  .pf-cursor-card__preview,.pf-background-card__preview,.pf-background-progress__preview,.personalization-background-admin__preview,.personalization-cursor-admin__preview{width:100%;max-width:86px}
  .pf-cursor-card .btn,.pf-background-card .btn,.pf-achievement-card .btn,.pf-background-progress .btn,.personalization-background-admin .btn,.personalization-reward-card .btn,.personalization-cursor-admin .btn{width:100%;justify-content:center;min-height:46px}

  .home-hero-v3{padding:1rem 1rem 1.1rem;border-radius:20px}
  .home-hero-v3 h1{font-size:2rem;line-height:1.02;word-break:break-word}
  .home-hero-v3 p{font-size:.95rem;line-height:1.55}
  .home-hero-v3__actions{grid-template-columns:1fr;gap:.6rem}
  .home-hero-v3__actions .btn{width:100%;min-height:50px;justify-content:center}
  .home-market-console,.home-flow-v3,.home-showcase,.why-fruitforge-main{border-radius:18px}
  .home-category-dock,.home-flow-v3__steps,.home-showcase__grid{grid-template-columns:1fr!important}

  .admin-user-list .user-avatar,
  .adm-user-list .user-avatar,
  .admin-panel .user-avatar{cursor:pointer}
}

@media (max-width: 480px){
  .pf-account-page{padding-inline:.1rem}
  .pf-account-summary__item strong{font-size:.95rem}
  .pf-account-nav__copy strong{font-size:.9rem}
  .pf-account-content__head h2{font-size:1.16rem}
  .pf-settings-card__head h3,.pf-security-card__head h3,.pf-contract-group__head h3,.pf-promo-hero h3,.pf-promo-card__head h4{font-size:1.02rem!important}
  .pf-settings-card__head p,.pf-security-card__head p,.pf-contract-group__head p,.pf-promo-hero p,.pf-profile-url-card span,.pf-contract-intro p,.pf-contract-help span{font-size:.84rem!important}
  .pf-promo-hints{grid-template-columns:1fr 1fr}
  .pf-customization-nav{grid-template-columns:1fr 1fr}
  .pf-customization-nav button{min-height:48px}
  .home-hero-v3 h1{font-size:1.72rem}
}

/* 2026-07-31: footer refreshed to match current site */
.compact-footer{padding:clamp(1rem,2vw,1.45rem) .75rem .8rem!important}
.compact-footer-support-group{display:grid;gap:.55rem}
.compact-footer-support--telegram{border-color:rgba(96,174,247,.18);background:rgba(96,174,247,.06)}
.compact-footer-support--telegram>i:first-child{background:linear-gradient(145deg,#5cb8ff,#2e91ff);color:#0b1220}
.compact-footer-support--telegram:hover{border-color:rgba(96,174,247,.32)}
.compact-footer-license{appearance:none;border:0;background:none;padding:0;margin:0;color:#ffb24d;font:inherit;font-size:.64rem;font-weight:800;cursor:pointer;text-align:center;transition:color .18s ease, opacity .18s ease}
.compact-footer-license:hover{color:#ffd08a}
.compact-footer-license:focus-visible{outline:2px solid rgba(255,159,28,.35);outline-offset:4px;border-radius:6px}
.compact-footer-bottom__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}
.compact-footer-bottom__actions a,
.compact-footer-top{min-height:38px;padding:0 .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:inline-flex;align-items:center;gap:.45rem;color:#d8e0ed;text-decoration:none;font-size:.64rem;font-weight:760;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.compact-footer-bottom__actions a:hover,
.compact-footer-top:hover{transform:translateY(-2px);border-color:rgba(255,159,28,.22);background:rgba(255,159,28,.08);color:#fff}
.compact-footer-top{appearance:none;cursor:pointer}
.compact-footer-links nav{min-width:0}
.compact-footer-contact__label{font-size:.78rem}
.compact-footer-logo strong{font-weight:900}
@media(max-width:760px){
  .compact-footer-bottom__actions{justify-content:flex-start}
  .compact-footer-license{text-align:left;font-size:.68rem;line-height:1.45}
}
@media(max-width:460px){
  .compact-footer-bottom__actions{display:grid;grid-template-columns:1fr;gap:.5rem}
  .compact-footer-bottom__actions a,
  .compact-footer-top{width:100%;justify-content:center;min-height:42px}
  .compact-footer-license{font-size:.66rem}
}

/* 2026-07-31: full-width footer correction without design rollback */
.site-footer.compact-footer{
    width:100%;
    padding:2rem 0 0 !important;
    margin-top:2rem;
}
.site-footer.compact-footer .compact-footer-shell{
    width:100%;
    max-width:none;
    margin:0;
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-radius:28px 28px 0 0;
    background:
        linear-gradient(180deg,rgba(13,20,38,.97),rgba(8,13,28,.985)),
        radial-gradient(circle at 14% 0%, rgba(255,146,0,.12), transparent 28%),
        radial-gradient(circle at 86% 12%, rgba(77,95,255,.12), transparent 34%);
    box-shadow:0 -12px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
    overflow:hidden;
}
.site-footer.compact-footer .compact-footer-shell::before{
    width:420px;
    height:420px;
    left:-180px;
    top:-220px;
    background:radial-gradient(circle,rgba(255,140,18,.15),transparent 68%);
}
.site-footer.compact-footer .compact-footer-shell::after{
    content:"";
    position:absolute;
    right:-180px;
    bottom:-220px;
    width:440px;
    height:440px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(78,98,255,.14),transparent 68%);
    pointer-events:none;
}
.site-footer.compact-footer .compact-footer-main,
.site-footer.compact-footer .compact-footer-bottom{
    width:min(1440px, calc(100% - 2.4rem));
    margin:0 auto;
}
.site-footer.compact-footer .compact-footer-main{
    padding:clamp(1.6rem,3vw,2.6rem) 0;
}
.site-footer.compact-footer .compact-footer-bottom{
    min-height:58px;
    padding:1rem 0 1.1rem;
}
.site-footer.compact-footer .compact-footer-bottom{
    border-top:1px solid rgba(255,255,255,.065);
}
.site-footer.compact-footer .compact-footer-links a,
.site-footer.compact-footer .compact-footer-bottom a,
.site-footer.compact-footer .compact-footer-license,
.site-footer.compact-footer .compact-footer-email{
    transition:color .18s ease, transform .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
}
@media (max-width: 900px){
    .site-footer.compact-footer .compact-footer-main,
    .site-footer.compact-footer .compact-footer-bottom{
        width:min(100%, calc(100% - 1.4rem));
    }
    .site-footer.compact-footer .compact-footer-shell{
        border-radius:24px 24px 0 0;
    }
}
@media (max-width: 760px){
    .site-footer.compact-footer{
        padding:1.4rem 0 0 !important;
    }
    .site-footer.compact-footer .compact-footer-main,
    .site-footer.compact-footer .compact-footer-bottom{
        width:min(100%, calc(100% - 1rem));
    }
    .site-footer.compact-footer .compact-footer-main{
        padding:1.25rem 0;
    }
    .site-footer.compact-footer .compact-footer-bottom{
        padding:.9rem 0 1rem;
    }
    .site-footer.compact-footer .compact-footer-shell{
        border-radius:20px 20px 0 0;
    }
}

/* 2026-07-31: server-rendered current homepage fallback */
.home-category-dock > a{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:center;
    gap:.75rem;
    min-width:0;
    padding:.85rem 1rem;
    border:1px solid rgba(255,255,255,.07);
    border-radius:16px;
    background:rgba(7,12,24,.78);
    color:inherit;
    text-decoration:none;
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.home-category-dock > a:hover{
    transform:translateY(-3px);
    border-color:rgba(255,159,28,.24);
    background:rgba(255,159,28,.06);
    box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.home-category-dock > a > i{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:rgba(255,159,28,.09);
    color:#ff9f1c;
}
.home-category-dock > a b,
.home-category-dock > a small{display:block}
.home-category-dock > a b{color:#eef2f8;font-size:.82rem}
.home-category-dock > a small{margin-top:.16rem;color:#6f7e96;font-size:.62rem}
@media(max-width:700px){
    .home-category-dock > a{min-height:64px}
}

/* ========================================================================== */
/* 2026-07-31: footer icons, cursor hover restoration and homepage performance */
/* ========================================================================== */
.compact-footer-socials a svg,
.compact-footer-support > svg,
.compact-footer-email > svg,
.compact-footer-bottom__actions a > svg,
.compact-footer-top > svg{
    width:1em;
    height:1em;
    flex:0 0 1em;
    display:block;
    overflow:visible;
}
.compact-footer-socials a svg{width:18px;height:18px}
.compact-footer-support > svg:first-child{width:17px;height:17px}
.compact-footer-email > svg{width:15px;height:15px;color:#ff9820}
.compact-footer-bottom__actions a > svg,
.compact-footer-top > svg{width:15px;height:15px}
.compact-footer-top[hidden]{display:none!important}
.compact-footer-top:not([hidden]){display:inline-flex!important}

/* Restore the expanding ring over every clickable control, including custom themes. */
html.custom-cursor.cursor-ready .cursor-ring{
    transition:width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1),background .24s ease,border-color .24s ease,box-shadow .24s ease,filter .24s ease,opacity .18s ease!important;
}
html.custom-cursor.cursor-ready .cursor-ring.hover{
    width:calc(var(--site-cursor-size) * 1.72)!important;
    height:calc(var(--site-cursor-size) * 1.72)!important;
    background:color-mix(in srgb,var(--site-cursor-start) 13%,transparent)!important;
    border-color:var(--site-cursor-end)!important;
    box-shadow:0 0 34px color-mix(in srgb,var(--site-cursor-start) 30%,transparent),inset 0 0 18px color-mix(in srgb,var(--site-cursor-end) 12%,transparent)!important;
    filter:brightness(1.12);
}
html[data-cursor-premium="1"].custom-cursor.cursor-ready .cursor-ring.hover{
    border-color:transparent!important;
    background:linear-gradient(rgba(10,16,32,.72),rgba(10,16,32,.72)) padding-box,conic-gradient(from var(--ff-cursor-angle),var(--site-cursor-start),var(--site-cursor-end),#fff,var(--site-cursor-start)) border-box!important;
}
html.custom-cursor.cursor-ready .cursor-dot.hover{
    transform:translate(-50%,-50%) scale(.42)!important;
}

/* Avoid rendering every heavy homepage block until it approaches the viewport. */
.home-listings-grid,
.why-fruitforge-section,
.promo-board-section,
.seller-benefits-section,
.home-ad-marquee,
.home-flow-v3{
    content-visibility:auto;
    contain-intrinsic-size:1px 520px;
}
.home-category-dock button,
.home-flow-v3__steps article,
.why-fruitforge-card,
.seller-benefit-card{
    contain:layout paint;
}
.home-category-dock button,
.home-flow-v3__steps article{
    backface-visibility:hidden;
}
@media(max-width:760px), (prefers-reduced-motion:reduce){
    .home-category-dock button:hover{transform:none!important}
}

/* ========================================================================== */
/* 2026-07-31: footer links cleanup + promocode creator redesign              */
/* ========================================================================== */
.site-footer.compact-footer .compact-footer-links a,
.site-footer.compact-footer .compact-footer-links a:visited,
.site-footer.compact-footer .compact-footer-bottom a,
.site-footer.compact-footer .compact-footer-email,
.site-footer.compact-footer .compact-footer-support{
    text-decoration:none !important;
}
.site-footer.compact-footer .compact-footer-links a::before,
.site-footer.compact-footer .compact-footer-links a::after{
    text-decoration:none !important;
}

.adm-promo-creator{
    position:relative;
    overflow:hidden;
    margin-bottom:1rem;
    border:1px solid rgba(255,159,28,.16);
    border-radius:24px;
    background:
      radial-gradient(circle at 92% 0,rgba(255,159,28,.12),transparent 32%),
      linear-gradient(145deg,rgba(11,18,35,.96),rgba(7,12,25,.96));
    box-shadow:0 24px 60px rgba(0,0,0,.18);
}
.adm-promo-creator::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.025) 50%,transparent 52%);
}
.adm-promo-creator__head{
    position:relative;
    display:grid;
    grid-template-columns:56px minmax(0,1fr) auto;
    gap:.9rem;
    align-items:center;
    padding:1.15rem 1.2rem;
    border-bottom:1px solid rgba(255,255,255,.065);
}
.adm-promo-creator__icon{
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    border-radius:18px;
    color:#111827;
    background:linear-gradient(145deg,#ffb23d,#ff7600);
    box-shadow:0 12px 28px rgba(255,121,0,.22);
    font-size:1.08rem;
}
.adm-promo-creator__head>div{min-width:0}
.adm-promo-creator__head small{
    display:block;
    color:#ff9f1c;
    font-size:.56rem;
    font-weight:900;
    letter-spacing:.13em;
}
.adm-promo-creator__head h3{
    margin:.22rem 0 .18rem;
    color:#f8fafc;
    font-size:1.08rem;
    line-height:1.2;
}
.adm-promo-creator__head p{
    margin:0;
    max-width:850px;
    color:#8190a8;
    font-size:.72rem;
    line-height:1.55;
}
.adm-promo-creator__status{
    display:inline-flex;
    align-items:center;
    gap:.42rem;
    min-height:34px;
    padding:0 .72rem;
    border-radius:999px;
    border:1px solid rgba(52,211,153,.16);
    background:rgba(52,211,153,.055);
    color:#67e8b4;
    font-size:.61rem;
    font-weight:800;
    white-space:nowrap;
}
.adm-promo-builder{
    position:relative;
    padding:1.15rem 1.2rem 1.2rem;
}
.adm-promo-builder__main{
    display:grid;
    grid-template-columns:1.15fr .85fr .85fr 1.3fr;
    gap:.85rem;
    align-items:start;
}
.adm-promo-field{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:.42rem;
    padding:.8rem;
    border-radius:17px;
    border:1px solid rgba(255,255,255,.065);
    background:rgba(255,255,255,.025);
}
.adm-promo-field>span{
    display:flex;
    align-items:center;
    gap:.42rem;
    color:#aab6c8;
    font-size:.67rem;
    font-weight:850;
    letter-spacing:.035em;
}
.adm-promo-field>span i{color:#ff9f1c}
.adm-promo-field small{
    color:#68778f;
    font-size:.57rem;
    line-height:1.45;
}
.adm-promo-field .adm-input,
.adm-promo-field .adm-select{
    min-height:48px;
    border-radius:13px;
    font-size:.78rem;
}
.adm-promo-field--code .adm-input{
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:.08em;
}
.adm-promo-builder__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-top:.9rem;
    padding-top:.9rem;
    border-top:1px solid rgba(255,255,255,.06);
}
.adm-promo-builder__hints{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
}
.adm-promo-builder__hints span{
    display:inline-flex;
    align-items:center;
    gap:.34rem;
    min-height:30px;
    padding:0 .58rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.025);
    color:#7f8da4;
    font-size:.57rem;
    font-weight:760;
}
.adm-promo-builder__hints i{color:#4bdcaf}
.adm-promo-create-btn{
    min-width:220px;
    min-height:48px;
    justify-content:center;
    border-radius:14px;
    font-size:.76rem;
    box-shadow:0 12px 26px rgba(255,121,0,.2);
}
@media(max-width:1150px){
    .adm-promo-builder__main{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
    .adm-promo-creator{border-radius:20px}
    .adm-promo-creator__head{grid-template-columns:48px minmax(0,1fr);padding:1rem}
    .adm-promo-creator__icon{width:48px;height:48px;border-radius:15px}
    .adm-promo-creator__status{grid-column:1/-1;justify-self:start}
    .adm-promo-creator__head h3{font-size:1rem}
    .adm-promo-creator__head p{font-size:.68rem}
    .adm-promo-builder{padding:1rem}
    .adm-promo-builder__main{grid-template-columns:1fr}
    .adm-promo-builder__footer{align-items:stretch;flex-direction:column}
    .adm-promo-create-btn{width:100%;min-width:0}
}
@media(max-width:460px){
    .adm-promo-field{padding:.72rem}
    .adm-promo-builder__hints{display:grid;grid-template-columns:1fr}
    .adm-promo-builder__hints span{justify-content:center}
}


/* === 2026-08-01 — Partner project role ==================================== */
.pf-avatar.partner,.user-avatar.partner,.adm-avatar.partner{
    background:linear-gradient(145deg,#f8d878,#b97510);color:#171006;
    box-shadow:0 12px 28px rgba(246,196,83,.24);
}
.user-avatar.partner{box-shadow:0 0 18px rgba(246,196,83,.28)}
.pf-role-pill.role-partner{
    color:#f8d878;background:rgba(246,196,83,.11);border-color:rgba(246,196,83,.32);
}
.special-role-card--gold{--role-rgb:246,196,83}
.role-assignment-choice--gold{--role-tone:246,196,83}
.profile-role-partner{--profile-role:#f6c453;--profile-role-2:#c88719;--profile-role-rgb:246,196,83}