body {
    min-height: 100vh;
    background:
        radial-gradient(1200px 700px at -15% -30%, rgba(255, 122, 170, 0.45) 0%, transparent 62%),
        radial-gradient(1000px 600px at 110% -20%, rgba(255, 182, 210, 0.5) 0%, transparent 60%),
        linear-gradient(150deg, #fff6fa, #ffeef7 45%, #fff9fc);
}

.hidden {
    display: none;
}

#login-panel,
#app-panel > .card,
#app-panel aside .card {
    backdrop-filter: blur(8px);
}

#player-panel {
    position: relative;
    z-index: 1;
}

#player-shell {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 0.5rem;
}

#player {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: auto;
}

#folders button,
#files button {
    border-radius: 0.85rem;
}

.yogler-logo {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    font-weight: 700;
    letter-spacing: 0.01em;
}