@import url('/assets/fonts/fonts.css');

:root{
    color-scheme:light;
    --accent:#237a4b;
    --accent-d:#155c38;
    --accent-l:#64a982;
    --accent-pale:#dcebe2;
    --accent-ghost:rgba(35,122,75,.075);
    --border:rgba(31,78,52,.14);
    --text:#122219;
    --text2:rgba(18,34,25,.62);
    --text3:rgba(18,34,25,.4);
    --surface:#ffffff;
    --surface-soft:#f5f8f5;
    --panel:rgba(255,255,255,.9);
    --panel-soft:#f4f7f4;
    --panel-strong:#ffffff;
    --panel-tile:#f3f7f4;
    --field-bg:#fbfcfb;
    --glass:rgba(255,255,255,.88);
    --modal-bg:#ffffff;
    --card-bg:#ffffff;
    --tag-bg:rgba(255,255,255,.94);
    --tag-text:#122219;
    --bg:#edf3ee;
    --hero-bg:#ffffff;
    --hero-shadow:0 24px 64px -44px rgba(13,57,34,.5),0 1px 0 rgba(255,255,255,.7) inset;
    --card-shadow:0 18px 48px -38px rgba(13,57,34,.5);
    --shadow-sm:0 12px 32px -26px rgba(13,57,34,.42);
    --shadow-md:0 24px 64px -44px rgba(13,57,34,.5);
    --shadow-lg:0 32px 86px -48px rgba(8,43,25,.58);
    --danger:#c74545;
    --danger-soft:rgba(199,69,69,.08);
    --success:#237a4b;
    --warning:#a06a28;
    --cm-bg:#edf3ee;
    --cm-bg-deep:#e4ede6;
    --cm-line:rgba(26,85,53,.07);
    --cm-surface-raised:#ffffff;
    --cm-accent-soft:#e8f2eb;
    --cm-accent-strong:#0f4d2f;
    --cm-solid:#155c38;
    --cm-solid-hover:#0f4d2f;
    --cm-shadow:0 20px 60px -42px rgba(8,48,27,.55);
    --cm-font-body:'Manrope','Segoe UI',system-ui,sans-serif;
    --cm-font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
    --cm-font-brand:'Great Vibes','Segoe Script','Apple Chancery',cursive;
}

html.dark{
    color-scheme:dark;
    --accent:#4fa174;
    --accent-d:#77bb92;
    --accent-l:#91c8a7;
    --accent-pale:rgba(115,183,143,.2);
    --accent-ghost:rgba(91,166,119,.1);
    --border:rgba(140,195,159,.15);
    --text:#eef5f0;
    --text2:rgba(225,239,230,.62);
    --text3:rgba(225,239,230,.38);
    --surface:#111d16;
    --surface-soft:#142219;
    --panel:rgba(17,29,22,.94);
    --panel-soft:#142219;
    --panel-strong:#17271d;
    --panel-tile:#132018;
    --field-bg:#101b15;
    --glass:rgba(17,29,22,.92);
    --modal-bg:#111d16;
    --card-bg:#132018;
    --tag-bg:rgba(13,24,17,.92);
    --tag-text:#eef5f0;
    --bg:#09120d;
    --hero-bg:#111d16;
    --hero-shadow:0 28px 72px -42px rgba(0,0,0,.9),0 1px 0 rgba(143,199,162,.05) inset;
    --card-shadow:0 22px 52px -36px rgba(0,0,0,.9);
    --shadow-sm:0 14px 34px -24px rgba(0,0,0,.8);
    --shadow-md:0 26px 68px -42px rgba(0,0,0,.88);
    --shadow-lg:0 36px 90px -48px rgba(0,0,0,.94);
    --cm-bg:#09120d;
    --cm-bg-deep:#07100b;
    --cm-line:rgba(140,195,159,.06);
    --cm-surface-raised:#17271d;
    --cm-accent-soft:rgba(77,157,112,.12);
    --cm-accent-strong:#91c8a7;
    --cm-solid:#237a4b;
    --cm-solid-hover:#2d8555;
}

*{box-sizing:border-box}
html{background:var(--cm-bg)!important;scroll-behavior:smooth}
body{
    font-family:var(--cm-font-body)!important;
    color:var(--text)!important;
    background:
        radial-gradient(ellipse 70% 45% at 8% 0%,rgba(78,148,105,.15),transparent 70%),
        radial-gradient(ellipse 55% 40% at 100% 24%,rgba(145,190,160,.11),transparent 72%),
        var(--cm-bg)!important;
    background-size:auto!important;
    background-attachment:fixed!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

html.dark body{
    color:var(--text)!important;
    background:
        radial-gradient(ellipse 70% 46% at 8% 0%,rgba(41,111,70,.18),transparent 70%),
        radial-gradient(ellipse 55% 40% at 100% 24%,rgba(57,124,79,.1),transparent 72%),
        var(--cm-bg)!important;
    background-size:auto!important;
}

::selection{background:rgba(35,122,75,.2)!important;color:var(--text)!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(35,122,75,.28)!important;border:3px solid transparent;border-radius:999px;background-clip:padding-box!important}
::-webkit-scrollbar-thumb:hover{background:rgba(35,122,75,.46)!important;background-clip:padding-box!important}

a,button,input,textarea,select{font-family:var(--cm-font-body)!important}
a.nav-brand,a.logo,.foot-brand,a.foot-brand,.auth-logo-text,.logo span,.cml-title,.admin-shell .sb-brand .topbar-name{
    font-family:var(--cm-font-brand)!important;
    font-style:normal!important;
    font-weight:400!important;
}
button,a,input,textarea,select{outline:none}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--accent-l)!important;outline-offset:3px}
input,textarea,select{accent-color:var(--accent)}

.scene,.bg-orbs,.default-bg,.site-bg{display:none!important}

.character-bg{
    position:fixed;
    inset:64px 0 0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
    opacity:0;
    transition:opacity .7s ease;
}

.character-bg.ready{opacity:1}
.character-bg::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg,var(--cm-bg) 0%,rgba(237,243,238,.84) 24%,rgba(237,243,238,.18) 50%,transparent 68%),
        linear-gradient(180deg,rgba(237,243,238,.08),transparent 18%);
}
.character-bg::after{
    content:'';
    position:absolute;
    right:-12%;
    bottom:-22%;
    width:72vw;
    height:84vh;
    border-radius:50%;
    background:radial-gradient(circle,rgba(74,149,103,.11),transparent 68%);
}
.character-bg img{
    position:absolute;
    right:var(--character-right,-8vw);
    bottom:var(--character-bottom,-2vh);
    z-index:0;
    width:auto;
    height:var(--character-height,90vh);
    max-width:none;
    object-fit:contain;
    object-position:center bottom;
    opacity:min(1,calc(var(--character-opacity,.48) * 1.72));
    filter:saturate(1.08) contrast(1.08) brightness(.98) drop-shadow(0 26px 48px rgba(8,48,27,.22));
}
html.dark .character-bg::before{background:linear-gradient(90deg,var(--cm-bg) 0%,rgba(9,18,13,.94) 28%,rgba(9,18,13,.42) 66%,transparent 100%)}
html.dark .character-bg::after{background:radial-gradient(circle,rgba(68,145,96,.18),transparent 68%)}
html.dark .character-bg img{opacity:var(--character-opacity,.48);filter:brightness(1.14) saturate(.94) contrast(1.04) drop-shadow(0 24px 50px rgba(0,0,0,.3))}
body>.page,body>.auth-wrap,body>.site-footer,body>.foot{position:relative;z-index:1}

.page{
    width:min(100% - 40px,1240px)!important;
    padding:7rem 0 3.5rem!important;
    margin:0 auto!important;
}

h1,h2,.hero-title,.page-title,.faq-head-left h1,.auth-title{
    font-family:var(--cm-font-display)!important;
    font-style:italic!important;
    font-weight:500!important;
    letter-spacing:-.02em!important;
}
.cml-title,.nav-brand,.auth-logo-text,.foot-brand,.logo span,.admin-shell .sb-brand .topbar-name{
    font-family:var(--cm-font-brand)!important;
    font-style:normal!important;
    font-weight:400!important;
}

h3,h4,h5,h6{letter-spacing:-.015em}

.hero-title span,.page-title span,.faq-head-left h1 span,.ht-thin,.ht-bold,.stat-num,.modal-price,.cart-sum-total-val,.hero-amount span,.modal-amt{
    background:none!important;
    color:var(--accent-d)!important;
    -webkit-text-fill-color:currentColor!important;
    text-shadow:none!important;
}

html.dark .hero-title span,html.dark .page-title span,html.dark .faq-head-left h1 span,html.dark .ht-bold,html.dark .stat-num,html.dark .modal-price,html.dark .cart-sum-total-val,html.dark .hero-amount span,html.dark .modal-amt{
    color:var(--accent-l)!important;
}

.hero .hero-title>.ht-thin{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 2px 14px rgba(4,24,13,.32),0 1px 2px rgba(4,24,13,.4)!important;
}
.hero .hero-title>.ht-bold{
    margin-left:.06em;
    background:linear-gradient(135deg,#68ce93 0%,#32a565 52%,#1f7d4c 100%)!important;
    color:transparent!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    filter:drop-shadow(0 3px 10px rgba(35,122,75,.24));
}

.id-hero::before,.id-hero::after,.cart-drawer::before{display:none!important}

.hero,.id-hero,.console,.dock,.spotlight,.wall,.panel,.auth-card,.tos-wrap{
    background:var(--panel)!important;
    border:1px solid var(--border)!important;
    box-shadow:var(--shadow-md)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

.hero,.id-hero{border-radius:20px!important}
.console,.dock,.spotlight,.wall{border-radius:18px!important}

.hero{
    --hero-glow:rgba(79,161,116,.34);
    --hero-rim:rgba(160,214,180,.7);
    isolation:isolate;
    overflow:hidden!important;
    border-color:rgba(35,122,75,.28)!important;
    box-shadow:
        0 0 0 1px rgba(121,186,148,.14),
        0 0 0 1px rgba(121,186,148,.08) inset,
        0 0 18px rgba(79,161,116,.16),
        0 0 48px -10px var(--hero-glow),
        0 18px 48px -36px rgba(13,57,34,.42),
        inset 0 1px 0 rgba(255,255,255,.55)!important;
    animation:cmHeroGlow 6.5s ease-in-out infinite;
}
html.dark .hero{
    --hero-glow:rgba(110,186,140,.55);
    --hero-rim:rgba(196,230,208,.72);
    border-color:rgba(150,210,172,.32)!important;
    animation-name:cmHeroGlowDark;
    box-shadow:
        0 0 0 1px rgba(164,211,182,.18),
        0 0 0 1px rgba(164,211,182,.06) inset,
        0 0 22px rgba(91,166,119,.22),
        0 0 56px -8px var(--hero-glow),
        0 22px 56px -34px rgba(0,0,0,.88),
        inset 0 1px 0 rgba(164,211,182,.1)!important;
}
.hero::before{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    padding:1px!important;
    background:linear-gradient(
        122deg,
        var(--hero-rim) 0%,
        transparent 26%,
        transparent 58%,
        rgba(79,161,116,.34) 78%,
        transparent 100%
    )!important;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.78!important;
    filter:none!important;
    width:auto!important;
    height:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    animation:cmHeroRim 8.5s ease-in-out infinite alternate!important;
}
.hero::after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:auto!important;
    top:-34%!important;
    right:-16%!important;
    width:56%!important;
    height:100%!important;
    z-index:0!important;
    border-radius:50%!important;
    pointer-events:none!important;
    background:radial-gradient(circle,rgba(121,186,148,.18),transparent 70%)!important;
    filter:blur(30px)!important;
    opacity:.8!important;
    padding:0!important;
    -webkit-mask:none;
    mask:none;
    animation:cmHeroAura 9s ease-in-out infinite alternate!important;
}
html.dark .hero::after{background:radial-gradient(circle,rgba(130,198,158,.16),transparent 70%)!important}
.hero > *{position:relative;z-index:1}
@keyframes cmHeroGlow{
    0%,100%{
        box-shadow:
            0 0 0 1px rgba(121,186,148,.1),
            0 0 0 1px rgba(121,186,148,.05) inset,
            0 0 14px rgba(79,161,116,.1),
            0 0 36px -12px var(--hero-glow),
            0 18px 48px -36px rgba(13,57,34,.4),
            inset 0 1px 0 rgba(255,255,255,.48);
    }
    50%{
        box-shadow:
            0 0 0 1px rgba(121,186,148,.22),
            0 0 0 1px rgba(121,186,148,.1) inset,
            0 0 26px rgba(79,161,116,.22),
            0 0 64px -6px var(--hero-glow),
            0 20px 52px -34px rgba(13,57,34,.46),
            inset 0 1px 0 rgba(255,255,255,.64);
    }
}
@keyframes cmHeroGlowDark{
    0%,100%{
        box-shadow:
            0 0 0 1px rgba(130,198,158,.14),
            0 0 0 1px rgba(164,211,182,.05) inset,
            0 0 16px rgba(91,166,119,.14),
            0 0 40px -10px var(--hero-glow),
            0 22px 56px -34px rgba(0,0,0,.86),
            inset 0 1px 0 rgba(164,211,182,.07);
    }
    50%{
        box-shadow:
            0 0 0 1px rgba(196,230,208,.3),
            0 0 0 1px rgba(164,211,182,.1) inset,
            0 0 28px rgba(110,186,140,.28),
            0 0 72px -4px var(--hero-glow),
            0 24px 60px -32px rgba(0,0,0,.9),
            inset 0 1px 0 rgba(164,211,182,.14);
    }
}
@keyframes cmHeroRim{
    from{opacity:.38;background-position:0% 50%}
    to{opacity:.95;background-position:100% 50%}
}
@keyframes cmHeroAura{
    from{transform:translate3d(0,0,0) scale(1);opacity:.5}
    to{transform:translate3d(-5%,4%,0) scale(1.1);opacity:1}
}
@media (prefers-reduced-motion:reduce){
    .hero,.hero::before,.hero::after{animation:none!important}
}

.hero-eyebrow,.id-eyebrow,.page-label{
    color:var(--accent-d)!important;
    background:var(--cm-accent-soft)!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    letter-spacing:.11em!important;
}

html.dark .hero-eyebrow,html.dark .id-eyebrow,html.dark .page-label{color:var(--accent-l)!important}
.he-dot,.cb-dot,.hero-eyebrow::before,.page-label::before{animation:none!important;box-shadow:none!important;background:var(--accent)!important}

.gauge,.stat-card,.seg,.type-row,.form-area,.sp-item,.ap-item,.quick-rail .qr-btn,.rew-item,.ach-item,.order-item,.ref-box,.wcard{
    background:var(--panel-soft)!important;
    border:1px solid var(--border)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

.gauge{border-radius:14px!important}
.gauge::before,.gauge::after{background:var(--accent)!important;height:2px!important;opacity:.72!important}
.gauge-accent,.gauge.gauge-accent{background:var(--cm-accent-soft)!important;border-color:rgba(35,122,75,.25)!important}
html.dark .gauge-accent .g-val,html.dark .gauge.gauge-accent .g-val{color:var(--text)!important}
.gauge:hover,.stat-card:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-sm)!important}

.hero-cta,.btn-accent,.cart-checkout,.pcard-buy,.modal-buy,.submit-btn,.pay-btn,.auth-btn,.m-btn-primary,.ref-copy,.rew-btn.equip,.pop-apply,.btn-pay,.reply-send,.sp-login a,.cp-btn{
    background:var(--cm-solid)!important;
    color:#fff!important;
    border-color:var(--accent-d)!important;
    border-radius:10px!important;
    box-shadow:0 12px 28px -18px rgba(13,88,49,.75)!important;
    text-transform:none!important;
    letter-spacing:0!important;
    transition:background-color .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

.hero-cta::after,.btn-accent::after,.cart-checkout::after,.pcard-buy::after,.modal-buy::after,.submit-btn::after,.pay-btn::after,.auth-btn::after,.m-btn-primary::after,.ref-copy::after,.rew-btn.equip::after,.pop-apply::after,.btn-pay::after,.reply-send::after,.sp-login a::after,.cp-btn::after{display:none!important}

.hero-cta:hover,.btn-accent:hover,.cart-checkout:hover:not(:disabled),.pcard-buy:hover:not(:disabled),.modal-buy:hover:not(:disabled),.submit-btn:hover:not(:disabled),.pay-btn:hover:not(:disabled),.auth-btn:hover:not(:disabled),.m-btn-primary:hover,.ref-copy:hover,.rew-btn.equip:hover,.pop-apply:hover,.btn-pay:hover,.reply-send:hover,.sp-login a:hover,.cp-btn:hover{
    background:var(--cm-solid-hover)!important;
    transform:translateY(-1px)!important;
    filter:none!important;
    box-shadow:0 14px 30px -18px rgba(8,70,38,.85)!important;
}

.hero-ghost,.btn-ghost,.modal-cart,.auth-btn-secondary,.m-btn-secondary,.cart-head-btn,.fa-close,.reply-attach,.ap-act,.page-btn,.filter-btn{
    color:var(--text)!important;
    background:transparent!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    box-shadow:none!important;
}

.hero-ghost:hover,.btn-ghost:hover,.modal-cart:hover,.auth-btn-secondary:hover,.m-btn-secondary:hover,.cart-head-btn:hover,.fa-close:hover,.reply-attach:hover,.ap-act:hover,.page-btn:hover,.filter-btn:hover{
    color:var(--accent-d)!important;
    background:var(--accent-ghost)!important;
    border-color:var(--accent-l)!important;
    transform:none!important;
}

html:root .nav{
    top:.55rem!important;
    left:.75rem!important;
    right:.75rem!important;
    min-height:0!important;
    padding:.56rem .95rem!important;
    overflow:visible;
    border:1px solid rgba(35,122,75,.2)!important;
    border-radius:18px!important;
    background:linear-gradient(118deg,rgba(255,255,255,.58),rgba(232,243,235,.34))!important;
    box-shadow:0 12px 30px rgba(11,61,34,.12),inset 0 1px 0 rgba(255,255,255,.76)!important;
    backdrop-filter:blur(24px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.16)!important;
    transition:background .3s,border-color .3s,box-shadow .3s,transform .2s!important;
}

html:root .nav::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    display:block!important;
    border-radius:inherit!important;
    background:linear-gradient(108deg,rgba(255,255,255,.44),rgba(255,255,255,0) 34%,rgba(100,169,130,.15) 78%,rgba(100,169,130,0))!important;
    opacity:.78!important;
    pointer-events:none!important;
}
html:root .nav::after{display:none!important}
html:root .nav>*{position:relative;z-index:1}
html:root .nav:hover{box-shadow:0 16px 36px rgba(11,61,34,.16),inset 0 1px 0 rgba(255,255,255,.84)!important}
html:root .nav-brand{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:32px!important;
    gap:.62rem!important;
    color:var(--text)!important;
    font-family:var(--cm-font-display)!important;
    font-size:1.24rem!important;
    font-weight:600!important;
    font-style:normal!important;
    letter-spacing:-.025em!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
html:root .nav-brand:hover{transform:none!important}
html:root .nav-brand .brand-logo{
    display:block!important;
    width:104px!important;
    height:44px!important;
    flex:0 0 104px!important;
    margin:0!important;
    border-radius:0!important;
    object-fit:contain!important;
    box-shadow:none!important;
    filter:drop-shadow(0 5px 10px rgba(7,54,29,.16));
    transform:none!important;
}
html:root .nav-brand:hover .brand-logo{transform:translateY(-1px)!important;box-shadow:none!important}
html:root.dark .nav-brand .brand-logo{filter:invert(92%) sepia(10%) saturate(420%) hue-rotate(82deg) brightness(103%) drop-shadow(0 5px 10px rgba(0,0,0,.28))}
html:root .nav-links{
    gap:.25rem!important;
    padding:.2rem!important;
    border:1px solid rgba(35,122,75,.17)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.35)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.58)!important;
}
html:root .nav-link{
    padding:.35rem .82rem!important;
    border-radius:999px!important;
    color:var(--text2)!important;
    font-size:.81rem!important;
    font-weight:600!important;
    transition:color .2s,background .22s,box-shadow .22s,transform .2s!important;
}
html:root .nav-link:hover,html:root .nav-link.active{
    color:var(--accent-d)!important;
    background:rgba(35,122,75,.14)!important;
    box-shadow:0 5px 12px rgba(21,92,56,.12),inset 0 1px 0 rgba(255,255,255,.46)!important;
    transform:translateY(-.5px)!important;
}
html:root .nav-link.active::after{display:none!important}
html:root .nav .btn-ghost,html:root .nav .btn-accent{
    min-height:34px!important;
    padding:.42rem 1rem!important;
    border-radius:999px!important;
    font-size:.81rem!important;
}
html:root .nav .btn-ghost{
    border-color:rgba(35,122,75,.22)!important;
    background:rgba(255,255,255,.32)!important;
    color:var(--text)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important;
}
html:root .nav .btn-ghost:hover{border-color:rgba(35,122,75,.42)!important;background:rgba(255,255,255,.54)!important;color:var(--accent-d)!important}
html:root .nav .btn-accent{
    border-color:rgba(21,92,56,.34)!important;
    background:linear-gradient(135deg,rgba(35,122,75,.96),rgba(15,77,47,.96))!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(21,92,56,.24),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
html:root .nav .btn-accent:hover{background:linear-gradient(135deg,#237a4b,#0f4d2f)!important;box-shadow:0 12px 24px rgba(15,77,47,.32),inset 0 1px 0 rgba(255,255,255,.3)!important;transform:translateY(-1px)!important}
html:root .nav-profile{gap:.5rem!important}
html:root .dark-toggle{
    width:34px!important;
    height:34px!important;
    border:1px solid rgba(35,122,75,.2)!important;
    background:rgba(255,255,255,.34)!important;
    border-radius:10px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
}
html:root .dark-toggle:hover{background:rgba(255,255,255,.54)!important;border-color:rgba(35,122,75,.4)!important;transform:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
html:root .dark-toggle svg{color:var(--accent-d)!important}
html:root .np-trigger{
    background:rgba(255,255,255,.44)!important;
    border:0!important;
    border-radius:99px!important;
    box-shadow:0 4px 14px rgba(35,122,75,.08),0 0 0 1px rgba(35,122,75,.18)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
}
html:root .np-trigger:hover{background:rgba(255,255,255,.54)!important;box-shadow:0 5px 16px rgba(35,122,75,.12),0 0 0 1px rgba(35,122,75,.24)!important;transform:none!important}
html:root .nav-profile.open .np-trigger{background:rgba(255,255,255,.58)!important;box-shadow:0 5px 18px rgba(35,122,75,.12),0 0 0 1.5px var(--accent-l)!important}
html:root .np-ava,html:root .mob-ava{background:var(--cm-solid)!important;color:#fff!important}
html:root .np-bal,html:root .mob-bal{color:var(--accent-d)!important}
html:root .nav-drop{
    width:218px!important;
    padding:.42rem!important;
    border:1px solid rgba(35,122,75,.22)!important;
    border-radius:16px!important;
    background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(231,243,235,.82))!important;
    box-shadow:0 20px 46px rgba(8,60,32,.18),inset 0 1px 0 rgba(255,255,255,.7)!important;
    backdrop-filter:blur(20px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
}
html:root .nav-drop a,html:root .nav-drop button{color:var(--text)!important;font-size:.82rem!important;border-radius:12px!important;transition:background .18s,border-color .18s,color .18s,transform .18s!important}
html:root .nav-drop a:hover,html:root .nav-drop button:hover{background:linear-gradient(135deg,rgba(35,122,75,.13),rgba(35,122,75,.06))!important;border-color:rgba(35,122,75,.22)!important;transform:translateX(1px)!important}
html:root .nav-drop svg{color:var(--accent-d)!important;background:rgba(35,122,75,.1)!important;border:1px solid rgba(35,122,75,.15)!important}
html:root .nav-drop-div{background:linear-gradient(90deg,transparent,rgba(35,122,75,.22),transparent)!important}
html:root .nav-drop .drop-logout{color:#9b5260!important}
html:root .nav-drop .drop-logout:hover{color:#ef4444!important;background:linear-gradient(135deg,rgba(239,68,68,.13),rgba(239,68,68,.07))!important;border-color:rgba(239,68,68,.26)!important}
html:root .nav-drop .drop-logout svg{color:#b45f70!important;background:rgba(239,68,68,.09)!important;border-color:rgba(239,68,68,.18)!important}
html:root .nav-burger{background:rgba(255,255,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(35,122,75,.18)!important}
html:root .nav-burger:hover{background:rgba(255,255,255,.54)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 0 0 1px rgba(35,122,75,.3)!important}
html:root .nav-mobile{
    border:1px solid rgba(35,122,75,.18)!important;
    border-radius:16px!important;
    background:rgba(247,251,248,.78)!important;
    box-shadow:0 18px 42px rgba(8,60,32,.16),inset 0 1px 0 rgba(255,255,255,.68)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}
html:root .nav-mobile>a{border:1px solid transparent!important;color:var(--text)!important;font-size:.92rem!important;font-weight:600!important}
html:root .nav-mobile>a:hover{background:rgba(35,122,75,.1)!important;border-color:rgba(35,122,75,.17)!important}
html:root .nav-mobile>a.active{color:var(--accent-d)!important;background:rgba(35,122,75,.14)!important;border-color:rgba(35,122,75,.22)!important}
html:root .mob-profile-card{background:linear-gradient(135deg,rgba(35,122,75,.06),rgba(21,92,56,.1))!important;border-color:rgba(35,122,75,.2)!important}
html:root .nav-backdrop{background:rgba(4,20,11,.28)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}

html:root.dark .nav,html:root.dark .nav.scrolled{
    background:linear-gradient(118deg,rgba(15,37,24,.74),rgba(7,22,13,.58))!important;
    border-color:rgba(130,198,158,.25)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.44),inset 0 1px 0 rgba(164,211,182,.13)!important;
}
html:root.dark .nav::before{background:linear-gradient(108deg,rgba(164,211,182,.15),rgba(164,211,182,0) 34%,rgba(79,161,116,.16) 78%,rgba(79,161,116,0))!important;opacity:.86!important}
html:root.dark .nav-brand,html:root.dark .np-name,html:root.dark .mob-name,html:root.dark .nav-drop a,html:root.dark .nav-drop button,html:root.dark .nav-mobile a{color:var(--text)!important}
html:root.dark .nav-link{color:var(--text2)!important}
html:root.dark .nav-links{background:rgba(10,31,18,.48)!important;border-color:rgba(130,198,158,.18)!important;box-shadow:inset 0 1px 0 rgba(164,211,182,.07)!important}
html:root.dark .nav-link:hover,html:root.dark .nav-link.active{color:#fff!important;background:rgba(79,161,116,.22)!important;box-shadow:0 6px 14px rgba(0,0,0,.2),inset 0 1px 0 rgba(164,211,182,.08)!important}
html:root.dark .nav-mobile>a.active{color:#fff!important;background:rgba(79,161,116,.22)!important}
html:root.dark .nav .btn-ghost,html:root.dark .dark-toggle{background:rgba(17,49,29,.45)!important;border-color:rgba(130,198,158,.2)!important;box-shadow:inset 0 1px 0 rgba(164,211,182,.08)!important}
html:root.dark .nav .btn-ghost:hover,html:root.dark .dark-toggle:hover{background:rgba(23,66,39,.54)!important;border-color:rgba(130,198,158,.36)!important}
html:root.dark .np-trigger{background:rgba(17,49,29,.48)!important;box-shadow:0 5px 16px rgba(0,0,0,.22),0 0 0 1px rgba(130,198,158,.18)!important}
html:root.dark .np-trigger:hover{background:rgba(23,66,39,.54)!important;box-shadow:0 6px 18px rgba(0,0,0,.25),0 0 0 1px rgba(130,198,158,.26)!important}
html:root.dark .nav-profile.open .np-trigger{background:rgba(23,66,39,.58)!important;box-shadow:0 6px 18px rgba(0,0,0,.28),0 0 0 1.5px var(--accent-l)!important}
html:root.dark .dark-toggle svg,html:root.dark .np-bal,html:root.dark .mob-bal{color:var(--accent-l)!important}
html:root.dark .nav-drop{background:linear-gradient(160deg,rgba(16,42,25,.95),rgba(8,28,16,.88))!important;border-color:rgba(130,198,158,.22)!important;box-shadow:0 22px 50px rgba(0,0,0,.46),inset 0 1px 0 rgba(164,211,182,.09)!important}
html:root.dark .nav-drop a:hover,html:root.dark .nav-drop button:hover{background:linear-gradient(135deg,rgba(79,161,116,.16),rgba(79,161,116,.08))!important;border-color:rgba(130,198,158,.2)!important}
html:root.dark .nav-drop svg{color:var(--accent-l)!important;background:rgba(79,161,116,.13)!important;border-color:rgba(130,198,158,.16)!important}
html:root.dark .nav-mobile{background:rgba(10,31,18,.86)!important;border-color:rgba(130,198,158,.2)!important;box-shadow:0 20px 46px rgba(0,0,0,.4),inset 0 1px 0 rgba(164,211,182,.08)!important}

.site-footer{
    width:min(100% - 40px,1240px)!important;
    margin:1rem auto 0!important;
    padding:2.2rem 0 1.5rem!important;
    border-top:1px solid var(--border)!important;
    color:var(--text2)!important;
}
.foot-row{gap:2.5rem!important}
.foot-brand{
    font-family:var(--cm-font-brand)!important;
    font-weight:400!important;
    font-style:normal!important;
    font-size:1.55rem!important;
    letter-spacing:.01em!important;
    color:var(--text)!important;
}
.foot-brand .foot-wordmark{display:block;width:118px!important;height:auto!important;border-radius:0!important;object-fit:contain!important}
html.dark .foot-brand .foot-wordmark{filter:invert(92%) sepia(10%) saturate(420%) hue-rotate(82deg) brightness(103%)}
.foot-col-title{color:var(--text)!important;letter-spacing:.1em!important}
.foot-link,.foot-legal a{color:var(--text2)!important}
.foot-link:hover,.foot-legal a:hover{color:var(--accent-d)!important}
.foot-tg{color:var(--accent-d)!important;background:transparent!important;border:1px solid var(--border)!important;border-radius:8px!important}
.foot-tg:hover{background:var(--accent-ghost)!important}
.foot-bottom{border-color:var(--border)!important}

.page>.hero:first-child{margin-bottom:1.25rem!important}
.page>header.hero:first-child{
    padding-left:clamp(1.25rem,2.4vw,2.1rem)!important;
    padding-right:clamp(1.25rem,2.4vw,2.1rem)!important;
}
header.hero>.hero-l{min-width:0!important}
header.hero .hero-title{padding-left:.08em!important}
header.hero>.hero-r{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
}
header.hero>.hero-r>.gauge{
    min-width:0!important;
    height:100%;
}
.hero-title{font-size:clamp(2.65rem,5.2vw,4.7rem)!important;line-height:1.03!important;color:var(--text)!important}
.hero-sub{color:var(--text2)!important;line-height:1.7!important}
.stat-card{border-radius:12px!important;background:var(--panel-soft)!important}
.stat-ico,.qr-ico,.rew-ico,.ach-ico,.order-ico,.meth-ico,.tr-dot,.sp-ico,.ap-dot{
    background:var(--cm-accent-soft)!important;
    color:var(--accent-d)!important;
    border:1px solid var(--border)!important;
    box-shadow:none!important;
}
.stat-ico svg,.qr-ico svg,.rew-ico svg,.ach-ico svg,.order-ico svg,.meth-ico svg,.tr-dot svg,.sp-ico svg{color:var(--accent-d)!important}
html.dark .stat-ico svg,html.dark .qr-ico svg,html.dark .rew-ico svg,html.dark .ach-ico svg,html.dark .order-ico svg,html.dark .meth-ico svg,html.dark .tr-dot svg,html.dark .sp-ico svg{color:var(--accent-l)!important}

.toolbar{
    top:76px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid var(--border)!important;
    border-radius:14px!important;
    box-shadow:0 18px 46px -36px rgba(10,61,33,.75)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}
html.dark .toolbar,html.dark .toolbar.stuck{background:rgba(17,29,22,.95)!important;border-color:var(--border)!important;box-shadow:0 20px 48px -32px rgba(0,0,0,.95)!important}
.tb-search input,.fp-btn,.pop-input,.pop-preset,.cat-tab{
    background:var(--field-bg)!important;
    border-color:var(--border)!important;
    color:var(--text)!important;
}
.tb-search input{background-image:none!important;padding-left:1rem!important}
.tb-search input:focus,.pop-input:focus-within{background:var(--surface)!important;border-color:var(--accent-l)!important;box-shadow:0 0 0 3px var(--accent-ghost)!important}
.tb-cats{background:var(--panel-soft)!important}
.cat-tab.on,.pop-preset.on,.sort-opt.on .sort-opt-ico,.sort-opt.on .sort-opt-check,.fp-val{
    color:#fff!important;
    background:var(--cm-solid)!important;
    border-color:var(--cm-solid)!important;
    box-shadow:none!important;
}
.filter-pill.has-val .fp-btn,.sort-opt.on{background:var(--cm-accent-soft)!important;border-color:var(--accent-l)!important}
.filter-pill.has-val .fp-lbl{color:var(--accent-d)!important}
.pop{
    background:var(--surface)!important;
    border-color:var(--border)!important;
    border-radius:14px!important;
    box-shadow:var(--shadow-lg)!important;
}
.pop-arrow{background:var(--surface)!important;border-color:var(--border)!important}
.sort-opt:hover{background:var(--accent-ghost)!important}
.catalog-title{font-family:var(--cm-font-display)!important;font-style:italic!important;font-weight:500!important;font-size:1.7rem!important}
.pgrid{gap:1rem!important}
.pcard{
    background:var(--card-bg)!important;
    border:1px solid var(--border)!important;
    border-radius:16px!important;
    box-shadow:var(--card-shadow)!important;
}
.pcard:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(35,122,75,.32)!important;
    box-shadow:0 24px 52px -38px rgba(8,69,37,.7)!important;
}
.pcard-media{border-color:var(--border)!important;background:var(--cm-accent-soft)!important}
.pcard-media::after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.36))!important}
html.dark .pcard-media::after{background:linear-gradient(180deg,transparent,rgba(9,18,13,.38))!important}
.pcard-ico{filter:none!important}
.pcard-placeholder{display:grid!important;place-items:center;width:74px!important;height:74px!important;border:1px solid rgba(35,122,75,.2);border-radius:18px;color:var(--accent-d);background:rgba(255,255,255,.45)}
.pcard-placeholder svg{width:34px;height:34px}
html.dark .pcard-placeholder{background:rgba(79,161,116,.08);color:var(--accent-l)}
.pcard-img{filter:saturate(.86) contrast(1.02)}
.pcard:hover .pcard-img{transform:scale(1.025)!important}
.pcard-rec{background:var(--cm-solid)!important;color:#fff!important;box-shadow:none!important;border-radius:6px!important}
.pcard-stock-tag{border-color:var(--border)!important;box-shadow:none!important}
.pcard-stock-tag.inf{background:var(--cm-accent-soft)!important;color:var(--accent-d)!important;border-color:rgba(35,122,75,.25)!important}
.pcard-name{color:var(--text)!important}
.pcard-desc{color:var(--text2)!important}
.pcard-price{gap:.22rem!important;white-space:nowrap;font-variant-numeric:tabular-nums}
.pcard-price-num{
    font-family:var(--cm-font-body)!important;
    font-size:clamp(1.12rem,4.5vw,1.35rem)!important;
    font-weight:800!important;
    font-style:normal!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
    color:var(--text)!important;
    background:none!important;
    -webkit-text-fill-color:currentColor!important;
}
.pcard-price-cur{font-size:.78rem!important;font-weight:800!important;color:var(--accent-d)!important}
html.dark .pcard-price-num{color:#f1f8f3!important;text-shadow:0 1px 12px rgba(145,200,168,.14)}
html.dark .pcard-price-cur{color:#91c8a8!important}
.empty,.orders-empty,.ap-empty,.faq-empty{border-color:var(--border)!important;background:var(--panel-soft)!important;color:var(--text2)!important}
.modal-overlay,.cart-bg{background:rgba(4,20,11,.58)!important;backdrop-filter:blur(8px)!important}
.modal-card,.modal-box,.sm-box{
    background:var(--modal-bg)!important;
    border:1px solid var(--border)!important;
    border-radius:18px!important;
    box-shadow:var(--shadow-lg)!important;
}
.modal-vis,.modal-meta,.sm-link,.sm-dl{background:var(--panel-soft)!important;border-color:var(--border)!important}
.modal-qty,.m-input,.fg-input,.fg-textarea,.fg-select,.amt-input,.topup-input,.amount-input,.reply-input,.rv-input,.rv-textarea,.ref-input,.chat-input{
    background:var(--field-bg)!important;
    color:var(--text)!important;
    border:1px solid var(--border)!important;
}
.modal-qty:focus,.m-input:focus,.fg-input:focus,.fg-textarea:focus,.fg-select:focus,.amt-input:focus,.topup-input:focus,.amount-input:focus,.reply-input:focus,.rv-input:focus,.rv-textarea:focus,.ref-input:focus,.chat-input:focus{
    border-color:var(--accent-l)!important;
    box-shadow:0 0 0 3px var(--accent-ghost)!important;
}
.cart-fab{
    background:var(--cm-solid)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:14px!important;
    box-shadow:0 18px 42px -22px rgba(5,60,30,.85)!important;
}
.cart-fab:hover{transform:translateY(-1px)!important;box-shadow:0 20px 44px -20px rgba(5,60,30,.95)!important}
.cart-fab .cf-ico svg{transform:translate(-.6px,.8px)!important}
.cart-fab:hover .cf-ico svg{transform:translate(-.6px,.8px)!important}
.cart-drawer{background:var(--surface)!important;box-shadow:-28px 0 80px -36px rgba(4,31,17,.72)!important}
.cart-head,.cart-foot{background:var(--surface)!important;border-color:var(--border)!important}
.cart-item{background:var(--panel-soft)!important;border-color:var(--border)!important;backdrop-filter:none!important}
.cart-item:hover{border-color:var(--accent-l)!important;box-shadow:none!important}
.ci-thumb,.ci-qty{background:var(--cm-accent-soft)!important;border-color:var(--border)!important}
.cart-empty-ill,.rv-empty-ring{background:var(--cm-accent-soft)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.skel{background:linear-gradient(90deg,var(--panel-soft) 25%,var(--accent-pale) 50%,var(--panel-soft) 75%)!important;background-size:200% 100%!important}

.auth-wrap{padding-top:7rem!important}
.auth-card{
    max-width:460px!important;
    padding:2.4rem!important;
    border-radius:18px!important;
}
.auth-card::before{content:'';display:block;width:42px;height:2px;background:var(--accent);margin:0 auto 1.4rem}
.auth-logo img{border-radius:10px!important}
.auth-logo-text{
    font-family:var(--cm-font-brand)!important;
    font-size:2.05rem!important;
    font-weight:400!important;
    font-style:normal!important;
    letter-spacing:.01em!important;
    line-height:1!important;
    color:var(--text)!important;
    -webkit-text-fill-color:var(--text)!important;
}
.auth-sub{color:var(--text2)!important}
.auth-tabs{background:var(--panel-soft)!important;border:1px solid var(--border)!important;border-radius:10px!important}
.auth-tab{border-radius:8px!important}
.auth-tab.on{color:var(--accent-d)!important}
.auth-pill{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:none!important}
.field-label{color:var(--text2)!important}
.field input,.code-box{
    background:var(--field-bg)!important;
    color:var(--text)!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
}
.field input:focus,.code-box:focus{background:var(--surface)!important;border-color:var(--accent-l)!important;box-shadow:0 0 0 3px var(--accent-ghost)!important;transform:none!important}
.code-box.filled{background:var(--cm-accent-soft)!important;border-color:var(--accent-l)!important}
.reset-icon{background:var(--cm-accent-soft)!important;border-radius:12px!important}

.id-hero{padding:2rem!important}
.id-ava{background:var(--cm-solid)!important;color:#fff!important;border-color:var(--panel)!important;border-radius:18px!important;box-shadow:0 18px 38px -24px rgba(8,70,38,.8)!important}
.xp-ring{border-color:var(--accent-pale)!important;border-radius:22px!important}
.xp-ring-fill{border-radius:22px!important;filter:none!important}
.id-ava-edit,.id-reward-badge,.id-level,.ach-check{background:var(--cm-solid)!important;color:#fff!important;box-shadow:none!important}
.rew-item.equipped::before{background:var(--cm-solid)!important;color:#fff!important;box-shadow:none!important}
.id-name{font-family:var(--cm-font-display)!important;font-weight:400!important}
.id-xp-fill,.act-bar.has{background:var(--accent)!important;box-shadow:none!important}
.quick-rail{gap:.65rem!important}
.qr-btn{border-radius:14px!important;box-shadow:none!important}
.qr-btn::before{display:none!important}
.qr-btn:hover{transform:translateY(-2px)!important;border-color:var(--accent-l)!important;box-shadow:var(--shadow-sm)!important}
.qr-btn.cta .qr-ico{background:var(--cm-solid)!important;border-color:var(--cm-solid)!important}
.panel{border-radius:16px!important}
.panel-bar{border-color:var(--border)!important}
.pb-l,.pb-r,.act-total-val,.ref-stat-val,.order-price,.ach-xp{color:var(--accent-d)!important}
.ref-box{background:var(--cm-accent-soft)!important}
.rew-item,.ach-item,.order-item{border-radius:12px!important}
.rew-item.unlocked,.rew-item.equipped,.ach-item.unlocked{background:var(--cm-accent-soft)!important;border-color:rgba(35,122,75,.25)!important}
.rew-item.unlocked:not(.equipped) .rew-ico,.ach-item.unlocked .ach-ico{background:var(--panel-strong)!important;border-color:var(--accent-l)!important}
.rew-item.equipped .rew-ico{background:var(--cm-solid)!important;border-color:var(--cm-solid)!important}
.rew-item:hover,.ach-item:hover,.order-item:hover{transform:translateY(-2px)!important;border-color:var(--accent-l)!important;box-shadow:none!important}

.hero-orb,.modal-ico{
    background:var(--cm-solid)!important;
    border-radius:16px!important;
    box-shadow:0 16px 34px -22px rgba(8,70,38,.8)!important;
}
.hero-orb::before{border-color:rgba(255,255,255,.2)!important}
.console-bar,.fa-head{border-color:var(--border)!important}
.seg{border-radius:14px!important}
.seg-num{background:var(--cm-solid)!important;color:#fff!important;border-radius:6px!important}
.amt-chip{background:var(--panel-soft)!important;border-color:var(--border)!important;border-radius:9px!important}
.amt-chip:hover,.amt-chip.active{background:var(--cm-accent-soft)!important;border-color:var(--accent-l)!important;color:var(--accent-d)!important;box-shadow:none!important;transform:none!important}
html.dark .amt-chip.active{color:#fff!important}
.meth-card{border-radius:14px!important;border-width:1px!important}
.meth-card::before{display:none!important}
.meth-card:hover,.meth-card.active{background:var(--cm-accent-soft)!important;border-color:var(--accent-l)!important;box-shadow:none!important;transform:translateY(-2px)!important}
.meth-card.active::after{background:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-pale)!important}
.meth-card.active .meth-ico{background:var(--cm-solid)!important;border-color:var(--cm-solid)!important;box-shadow:none!important}
.pay-summary{background:var(--cm-accent-soft)!important;border-color:var(--border)!important;border-radius:14px!important}
.pay-summary-val,.amt-currency,.dock-count,.ap-act.pay-link{color:var(--accent-d)!important}
.ap-item{border-radius:12px!important}

.type-row{border-radius:14px!important;min-height:190px!important}
.type-row:hover,.type-row.active{background:var(--cm-accent-soft)!important;border-color:var(--accent-l)!important;box-shadow:none!important;transform:translateY(-2px)!important}
.type-row.active .tr-dot,.type-row.active .tr-arrow{background:var(--cm-solid)!important;color:#fff!important;box-shadow:none!important}
.meth-card.active .meth-ico svg,.type-row.active .tr-dot svg,.type-row.active .tr-arrow svg,.qr-btn.cta .qr-ico svg,.rew-item.equipped .rew-ico svg,.hero-orb svg,.modal-ico svg,.id-ava-edit svg,.id-reward-badge svg,.id-level svg,.ach-check svg{color:#fff!important}
.tr-foot{border-color:var(--border)!important}
.stage{background:var(--panel-soft)!important;border-color:var(--border)!important;border-radius:14px!important}
.se-arrow{animation:none!important;background:var(--cm-accent-soft)!important;border-color:var(--border)!important}
.se-hint{background:var(--cm-accent-soft)!important;border-color:var(--border)!important;color:var(--accent-d)!important}
.form-area{border-radius:14px!important}
.form-area::before,.console::before,.dock::before{display:none!important}
.file-drop{background:var(--panel-soft)!important;border-color:var(--border)!important;border-radius:12px!important}
.file-drop:hover,.file-drop.over{background:var(--cm-accent-soft)!important;border-color:var(--accent-l)!important}
.sp-item{border-radius:12px!important}
.sp-item:hover{transform:translateY(-2px)!important;border-color:var(--accent-l)!important;box-shadow:none!important}
.msg.user .msg-ava,.msg.admin .msg-ava{background:var(--cm-solid)!important;color:#fff!important}
.msg-body,.msg.admin .msg-body{background:var(--panel-soft)!important;border:1px solid var(--border)!important}
.modal-reply{background:var(--panel-soft)!important}
.compress-overlay{background:rgba(4,20,11,.78)!important}
.co-spinner{border-color:rgba(255,255,255,.2)!important;border-top-color:#fff!important}
.co-fill{background:var(--accent-l)!important}

.spot-main,.spot-thumb{background:#0c1811!important}
.spot-over{background:linear-gradient(180deg,transparent 30%,rgba(4,13,8,.86) 100%)!important}
.spot-reward{background:rgba(21,92,56,.82)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none!important}
.spot-rail{background:var(--panel-soft)!important;border-color:var(--border)!important}
.spot-thumb:hover{transform:translateX(-2px)!important;box-shadow:none!important}
.spot-thumb.active{border-color:var(--accent)!important;box-shadow:none!important}
.wcard{border-radius:14px!important}
.wcard:hover{transform:translateY(-2px)!important;border-color:var(--accent-l)!important;box-shadow:var(--shadow-sm)!important}
.wc-img{background:var(--cm-accent-soft)!important}
.wc-rw{background:var(--cm-accent-soft)!important;border-color:var(--border)!important;color:var(--accent-d)!important}
.rv-pg-btn{background:var(--surface)!important;border-color:var(--border)!important;border-radius:9px!important;color:var(--text)!important}
.rv-pg-btn.on{background:var(--cm-solid)!important;color:#fff!important;box-shadow:none!important}
.lb-overlay{background:rgba(2,10,6,.94)!important}

.faq-head{border-color:var(--border)!important}
.faq-tabs{background:var(--panel-soft)!important;border-color:var(--border)!important;border-radius:10px!important}
.faq-tab{border-radius:8px!important}
.faq-tab:hover{background:var(--surface)!important;color:var(--accent-d)!important;box-shadow:none!important}
.faq-tab.on{background:var(--cm-solid)!important;color:#fff!important;box-shadow:0 9px 24px -17px rgba(8,48,27,.9)!important}
.faq-card{background:var(--panel)!important;border-color:var(--border)!important;border-radius:14px!important;box-shadow:none!important;backdrop-filter:none!important}
.faq-card:hover,.faq-card.open{border-color:var(--accent-l)!important;box-shadow:var(--shadow-sm)!important}
.faq-q:hover{background:var(--accent-ghost)!important}
.faq-q-num{background:var(--cm-solid)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important}
.faq-q-ico{background:var(--cm-accent-soft)!important}
.faq-card.open .faq-q-ico{background:var(--cm-solid)!important}
.faq-card.open .faq-q-ico svg{color:#fff!important}
.faq-a-inner{border-color:var(--border)!important}
.faq-tg-link{background:var(--cm-accent-soft)!important;border-color:var(--border)!important;color:var(--accent-d)!important}
.faq-help a{background:var(--cm-solid)!important;color:#fff!important}
.faq-help a:hover{background:var(--cm-solid-hover)!important;color:#fff!important}

.page-label{padding:.35rem .6rem!important}
.page-title{font-size:clamp(2.1rem,5vw,3.3rem)!important}
.page-updated{color:var(--text2)!important}
.doc{
    background:var(--panel)!important;
    border:1px solid var(--border)!important;
    border-radius:18px!important;
    padding:1rem 2.25rem 2.4rem!important;
    box-shadow:var(--shadow-md)!important;
}
.doc h2{font-family:var(--cm-font-body)!important;font-weight:700!important;letter-spacing:-.02em!important;border-color:var(--border)!important}
.doc h2::before{background:var(--accent)!important}
.doc p,.doc li{color:var(--text2)!important}
.doc-contact{background:var(--cm-accent-soft)!important;color:var(--accent-d)!important}
.foot{border-color:var(--border)!important;color:var(--text2)!important}

body>.container,body>.wrap{
    background:var(--panel)!important;
    border:1px solid var(--border)!important;
    border-radius:18px!important;
    box-shadow:var(--shadow-lg)!important;
}
body>.container{padding:2.5rem!important}
body>.wrap{padding:2.5rem!important}
.logo img{border-radius:10px!important}
.logo img.signup-wordmark,.logo img.maintenance-wordmark{border-radius:0!important;object-fit:contain!important;box-shadow:none!important}
html.dark .logo img.signup-wordmark,html.dark .logo img.maintenance-wordmark{filter:invert(92%) sepia(10%) saturate(420%) hue-rotate(82deg) brightness(103%)}
.logo span{
    font-family:var(--cm-font-brand)!important;
    font-weight:400!important;
    font-style:normal!important;
    font-size:1.55rem!important;
    letter-spacing:.01em!important;
    color:var(--text)!important;
}
.icon-wrap{background:var(--cm-accent-soft)!important;border-color:var(--border)!important;border-radius:16px!important}
.icon-wrap svg{color:var(--accent)!important}
.gear-spin{animation:none!important}
.reason-card{background:var(--panel-soft)!important;border-color:var(--border)!important}
.reason-label{color:var(--accent-d)!important}
.reason-text,.subtitle{color:var(--text2)!important}
.pulse-dot::before{background:var(--accent)!important;animation:none!important;box-shadow:none!important}
.spinner{border-color:var(--accent-pale)!important;border-top-color:var(--accent)!important}
a.cta{background:var(--cm-solid)!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important}

.admin-shell{
    --text:#122219;
    --text2:rgba(18,34,25,.62);
    background:var(--cm-bg)!important;
    color:var(--text)!important;
}
.admin-shell .sidebar{
    background:rgba(247,250,247,.95)!important;
    border-color:var(--border)!important;
    box-shadow:16px 0 46px -42px rgba(7,54,29,.7)!important;
    backdrop-filter:blur(20px)!important;
}
.admin-shell .sb-brand,.admin-shell .sb-foot{border-color:var(--border)!important}
.admin-shell .sb-brand::after,.admin-shell .sb-foot::before{display:none!important}
.admin-shell .sb-brand img{border-radius:10px!important;box-shadow:none!important}
.admin-shell .sb-brand .topbar-name{
    font-family:var(--cm-font-brand)!important;
    font-weight:400!important;
    font-style:normal!important;
    font-size:1.45rem!important;
    letter-spacing:.01em!important;
    color:var(--text)!important;
}
.admin-shell .pill{color:var(--text2)!important;border-radius:9px!important}
.admin-shell .pill svg{color:var(--text3)!important}
.admin-shell .pill:hover{background:var(--accent-ghost)!important;color:var(--accent-d)!important;transform:none!important}
.admin-shell .pill:hover svg{color:var(--accent)!important;transform:none!important}
.admin-shell .pill.on{background:var(--cm-accent-soft)!important;color:var(--accent-d)!important;box-shadow:none!important}
.admin-shell .pill.on svg{color:var(--accent)!important}
.admin-shell .pill.on::before{background:var(--accent)!important;box-shadow:none!important}
.admin-shell .sb-foot .topbar-ava,.admin-shell .order-ava,.admin-shell .buyer-ava,.admin-shell .user-cell-ava{background:var(--cm-solid)!important;color:#fff!important;box-shadow:none!important}
.admin-shell .sb-foot .topbar-uname,.admin-shell .sb-foot .topbar-urole{color:var(--text)!important}
.admin-shell .topbar{
    background:rgba(247,250,247,.92)!important;
    border-color:var(--border)!important;
    box-shadow:0 14px 36px -34px rgba(7,54,29,.7)!important;
    backdrop-filter:blur(18px)!important;
}
.admin-shell .topbar .toolbar-title{font-family:var(--cm-font-body)!important;font-weight:700!important;color:var(--text)!important}
.admin-shell .dark-toggle-admin,.admin-shell .sb-toggle{background:var(--surface)!important;border-color:var(--border)!important;color:var(--accent-d)!important}
.admin-shell :where(.card,.stat-card,.mini-card,.chart-card,.list-card,.modal-box,.ord-stat-card,.ord-toolbar,.ord-empty,.ord-card,.pay-stat-card,.pay-toolbar,.pay-table-wrap,.pay-empty,.prod-stat,.tk-kpi,.tk-row,.tk-main,.tk-side,.stg-card,.um-ach,.um-chart){
    background:var(--surface)!important;
    border-color:var(--border)!important;
    box-shadow:var(--shadow-sm)!important;
    backdrop-filter:none!important;
}
.admin-shell :where([class$="-card"],[class*="-card "]){
    border-color:var(--border)!important;
    box-shadow:var(--shadow-sm)!important;
}
.admin-shell :where(h1,h2,h3,h4,label,strong,td,.stat-value,.order-name,.buyer-name,.user-cell-name,.topbar-name){color:var(--text)!important}
.admin-shell :where(.stat-label,.stat-sub,.order-product,.order-date,.buyer-cnt,.user-cell-email,.page-info,.card-empty,.topbar-urole){color:var(--text2)!important}
.admin-shell :where(.accent,.stat-value.accent,.order-price,.buyer-spent,.clickable:hover){color:var(--accent)!important}
.admin-shell .stat-icon.purple,.admin-shell .stat-icon.blue,.admin-shell .badge.purple{background:var(--cm-accent-soft)!important;color:var(--accent-d)!important}
.admin-shell .tkt-box{background:var(--surface-soft)!important}
.admin-shell table,.admin-shell th,.admin-shell td{border-color:var(--border)!important}
.admin-shell th{background:var(--panel-soft)!important;color:var(--text2)!important}
.admin-shell tr:hover td{background:var(--accent-ghost)!important}
.admin-shell :where(input,textarea,select,.inline-input){
    background:var(--field-bg)!important;
    color:var(--text)!important;
    border-color:var(--border)!important;
    box-shadow:none!important;
}
.admin-shell :where(input,textarea,select,.inline-input):focus{border-color:var(--accent-l)!important;box-shadow:0 0 0 3px var(--accent-ghost)!important}
.admin-shell :where(.page-btn.on,.filter-btn.on){background:var(--cm-solid)!important;color:#fff!important;border-color:var(--cm-solid)!important}
.admin-shell :where(.btn-primary,.primary,[class*="btn-primary"],[class*="btn"][class*="accent"]){background:var(--cm-solid)!important;color:#fff!important;border-color:var(--cm-solid)!important;box-shadow:none!important}
.admin-shell .modal-overlay{background:rgba(4,20,11,.58)!important}

html.dark .admin-shell{
    --text:#eef5f0;
    --text2:rgba(225,239,230,.62);
    background:var(--cm-bg)!important;
}
html.dark .admin-shell .sidebar,html.dark .admin-shell .topbar{background:rgba(11,21,15,.96)!important;border-color:var(--border)!important;box-shadow:none!important}
html.dark .admin-shell .sb-brand .topbar-name,html.dark .admin-shell .sb-foot .topbar-uname,html.dark .admin-shell .topbar .toolbar-title{color:var(--text)!important;-webkit-text-fill-color:currentColor!important}
html.dark .admin-shell .pill{color:var(--text2)!important}
html.dark .admin-shell .pill:hover,html.dark .admin-shell .pill.on{background:var(--accent-ghost)!important;color:var(--accent-l)!important;box-shadow:none!important}
html.dark .admin-shell :where(.card,.stat-card,.mini-card,.chart-card,.list-card,.modal-box,.ord-stat-card,.ord-toolbar,.ord-empty,.ord-card,.pay-stat-card,.pay-toolbar,.pay-table-wrap,.pay-empty,.prod-stat,.tk-kpi,.tk-row,.tk-main,.tk-side,.stg-card,.um-ach,.um-chart){
    background:var(--surface)!important;
    border-color:var(--border)!important;
}
html.dark .admin-shell :where(h1,h2,h3,h4,label,strong,td,.stat-value,.order-name,.buyer-name,.user-cell-name,.topbar-name){color:var(--text)!important}

.modal-card,.modal-box{
    max-height:min(92dvh,900px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
}

html:root .nav-mobile{
    max-height:calc(100dvh - 5rem);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}

@media(max-width:880px){
    html:root .nav{padding:.52rem .72rem!important}
    html:root .nav-burger{width:40px!important;height:40px!important}
    html:root .nav-mobile>a{display:flex;align-items:center;min-height:44px!important}
    html:root .nav-mobile>.dark-toggle{min-height:44px!important}
    html:root .nav-mobile .btn-ghost,html:root .nav-mobile .btn-accent{min-height:44px!important}
    .type-row{min-height:0!important}
    .admin-shell .sidebar{height:100dvh!important}
    body.sb-open .admin-shell .pill span,.admin-shell body.sb-open .pill span,body.sb-open .pill span{display:inline!important}
    .admin-shell .card:has(table),.admin-shell .list-card:has(table),.admin-shell .pay-table-wrap,.admin-shell .pay-tbl{
        overflow-x:auto!important;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
    }
    .admin-shell .card:has(table) table,.admin-shell .list-card:has(table) table{min-width:680px}
    .admin-shell .main-content{overflow-x:hidden}
}

@media(max-width:900px){
    .page{width:min(100% - 24px,1240px)!important;padding-top:5.75rem!important}
    html:root .nav{padding:.56rem .8rem!important}
    .site-footer{width:min(100% - 24px,1240px)!important}
    .hero-title{font-size:clamp(2.25rem,8vw,3.6rem)!important}
    .character-bg::before{background:linear-gradient(90deg,var(--cm-bg) 0%,rgba(237,243,238,.68) 34%,rgba(237,243,238,.08) 62%,transparent 78%)}
    html.dark .character-bg::before{background:linear-gradient(90deg,var(--cm-bg),rgba(9,18,13,.82) 48%,transparent 100%)}
    .character-bg img{height:min(var(--character-height,90vh),76vh);transform:translateX(14%);opacity:min(1,calc(var(--character-opacity,.48) * 1.65));filter:saturate(1.1) contrast(1.09) brightness(.98) drop-shadow(0 24px 44px rgba(8,48,27,.22))}
    html.dark .character-bg img{opacity:calc(var(--character-opacity,.48) * .64);filter:brightness(1.14) saturate(.94) contrast(1.04) drop-shadow(0 24px 50px rgba(0,0,0,.3))}
}

@media(max-width:720px){
    .character-bg{display:none!important}
}

@media(max-width:640px){
    body{background-size:auto!important;background-attachment:scroll!important}
    html:root .nav{top:.45rem!important;left:.5rem!important;right:.5rem!important;padding:.5rem .62rem!important;border-radius:14px!important}
    html:root .nav-brand{min-height:27px!important;font-size:1.08rem!important;gap:.48rem!important}
    html:root .nav-brand .brand-logo{width:88px!important;height:38px!important;flex-basis:88px!important;border-radius:0!important}
    html:root .nav-mobile{top:3.7rem!important;left:.5rem!important;right:.5rem!important;padding:.72rem!important;border-radius:16px!important}
    html:root .nav-mobile>.dark-toggle{width:100%!important;height:40px!important;gap:.45rem!important;margin-top:.35rem!important;border-radius:11px!important}
    html:root .nav-mobile .btn-ghost,html:root .nav-mobile .btn-accent{border-radius:999px!important}
    .page{width:min(100% - 16px,1240px)!important;padding-top:5.2rem!important}
    .hero,.id-hero,.console,.dock,.spotlight,.wall,.auth-card,.doc{border-radius:14px!important}
    .hero-title{font-size:2.2rem!important}
    .toolbar{top:62px!important}
    .auth-card{padding:1.6rem 1.25rem!important}
    .doc{padding:.6rem 1.2rem 1.6rem!important}
    .site-footer{width:min(100% - 24px,1240px)!important}
    body>.container,body>.wrap{margin:12px!important;padding:2rem 1.25rem!important}
    .character-bg{inset:56px 0 0}
    .character-bg::before{background:linear-gradient(90deg,var(--cm-bg),rgba(237,243,238,.84) 58%,transparent 100%)}
    html.dark .character-bg::before{background:linear-gradient(90deg,var(--cm-bg),rgba(9,18,13,.88) 58%,transparent 100%)}
    .character-bg img{height:min(var(--character-height,90vh),68vh);right:-26vw;transform:none;opacity:calc(var(--character-opacity,.48) * .58)}
    html.dark .character-bg img{opacity:calc(var(--character-opacity,.48) * .52)}
    input,textarea,select{font-size:16px!important}
    .code-boxes{gap:.25rem!important}
    .code-box{width:auto!important;max-width:42px!important;min-width:0!important;flex:1 1 0!important;height:48px!important}
    .ci-qty button{min-width:36px!important;min-height:36px!important}
    .ci-del,.order-dl,.faq-q-ico,.cart-head-btn,.modal-close,.fa-close,.reply-attach,.reply-send{
        min-width:40px!important;
        min-height:40px!important;
    }
    .faq-q{min-height:56px}
    .stat-lbl,.g-lbl,.pcard-rec,.pcard-stock-tag{font-size:.64rem!important}
    .admin-shell .main-content{padding:.8rem .65rem 1.5rem!important}
    .admin-shell .topbar{padding:0 .7rem!important}
}

@media(max-width:600px){
    .hero-sub{font-size:.98rem!important;line-height:1.6!important}
}

@media(max-width:480px){
    .id-right,header.hero>.hero-r{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:.5rem!important;
    }
    .id-right>:last-child,header.hero>.hero-r>:last-child{grid-column:1/-1}
    .id-right .gauge,header.hero>.hero-r .gauge{min-width:0!important}
    .g-val{font-size:clamp(.92rem,5vw,1.08rem)!important}
    .type-row{padding:1rem!important}
    .hero-title{font-size:clamp(1.9rem,10vw,2.2rem)!important}
    .panel,.console,.dock,.spotlight,.wall{padding-left:.9rem!important;padding-right:.9rem!important}
}

@media(max-width:360px){
    html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
    .page{width:calc(100% - 12px)!important}
    .auth-card{padding:1.35rem .9rem!important}
    .code-box{max-width:38px!important;height:44px!important}
    .hero-title{font-size:1.85rem!important}
    .page-title,.doc h2,.doc p{overflow-wrap:anywhere}
}

html:not(.dark) .admin-shell{
    --text2:#506158;
    --text3:#66776d;
}
html.dark .admin-shell{
    --text2:#b7c9be;
    --text3:#91a69a;
}
.admin-shell .pill.on,
html.dark .admin-shell .pill.on{
    background:var(--cm-solid)!important;
    color:#fff!important;
    box-shadow:0 10px 24px -18px rgba(8,48,27,.9)!important;
}
.admin-shell .pill.on svg,
html.dark .admin-shell .pill.on svg{color:#fff!important}
.admin-shell :where(input,textarea,select,.inline-input){
    border-color:rgba(31,78,52,.24)!important;
}
.admin-shell :where(input,textarea,select,.inline-input)::placeholder{
    color:var(--text3)!important;
    opacity:1!important;
}
html.dark .admin-shell :where(input,textarea,select,.inline-input){
    border-color:rgba(145,200,167,.24)!important;
}
.admin-shell :where(.btn-ghost,.page-btn,.filter-btn,.icon-btn,.dark-toggle-admin,.sb-toggle){
    border-color:var(--border)!important;
    color:var(--text2)!important;
}
.admin-shell :is(
    .badge.green,
    .stock-tag.has,
    .btn-success,
    .pc-status.on,
    .vis-toggle.is-on,
    .ord-act-btn.green,
    .rc-c.green,
    .tk-cb.green,
    .tk-wait-ok,
    .mini-toggle.on:not(.star),
    .cfd-btn.ok.success,
    .uq-pop-submit.green
){
    background:var(--cm-solid)!important;
    color:#fff!important;
    border-color:var(--cm-solid)!important;
    -webkit-text-fill-color:currentColor!important;
}
.admin-shell :is(
    .btn-success,
    .ord-act-btn.green,
    .tk-cb.green,
    .cfd-btn.ok.success,
    .uq-pop-submit.green
):hover{
    background:var(--cm-solid-hover)!important;
    color:#fff!important;
}
.admin-shell :is(.an-kpi-delta.up,.stat-sub .up){
    color:var(--accent-d)!important;
    background:transparent!important;
}
html.dark .admin-shell :is(.an-kpi-delta.up,.stat-sub .up){color:var(--accent-l)!important}
.admin-shell :is(.admin-success-value,.an-accent-value,.an-rl-val,.an-hour-val){color:var(--accent-d)!important}
html.dark .admin-shell :is(.admin-success-value,.an-accent-value,.an-rl-val,.an-hour-val){color:var(--accent-l)!important}
.admin-shell .an-buyer-avatar{
    display:inline-grid;
    place-items:center;
    width:28px;
    height:28px;
    margin-right:.5rem;
    border:1px solid var(--border);
    border-radius:50%;
    background:var(--surface-soft);
    color:var(--accent-d);
    font-size:.75rem;
    font-weight:800;
    vertical-align:middle;
}
html.dark .admin-shell .an-buyer-avatar{color:var(--accent-l)}
.admin-shell :is(.stat-icon.green,.notif-icon.ok){
    background:var(--surface-soft)!important;
    color:var(--accent-d)!important;
    border:1px solid var(--border)!important;
}
.admin-shell :is(.stat-icon.green,.notif-icon.ok) svg{color:currentColor!important}
html.dark .admin-shell :is(.stat-icon.green,.notif-icon.ok){color:var(--accent-l)!important}
.admin-shell .icon-picker-tab.on{
    color:var(--accent-d)!important;
    border-bottom-color:var(--accent)!important;
}
html.dark .admin-shell .icon-picker-tab.on{color:var(--accent-l)!important}
.admin-shell :is(.au-file-btn.has-file,.au-dd-opt.on){
    background:var(--surface-soft)!important;
    color:var(--accent-d)!important;
    border-color:var(--accent)!important;
}
.admin-shell .au-group-count{
    background:var(--surface-soft)!important;
    color:var(--accent-d)!important;
    border:1px solid var(--border)!important;
}
html.dark .admin-shell :is(.au-file-btn.has-file,.au-dd-opt.on,.au-group-count){color:var(--accent-l)!important}
.admin-shell .stg-ovr-grp,
.admin-shell .stg-masked{color:var(--accent-d)!important}
html.dark .admin-shell .stg-ovr-grp,
html.dark .admin-shell .stg-masked{color:var(--accent-l)!important}
.admin-shell .stg-local-badge{
    margin-left:auto;
    padding:.18rem .5rem;
    border:1px solid var(--border);
    border-radius:5px;
    background:var(--surface-soft);
    color:var(--text2);
    font-size:.6rem;
    font-weight:700;
}
.admin-shell .stg-note-info{
    margin-bottom:.75rem!important;
    border-color:var(--border)!important;
    background:var(--surface-soft)!important;
    color:var(--text2)!important;
}
.admin-shell .stg-note-commission{margin-top:.6rem!important;margin-bottom:0!important}
.admin-shell tr.row-selected td{
    background:var(--accent-ghost)!important;
}
.admin-shell tr.row-selected td:first-child{box-shadow:inset 3px 0 var(--accent)}
.admin-shell :is(.faq-draft-status.saved,.faq-live-head>i){
    background:var(--cm-solid)!important;
    color:#fff!important;
}
.admin-shell :is(.faq-add-section,.faq-add-question){
    background:var(--surface-soft)!important;
    color:var(--accent-d)!important;
    border-color:var(--border)!important;
}
.admin-shell :is(.faq-add-section,.faq-add-question):hover{
    background:var(--cm-accent-soft)!important;
    color:var(--accent-d)!important;
    border-color:var(--accent)!important;
}
html.dark .admin-shell :is(
    .faq-admin-kicker,
    .faq-add-section,
    .faq-add-question,
    .faq-preview-item>button>span
){color:var(--accent-l)!important}
html.dark .admin-shell .faq-draft-status.dirty{
    background:rgba(181,125,38,.2)!important;
    color:#f6c76e!important;
}
.admin-shell :is(
    .card-empty,
    .chart-head span,
    .modal-tab:not(.on),
    .an-kpi-label,
    .an-kpi-sub,
    .an-card-head span,
    .an-hour-label,
    .stg-hint,
    .faq-builder-head small,
    .faq-live-head small,
    .cfd-msg,
    .cfd-btn.cancel
){color:var(--text2)!important}

.faq-richtext{
    color:var(--text2);
    font-size:inherit;
    line-height:1.75;
    overflow-wrap:anywhere;
}
.faq-richtext p{margin:0 0 .72rem}
.faq-richtext p:last-child{margin-bottom:0}
.faq-richtext strong{color:var(--text);font-weight:750}
.faq-richtext em{color:var(--text);font-style:italic}
.faq-richtext ul,
.faq-richtext ol{
    display:grid;
    gap:.52rem;
    margin:.68rem 0 .82rem;
    padding:0;
    border:0;
    background:transparent;
    list-style:none;
}
.faq-richtext p+ul,
.faq-richtext p+ol{margin-top:.28rem}
.faq-richtext ul:last-child,
.faq-richtext ol:last-child{margin-bottom:0}
.faq-richtext li{
    position:relative;
    min-width:0;
    margin:0;
    padding:.08rem 0 .08rem 1.7em;
    border:0;
    border-radius:0;
    background:none;
    color:var(--text);
    line-height:1.68;
}
.faq-richtext ul>li::before{
    content:'';
    position:absolute;
    left:.34em;
    top:calc(.08rem + .84em);
    width:6px;
    height:6px;
    border:0;
    border-radius:50%;
    background:var(--accent);
    box-shadow:0 0 0 4px var(--cm-accent-soft);
    transform:translateY(-50%);
}
.faq-richtext ol>li{
    min-height:1.5em;
    padding-left:2.05em;
}
.faq-richtext ol>li::before{
    content:attr(data-faq-marker);
    position:absolute;
    left:0;
    top:.87rem;
    display:grid;
    place-items:center;
    width:1.42rem;
    height:1.42rem;
    border:0;
    border-radius:50%;
    background:var(--cm-solid);
    color:#fff;
    font-size:.68em;
    font-weight:800;
    line-height:1;
    transform:translateY(-50%);
    box-shadow:0 6px 14px -9px rgba(15,77,47,.8);
}
.admin-shell .faq-preview-answer.faq-richtext ol>li{
    min-height:1.2rem;
    padding-left:1.7rem;
}
.admin-shell .faq-preview-answer.faq-richtext ol>li::before{
    top:.71rem;
    width:1.15rem;
    height:1.15rem;
    font-size:.62em;
}
.faq-richtext a{
    color:var(--accent-d);
    font-weight:700;
    text-decoration-line:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
    text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);
}
.faq-richtext a:hover{color:var(--accent);text-decoration-color:currentColor}
.faq-richtext a:focus-visible{border-radius:4px}
html.dark .faq-richtext a{color:var(--accent-l)}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}