@media (min-device-width: 500px) {
    header a h1 {
        -webkit-text-stroke: 1px black;
        font-size: 2.5rem;
        font-weight: bold;
    }

    .profile .header .basic-info .username {
        -webkit-text-stroke: 1px black;
        background: linear-gradient(to right, #fcf434, #fff, #9c59d1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .profile .header .basic-info .username, .profile .header .basic-info .displayname {
        font-size: 2rem;
    }
}

.page {
    background: linear-gradient(to right, #42b6f5, #ff00f2, #ffffff);
}

.accountstats {
    border-bottom-right-radius: var(--br);
    border-bottom-left-radius: var(--br);
}

.col-header {
    border-radius: var(--br);
}

.profile .toots .toot {
    border-radius: var(--br);
}

.field span a {
    word-wrap: break-word;
}

.profile .header .basic-info .avatar, .profile .header .basic-info .role.admin {
    border-color: #ff0090;
    color: #ff99d3;
}

.toot .author > a .avatar {
    border-color: #ff0090;
}

div.text:has(details):not(:has(details[open])) + .media {
    display: none;
}

.pswp__dynamic-caption {
    background-color: #00000099;
    border-radius: var(--br);
}

a[name="Source code"], div.backnextlinks a {
    background-color: #00000099;
    display: inline-block;
    padding: 0.25rem;
    border-radius: var(--br);
    color: whitesmoke;
}

div.backnextlinks a:visited {
    color: lightpink;
}

.page {
    grid-template-columns: 1fr min(100%, 68rem) 1fr;
}