.KarmaMeter-btn { gap: 6px; }
.KarmaMeter-btn.ThemeSwitcher-btn { opacity: 1; }
.KarmaMeter-track {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 14px;
    flex-shrink: 0;
}
.KarmaMeter-track::before {
    content: '';
    position: absolute;
    left: 4px;
    right: 4px;
    top: 50%;
    height: 2px;
    border-radius: 1px;
    background: currentColor;
    opacity: 0.3;
    transform: translateY(-50%);
}
.KarmaMeter-fill {
    position: absolute;
    left: 4px;
    top: 50%;
    height: 2px;
    border-radius: 1px;
    background: currentColor;
    opacity: 0.9;
    transform: translateY(-50%);
    transition: width 0.15s ease;
}
.KarmaMeter-knob {
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 2px var(--karma-meter-knob-ring, rgba(255, 255, 255, 0.6));
    transform: translate(-50%, -50%);
    transition: left 0.15s ease;
}
html.les-karma-dark .KarmaMeter-knob { --karma-meter-knob-ring: rgba(0, 0, 0, 0.5); }
@media (prefers-color-scheme: dark) {
    html:not(.les-karma-explicit-light) .KarmaMeter-knob { --karma-meter-knob-ring: rgba(0, 0, 0, 0.5); }
}
.KarmaMeter-btn--mobile .KarmaMeter-track { width: 30px; height: 16px; }
.KarmaMeter-label { font-size: inherit; }

.KarmaMeter-btn[data-anim-level="full"] .KarmaMeter-fill,
.KarmaMeter-btn[data-anim-level="full"] .KarmaMeter-knob { background: #5bb98c; }
.KarmaMeter-btn[data-anim-level="reduced"] .KarmaMeter-fill,
.KarmaMeter-btn[data-anim-level="reduced"] .KarmaMeter-knob { background: #4f9fd6; }
.KarmaMeter-btn[data-anim-level="negative"] .KarmaMeter-fill,
.KarmaMeter-btn[data-anim-level="negative"] .KarmaMeter-knob { background: #b57ccb; }

.karma-widget {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 8px;
    vertical-align: middle;
    font-size: inherit;
}
.karma-btn {
    box-sizing: border-box;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    border-radius: 3px;
    padding: 0 5px;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
    line-height: 1;
    font-size: 0.9em;
    transition: opacity 0.15s, background 0.15s, border-color 0.15s;
}
.karma-btn:hover  { opacity: 1; background: color-mix(in srgb, currentColor 10%, transparent); }
.karma-btn.karma-active.karma-up   { opacity: 1; border-color: color-mix(in srgb, #43a047 55%, currentColor); background: color-mix(in srgb, #43a047 16%, transparent); color: color-mix(in srgb, #43a047 65%, currentColor); }
.karma-btn.karma-active.karma-down { opacity: 1; border-color: color-mix(in srgb, #e53935 55%, currentColor); background: color-mix(in srgb, #e53935 16%, transparent); color: color-mix(in srgb, #e53935 65%, currentColor); }
.karma-score {
    min-width: 14px;
    text-align: center;
    font-weight: 600;
    color: inherit;
}
.karma-gift-wrap { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; }
.karma-gift-input { box-sizing: border-box; height: 20px; width: 60px; padding: 0 6px; font-size: inherit; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: 3px; background: transparent; color: inherit; -moz-appearance: textfield; }
.karma-gift-input::-webkit-inner-spin-button,
.karma-gift-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.karma-gift-send  { box-sizing: border-box; height: 20px; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; font-size: inherit; cursor: pointer; background: color-mix(in srgb, currentColor 14%, transparent); border: 1px solid color-mix(in srgb, currentColor 30%, transparent); border-radius: 3px; color: inherit; }
.karma-gift-send:hover { background: color-mix(in srgb, currentColor 22%, transparent); }

body:not(.theme-dark):not(.theme-grey):not(.theme-vblight):not(.theme-vbdark) .karma-gift-send { background: #60A96D; border-color: #60A96D; color: #fff; }
body:not(.theme-dark):not(.theme-grey):not(.theme-vblight):not(.theme-vbdark) .karma-gift-send:hover { background: #0276b3; border-color: #0276b3; color: #fff; }
body.theme-dark .karma-gift-send { background: #3d7a4a; border-color: #3d7a4a; color: #fff; }
body.theme-dark .karma-gift-send:hover { background: #2d5a38; border-color: #2d5a38; color: #fff; }
body.theme-grey .karma-gift-send { background: #4a7a56; border-color: #4a7a56; color: #fff; }
body.theme-grey .karma-gift-send:hover { background: #3a6044; border-color: #3a6044; color: #fff; }

body.Section-Profile .karma-widget { display: none; }

.les-karma-glow-1,.les-karma-glow-2,.les-karma-glow-3,.les-karma-glow-4,.les-karma-glow-5,
.les-karma-glow-6,.les-karma-glow-7,.les-karma-glow-8,.les-karma-glow-9,
.les-karma-glow-10,.les-karma-glow-11 {
    position: relative !important;
    z-index: 0;
    background: transparent !important;
    box-shadow: none !important;
}

@keyframes les-s1  { 0%,74%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s2  { 0%,71%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s3  { 0%,68%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s4  { 0%,65%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s5  { 0%,62%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s6  { 0%,58%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s7  { 0%,54%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s8  { 0%,50%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s9  { 0%,45%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s10 { 0%,40%{background-position:-110% 0,0 0} 100%{background-position:230% 0,0 0} }
@keyframes les-s11 { 0%{background-position:0% 0} 100%{background-position:100% 0} }

.les-karma-glow-1 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.45) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(0,80,220,.58) 0%, rgba(0,80,220,.52) 7%, rgba(0,80,220,.12) 10%, transparent 13%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s1 5s ease-out infinite !important;
}
.les-karma-glow-2 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.46) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(0,150,255,.60) 0%, rgba(0,150,255,.54) 16%, rgba(0,150,255,.12) 19%, transparent 22%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s2 4.5s ease-out infinite !important;
}
.les-karma-glow-3 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.47) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(0,210,255,.60) 0%, rgba(0,210,255,.54) 25%, rgba(0,210,255,.12) 28%, transparent 32%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s3 4s ease-out infinite !important;
}
.les-karma-glow-4 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.48) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(0,200,80,.61) 0%, rgba(0,200,80,.55) 34%, rgba(0,200,80,.12) 37%, transparent 41%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s4 3.5s ease-out infinite !important;
}
.les-karma-glow-5 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.49) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(80,220,0,.62) 0%, rgba(80,220,0,.56) 43%, rgba(80,220,0,.12) 46%, transparent 50%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s5 3s ease-out infinite !important;
}
.les-karma-glow-6 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.50) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(220,200,0,.63) 0%, rgba(220,200,0,.57) 52%, rgba(220,200,0,.12) 55%, transparent 59%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s6 2.5s ease-out infinite !important;
}
.les-karma-glow-7 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.52) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(255,140,0,.65) 0%, rgba(255,140,0,.58) 61%, rgba(255,140,0,.13) 64%, transparent 68%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s7 2s ease-out infinite !important;
}
.les-karma-glow-8 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.54) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(255,60,0,.66) 0%, rgba(255,60,0,.60) 70%, rgba(255,60,0,.13) 73%, transparent 77%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s8 1.7s ease-out infinite !important;
}
.les-karma-glow-9 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.56) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(255,10,10,.68) 0%, rgba(255,10,10,.62) 79%, rgba(255,10,10,.14) 82%, transparent 86%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s9 1.4s ease-out infinite !important;
}
.les-karma-glow-10 {
    background:
        linear-gradient(90deg, transparent 20%, rgba(255,255,255,.58) 50%, transparent 80%) no-repeat,
        linear-gradient(90deg, rgba(200,0,80,.70) 0%, rgba(255,0,0,.68) 5%, rgba(255,0,0,.62) 88%, rgba(255,0,0,.14) 92%, transparent 96%) !important;
    background-size: 40% 100%, 100% 100% !important;
    animation: les-s10 1.1s ease-out infinite !important;
}
.les-karma-glow-11 {
    background: linear-gradient(90deg,
        rgba(255,0,0,.62),
        rgba(255,120,0,.58) 14%,
        rgba(255,230,0,.58) 28%,
        rgba(0,255,100,.58) 42%,
        rgba(0,200,255,.58) 57%,
        rgba(140,0,255,.58) 71%,
        rgba(255,0,150,.58) 86%,
        rgba(255,0,0,.62) 100%) !important;
    background-size: 200% 100% !important;
    animation: les-s11 2s linear infinite !important;
}

@keyframes les-trex-run {
    0%, 100% { box-shadow:
        0px 3px 0 3px #535353,  2px 2px 0 3px #535353,   9px 3px 0 2px #535353,
        8px 0px 0 2px #535353, -2px 9px 0 2px #535353,   0px 15px 0 2px #535353,
        -1px 10px 0 2px #535353, -6px 17px 0 5px #535353, -5px 9px 0 0 #535353,
        -6px 12px 0 2px #535353, 8px 8px 0 0 #535353,    6px 8px 0 0 #535353,
        5px 8px 0 0 #535353,    3px 8px 0 0 #535353,     3px 12px 0 0 #535353,
        5px 12px 0 0 #535353,   5px 14px 0 0 #535353,   -1px 19px 0 1px #535353,
        -4px 23px 0 1px #535353, -3px 26px 0 0 #535353,  -9px 23px 0 2px #535353,
        -6px 23px 0 0 #535353,  -9px 26px 0 0 #535353,  -11px 26px 0 0 #535353,
        -11px 17px 0 3px #535353, -12px 21px 0 0 #535353, -15px 18px 0 0 #535353,
        -15px 15px 0 2px #535353, -18px 14px 0 0 #535353, -15px 12px 0 0 #535353,
        -17px 12px 0 0 #535353,  -17px 11px 0 0 #535353, -18px 12px 0 0 #535353,
        -18px 11px 0 0 #535353,  -18px 9px 0 0 #535353,  -18px 8px 0 0 #535353,
        2px -2px 0 0 #535353,    3px 0px 0 0 #535353,    5px -2px 0 0 #535353,
        -8px 0px 0 0 #535353,   -8px -3px 0 0 #535353,   -9px -2px 0 0 #535353,
        -12px -2px 0 0 #6e6e6e, -15px 0px 0 0 #6e6e6e,  -17px -3px 0 0 #6e6e6e;
        margin-top: 2px; }
    50% { box-shadow:
        0px 3px 0 3px #535353,  2px 2px 0 3px #535353,   9px 3px 0 2px #535353,
        8px 0px 0 2px #535353, -2px 9px 0 2px #535353,   0px 15px 0 2px #535353,
        -1px 10px 0 2px #535353, -6px 17px 0 5px #535353, -5px 9px 0 0 #535353,
        -6px 12px 0 2px #535353, 8px 8px 0 0 #535353,    6px 8px 0 0 #535353,
        5px 8px 0 0 #535353,    3px 8px 0 0 #535353,     3px 12px 0 0 #535353,
        5px 12px 0 0 #535353,   5px 14px 0 0 #535353,   -1px 19px 0 1px #535353,
        -4px 23px 0 1px #535353, -3px 26px 0 0 #535353,  -9px 23px 0 2px #535353,
        -6px 23px 0 0 #535353,  -9px 26px 0 0 #535353,  -11px 26px 0 0 #535353,
        -11px 17px 0 3px #535353, -12px 21px 0 0 #535353, -15px 18px 0 0 #535353,
        -15px 15px 0 2px #535353, -18px 14px 0 0 #535353, -15px 12px 0 0 #535353,
        -17px 12px 0 0 #535353,  -17px 11px 0 0 #535353, -18px 12px 0 0 #535353,
        -18px 11px 0 0 #535353,  -18px 9px 0 0 #535353,  -18px 8px 0 0 #535353,
        0px -2px 0 0 #535353,    2px 0px 0 0 #535353,
        -3px 0px 0 0 #535353,   -5px 0px 0 0 #535353,   -5px -2px 0 0 #535353;
        margin-top: 0px; }
}

[class*="les-karma-glow-"]::after {
    content: '';
    position: absolute;
    top: calc(50% - 13px);
    width: 2px;
    height: 2px;
    background: transparent;
    pointer-events: none;
    opacity: 0.35;
    z-index: -1;
    animation: les-trex-run 400ms steps(2) infinite;
}
.les-karma-glow-1::after  { left:  9%; }
.les-karma-glow-2::after  { left: 18%; }
.les-karma-glow-3::after  { left: 27%; }
.les-karma-glow-4::after  { left: 36%; }
.les-karma-glow-5::after  { left: 45%; }
.les-karma-glow-6::after  { left: 54%; }
.les-karma-glow-7::after  { left: 63%; }
.les-karma-glow-8::after  { left: 72%; }
.les-karma-glow-9::after  { left: 81%; }
.les-karma-glow-10::after { left: 90%; }
.les-karma-glow-11::after { left: calc(100% - 22px); }

[class*="les-karma-glow-"]::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.les-karma-glow-1::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(0,80,220,.82)   9%,transparent  9%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(0,80,220,.82)   9%,transparent  9%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(0,80,220,.82),rgba(0,80,220,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-2::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(0,150,255,.82)  18%,transparent 18%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(0,150,255,.82)  18%,transparent 18%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(0,150,255,.82),rgba(0,150,255,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-3::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(0,210,255,.82)  27%,transparent 27%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(0,210,255,.82)  27%,transparent 27%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(0,210,255,.82),rgba(0,210,255,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-4::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(0,200,80,.82)   36%,transparent 36%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(0,200,80,.82)   36%,transparent 36%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(0,200,80,.82),rgba(0,200,80,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-5::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(80,220,0,.82)   45%,transparent 45%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(80,220,0,.82)   45%,transparent 45%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(80,220,0,.82),rgba(80,220,0,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-6::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(220,200,0,.82)  54%,transparent 54%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(220,200,0,.82)  54%,transparent 54%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(220,200,0,.82),rgba(220,200,0,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-7::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(255,140,0,.82)  63%,transparent 63%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(255,140,0,.82)  63%,transparent 63%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(255,140,0,.82),rgba(255,140,0,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-8::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(255,60,0,.82)   72%,transparent 72%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(255,60,0,.82)   72%,transparent 72%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(255,60,0,.82),rgba(255,60,0,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-9::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(255,10,10,.82)  81%,transparent 81%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(255,10,10,.82)  81%,transparent 81%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(255,10,10,.82),rgba(255,10,10,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-10::before {
    background:
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,rgba(255,0,0,.84)    90%,transparent 90%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,rgba(255,0,0,.84)    90%,transparent 90%) 0 100% / 100% 2px no-repeat,
        linear-gradient(rgba(180,0,60,.82),rgba(255,0,0,.82)) 0 0 / 2px 100% no-repeat;
}
.les-karma-glow-11::before {
    background:
        linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.95)) 0 0    / 4px 4px no-repeat,
        linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.95)) 0 100% / 4px 4px no-repeat,
        linear-gradient(90deg,#f00,#f70 18%,#fd0 36%,#0f8 54%,#08f 72%,#c0f 100%) 0 0    / 100% 2px no-repeat,
        linear-gradient(90deg,#f00,#f70 18%,#fd0 36%,#0f8 54%,#08f 72%,#c0f 100%) 0 100% / 100% 2px no-repeat,
        linear-gradient(#f00,#c0f) 0 0 / 2px 100% no-repeat;
}

.les-karma-grey-1,.les-karma-grey-2,.les-karma-grey-3,
.les-karma-grey-4,.les-karma-grey-5 { position: relative !important; z-index: 0; }

.les-karma-grey-1 > * { filter: grayscale(60%) brightness(0.88); opacity: 0.78; }
.les-karma-grey-2 > * { filter: grayscale(88%) brightness(0.65) saturate(0.15); opacity: 0.55; }
.les-karma-grey-3 > * { filter: grayscale(100%) brightness(0.40); opacity: 0.32; }
.les-karma-grey-4 > * { filter: grayscale(100%) brightness(0.28) saturate(0); opacity: 0.22; }
.les-karma-grey-5 > * { filter: grayscale(100%) brightness(0.15) saturate(0); opacity: 0.14; }

.les-karma-grey-2 { background: rgba(0,0,0,.07) !important; }
.les-karma-grey-3 { background: rgba(0,0,0,.15) !important; }
.les-karma-grey-4 { background: rgba(0,0,0,.22) !important; }
.les-karma-grey-5 { background: rgba(0,0,0,.30) !important; }

.les-karma-grey-1::after,.les-karma-grey-2::after,.les-karma-grey-3::after,
.les-karma-grey-4::after,.les-karma-grey-5::after {
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.7em;
    pointer-events: none;
    z-index: 1;
    animation: les-skull-float 2s ease-in-out infinite;
}

@keyframes les-skull-float {
    0%, 100% { transform: translateY(-50%); }
    50%       { transform: translateY(calc(-50% - 4px)); }
}

.les-karma-grey-1::after { content: "\2620"; color: #888; opacity: 0.35; }
.les-karma-grey-2::after { content: "\2620\2620"; color: #8b4513; opacity: 0.45; }
.les-karma-grey-3::after { content: "\2620\2620\2620"; color: #8b0000; opacity: 0.55; }
.les-karma-grey-4::after { content: "\2620\2620\2620\2620"; color: #cc0000; font-size: 2.2em; opacity: 0.70; }
.les-karma-grey-5::after { content: "\2620\2620\2620\2620\2620"; color: #ff0000; font-size: 2.4em; opacity: 0.85; }

body.theme-dark .les-karma-grey-1::after { color: #ffffff; opacity: 0.5; }
body.theme-dark .les-karma-grey-2::after { color: #ffffff; opacity: 0.65; }
body.theme-dark .les-karma-grey-3::after { color: #ffffff; opacity: 0.75; }
body.theme-dark .les-karma-grey-4::after { color: #ffffff; opacity: 0.88; }
body.theme-dark .les-karma-grey-5::after { color: #ffffff; opacity: 1; }

.karma-tier-badge {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    padding: 0 3px;
    border-radius: 3px;
    margin-left: 4px;
    vertical-align: middle;
    font-weight: 600;
    white-space: nowrap;
    cursor: default;
}
.karma-tier-badge img { height: 14px; width: auto; vertical-align: middle; }
.karma-tier-badge.karma-tier-pleb     { background: #eceff1; color: #607d8b; }
.karma-tier-badge.karma-tier-user     { background: #e3f2fd; color: #1565c0; }
.karma-tier-badge.karma-tier-lesbian  { background: #fce4ec; color: #ad1457; }
.karma-tier-badge.karma-tier-winner   { background: #fff8e1; color: #f57f17; border: 1px solid #ffd54f; }
.karma-tier-badge.karma-tier-platinum { background: linear-gradient(135deg, #e0e0e0, #f5f5f5, #bdbdbd); color: #37474f; border: 1px solid #90a4ae; }

.karma-thanked-by { font-size: 0.82em; color: #777; margin: 4px 0 0 0; padding: 0; }
.karma-thanked-label { font-weight: 600; margin-right: 3px; }
.karma-thanked-name  { color: #555; }

.karma-tier-pleb .PhotoWrap { filter: grayscale(100%) brightness(0.52) contrast(0.82); opacity: 0.65; }
.karma-tier-pleb .Username  { color: #999 !important; text-decoration: line-through; text-decoration-color: #bbb; }

@keyframes karma-aura-lesbian {
    0%, 100% { box-shadow: 0 0 0 1px #ff1493, 0 0 3px 1px rgba(255,20,147,.19), 0 0 7px 3px rgba(255,20,147,.10); }
    50%       { box-shadow: 0 0 0 2px #ff69b4, 0 0 5px 2px rgba(255,105,180,.24), 0 0 12px 5px rgba(255,20,147,.14); }
}
.karma-tier-lesbian .PhotoWrap { animation: karma-aura-lesbian 3.2s ease-in-out infinite; }
.karma-tier-lesbian .Username  { color: #e0006a !important; font-weight: 700; text-shadow: 0 0 6px rgba(255,20,147,.28); }

@keyframes karma-aura-winner {
    0%, 100% { box-shadow: 0 0 0 1px #ffd700, 0 0 3px  2px rgba(255,215,0,.22),  0 0 8px  3px  rgba(255,165,0,.14),  0 0 16px 6px  rgba(255,140,0,.07); }
    20%       { box-shadow: 0 0 0 2px #ffec00, 0 0 6px  3px rgba(255,236,0,.25),  0 0 15px 6px  rgba(255,200,0,.18),  0 0 28px 11px rgba(255,165,0,.10); }
    50%       { box-shadow: 0 0 0 1px #ffa500, 0 0 3px  1px rgba(255,165,0,.19),  0 0 6px  3px  rgba(255,140,0,.12),  0 0 13px 5px  rgba(255,100,0,.06); }
    75%       { box-shadow: 0 0 0 2px #ffe000, 0 0 7px  3px rgba(255,224,0,.25),  0 0 16px 6px  rgba(255,200,0,.17),  0 0 30px 12px rgba(255,165,0,.08); }
}
@keyframes karma-username-winner {
    0%, 100% { text-shadow: 0 0 5px  rgba(255,215,0,.4),  0 0 12px rgba(255,165,0,.25); }
    50%       { text-shadow: 0 0 9px  rgba(255,215,0,.5),  0 0 22px rgba(255,165,0,.4); }
}
.karma-tier-winner .PhotoWrap { animation: karma-aura-winner 2.6s ease-in-out infinite; filter: brightness(1.03); }
.karma-tier-winner .Username  { color: #b8860b !important; font-weight: 700; animation: karma-username-winner 2.6s ease-in-out infinite; }

@keyframes karma-aura-platinum {
    0%    { box-shadow: 0 0 0 2px rgba(255,255,255,.50), 0 0 0 4px rgba(0,191,255,.42),   0 0 7px  3px  rgba(0,191,255,.19),   0 0 16px 6px  rgba(100,200,255,.14),  0 0 30px 12px rgba(173,216,230,.09); }
    25%   { box-shadow: 0 0 0 2px rgba(200,240,255,.52), 0 0 0 4px rgba(135,206,250,.46), 0 0 11px 4px  rgba(135,206,250,.22), 0 0 25px 10px rgba(100,180,255,.15),  0 0 45px 18px rgba(173,216,230,.11); }
    50%   { box-shadow: 0 0 0 2px rgba(255,255,255,.55), 0 0 0 5px rgba(30,144,255,.50),  0 0 13px 5px  rgba(30,144,255,.22),  0 0 30px 12px rgba(0,191,255,.16),    0 0 55px 22px rgba(135,206,235,.12); }
    75%   { box-shadow: 0 0 0 2px rgba(220,240,255,.52), 0 0 0 4px rgba(100,200,255,.44), 0 0 9px  3px  rgba(100,200,255,.20), 0 0 20px 8px  rgba(173,216,230,.14),  0 0 40px 16px rgba(135,206,250,.10); }
    100%  { box-shadow: 0 0 0 2px rgba(255,255,255,.50), 0 0 0 4px rgba(0,191,255,.42),   0 0 7px  3px  rgba(0,191,255,.19),   0 0 16px 6px  rgba(100,200,255,.14),  0 0 30px 12px rgba(173,216,230,.09); }
}
@keyframes karma-shimmer-platinum {
    0%   { background-position: -200% center; }
    100% { background-position:  200% center; }
}
.karma-tier-platinum .PhotoWrap { animation: karma-aura-platinum 2.4s ease-in-out infinite; filter: brightness(1.06) saturate(1.12); }
.karma-tier-platinum .Username  {
    font-weight: 700;
    background: linear-gradient(90deg, #0d47a1 0%, #1976d2 22%, #2f8fd6 44%, #1976d2 66%, #0d47a1 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: karma-shimmer-platinum 3.2s linear infinite;
}
html.les-karma-dark .karma-tier-platinum .Username {
    background-image: linear-gradient(90deg, #87ceeb 0%, #ffffff 18%, #00bfff 36%, #ffffff 54%, #4169e1 72%, #87ceeb 100%);
}
@media (prefers-color-scheme: dark) {
    html:not(.les-karma-explicit-light) .karma-tier-platinum .Username {
        background-image: linear-gradient(90deg, #87ceeb 0%, #ffffff 18%, #00bfff 36%, #ffffff 54%, #4169e1 72%, #87ceeb 100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .les-karma-glow-1,  .les-karma-glow-2,  .les-karma-glow-3,
    .les-karma-glow-4,  .les-karma-glow-5,  .les-karma-glow-6,
    .les-karma-glow-7,  .les-karma-glow-8,  .les-karma-glow-9,
    .les-karma-glow-10, .les-karma-glow-11,
    .karma-tier-lesbian .PhotoWrap,
    .karma-tier-winner .PhotoWrap,
    .karma-tier-winner .Username,
    .karma-tier-platinum .PhotoWrap,
    .karma-tier-platinum .Username { animation: none !important; }
    [class*="les-karma-glow-"]::after,
    [class*="les-karma-glow-"]::before,
    [class*="les-karma-grey-"]::after { animation: none !important; }
}

:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-1,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-2,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-3,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-4,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-5,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-6,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-7,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-8,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-9,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-10,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .les-karma-glow-11,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .karma-tier-lesbian .PhotoWrap,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .karma-tier-winner .PhotoWrap,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .karma-tier-winner .Username,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .karma-tier-platinum .PhotoWrap,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) .karma-tier-platinum .Username { animation: none !important; }
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) [class*="les-karma-glow-"]::after,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) [class*="les-karma-glow-"]::before,
:is(body.les-karma-reduced, body.les-karma-negative-only, body.les-karma-off) [class*="les-karma-grey-"]::after { animation: none !important; }


.karma-error { color: #c62828; font-size: 0.8em; margin-left: 4px; }

html.les-karma-dark .karma-gift-wrap.karma-gift-given { color: #aaa; }
html.les-karma-dark .karma-thanked-by   { color: #999; }
html.les-karma-dark .karma-thanked-name { color: #ccc; }
html.les-karma-dark .karma-error        { color: #ff8a80; }
html.les-karma-dark .karma-tier-badge.karma-tier-pleb     { background: #2a2a2a; color: #90a4ae; }
html.les-karma-dark .karma-tier-badge.karma-tier-user     { background: #0d2137; color: #64b5f6; }
html.les-karma-dark .karma-tier-badge.karma-tier-lesbian  { background: #3b0d1e; color: #f48fb1; }
html.les-karma-dark .karma-tier-badge.karma-tier-winner   { background: #2a2000; color: #ffd54f; border-color: #f9a825; }
html.les-karma-dark .karma-tier-badge.karma-tier-platinum { background: linear-gradient(135deg, #1a1a2e, #2a2a3e, #111122); color: #b0bec5; border-color: #546e7a; }
html.les-karma-dark .karma-tier-pleb .Username { color: #666 !important; text-decoration-color: #444; }
html.les-karma-dark .les-karma-grey-2 { background: rgba(255,255,255,.05) !important; }
html.les-karma-dark .les-karma-grey-3 { background: rgba(255,255,255,.03) !important; }
html.les-karma-dark [class*="les-karma-glow-"]::after { filter: invert(1); opacity: 0.55; }

@media (prefers-color-scheme: dark) {
    html:not(.les-karma-explicit-light) .karma-gift-wrap.karma-gift-given { color: #aaa; }
    html:not(.les-karma-explicit-light) .karma-thanked-by   { color: #999; }
    html:not(.les-karma-explicit-light) .karma-thanked-name { color: #ccc; }
    html:not(.les-karma-explicit-light) .karma-error        { color: #ff8a80; }
    html:not(.les-karma-explicit-light) .karma-tier-badge.karma-tier-pleb     { background: #2a2a2a; color: #90a4ae; }
    html:not(.les-karma-explicit-light) .karma-tier-badge.karma-tier-user     { background: #0d2137; color: #64b5f6; }
    html:not(.les-karma-explicit-light) .karma-tier-badge.karma-tier-lesbian  { background: #3b0d1e; color: #f48fb1; }
    html:not(.les-karma-explicit-light) .karma-tier-badge.karma-tier-winner   { background: #2a2000; color: #ffd54f; border-color: #f9a825; }
    html:not(.les-karma-explicit-light) .karma-tier-badge.karma-tier-platinum { background: linear-gradient(135deg, #1a1a2e, #2a2a3e, #111122); color: #b0bec5; border-color: #546e7a; }
    html:not(.les-karma-explicit-light) .karma-tier-pleb .Username { color: #666 !important; text-decoration-color: #444; }
    html:not(.les-karma-explicit-light) .les-karma-grey-2 { background: rgba(255,255,255,.05) !important; }
    html:not(.les-karma-explicit-light) .les-karma-grey-3 { background: rgba(255,255,255,.03) !important; }
    html:not(.les-karma-explicit-light) [class*="les-karma-glow-"]::after { filter: invert(1); opacity: 0.55; }
}

:is(body.les-karma-negative-only, body.les-karma-off) [class*="les-karma-glow-"] { background: transparent !important; }
:is(body.les-karma-negative-only, body.les-karma-off) [class*="les-karma-glow-"]::before { background: none !important; }
:is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-lesbian .Username {
    color: inherit !important;
    font-weight: inherit !important;
    text-shadow: none !important;
}
:is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-winner .Username {
    color: inherit !important;
    font-weight: inherit !important;
}
:is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-winner .PhotoWrap,
:is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-platinum .PhotoWrap {
    filter: none !important;
}
:is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-platinum .Username {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: inherit !important;
    font-weight: inherit !important;
}
:is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-lesbian,
:is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-winner,
:is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-platinum {
    background: #e3f2fd !important;
    color: #1565c0 !important;
    border: none !important;
}
html.les-karma-dark :is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-lesbian,
html.les-karma-dark :is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-winner,
html.les-karma-dark :is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-platinum {
    background: #0d2137 !important;
    color: #64b5f6 !important;
}
@media (prefers-color-scheme: dark) {
    html:not(.les-karma-explicit-light) :is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-lesbian,
    html:not(.les-karma-explicit-light) :is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-winner,
    html:not(.les-karma-explicit-light) :is(body.les-karma-negative-only, body.les-karma-off) .karma-tier-badge.karma-tier-platinum {
        background: #0d2137 !important;
        color: #64b5f6 !important;
    }
}

body.les-karma-off .karma-tier-badge { display: none !important; }
body.les-karma-off .les-karma-grey-1 > *,
body.les-karma-off .les-karma-grey-2 > *,
body.les-karma-off .les-karma-grey-3 > *,
body.les-karma-off .les-karma-grey-4 > *,
body.les-karma-off .les-karma-grey-5 > * {
    filter: none !important;
    opacity: 1 !important;
}
body.les-karma-off .les-karma-grey-2,
body.les-karma-off .les-karma-grey-3,
body.les-karma-off .les-karma-grey-4,
body.les-karma-off .les-karma-grey-5 {
    background: transparent !important;
}
body.les-karma-off [class*="les-karma-grey-"]::after { content: none !important; }
body.les-karma-off .karma-tier-pleb .PhotoWrap {
    filter: none !important;
    opacity: 1 !important;
}
body.les-karma-off .karma-tier-pleb .Username {
    color: inherit !important;
    text-decoration: none !important;
}