/* MyManiaList: its own dark grey, wearing the osu!daily pink.
   All selectors stay under #site-mymanialist. */

#site-mymanialist::before {
    background:
        radial-gradient(80% 60% at 88% 20%, rgba(232, 109, 178, .10), transparent 62%),
        linear-gradient(180deg, var(--bg), #131215 50%, var(--bg));
}

#site-mymanialist .mml__counts {
    list-style: none;
    margin: 2rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
}

#site-mymanialist .mml__counts li {
    display: grid;
    gap: .1rem;
}

#site-mymanialist .mml__counts b {
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    color: var(--accent);
}

#site-mymanialist .mml__counts span {
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--mute);
    font-weight: 700;
}

#site-mymanialist .mml__note {
    margin: 1.4rem 0 0;
    padding-left: 1rem;
    border-left: 2px solid color-mix(in srgb, var(--accent) 55%, transparent);
    max-width: 46ch;
    color: var(--dim);
    font-size: .92rem;
}