:root {
    --ls-bg-color: #0f0f0f;
    --ls-card-bg: #1a1a1a;
    --ls-card-border: #333333;
    --ls-text-color: #ffffff;
    --ls-text-muted: #aaaaaa;
    --ls-accent-color: #ffffff;
    --ls-radius: 20px;
}

body {
    background-color: var(--ls-bg-color) !important;
    color: var(--ls-text-color) !important;
    font-family: 'Outfit', 'Inter', sans-serif;
    margin: 0;
    padding: 0;
}

/* CENTRALIZAÇÃO DESKTOP */
@media (min-width: 681px) {
    body {
        display: flex;
        justify-content: center;
    }
}

.container {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    padding: 40px 20px 140px !important;
    position: relative !important;
}

@media (max-width: 680px) {
    .container {
        padding: 20px 15px 140px !important;
    }
}

/* HEADER CHIRP */
#profile-hero {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    text-align: left !important;
    position: relative !important;
    width: 100% !important;
    margin-bottom: 30px !important;
}

.chirp-header-left { display: flex; flex-direction: column; align-items: flex-start; }
.profile-avatar-container {
    width: 100px !important;
    height: 100px !important;
    background: linear-gradient(45deg, #f09433, #dc2743, #bc1888) !important;
    border-radius: 50% !important;
    padding: 4px !important;
    margin-bottom: 15px !important;
}

.profile-avatar-container img {
    border-radius: 50% !important;
    border: 3px solid var(--ls-bg-color) !important;
}

/* BOTÕES: FORMATAÇÃO RESTAURADA (Desktop & Mobile) */
.button-entrance {
    width: 100% !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
}

.button {
    width: 100% !important;
    min-height: 84px !important;
    background-color: var(--ls-card-bg) !important;
    border-radius: var(--ls-radius) !important;
    border: none !important;
    padding: 10px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
    color: #fff !important;
    transition: transform 0.2s ease !important;
}

.button:hover {
    transform: translateY(-2px);
    background-color: #222 !important;
}

.button .icon {
    width: 64px !important;
    height: 64px !important;
    border-radius: 12px !important;
    margin-right: 15px !important;
    object-fit: cover !important;
    position: static !important;
    filter: none !important;
}

.button-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* VÍDEOS */
.video-container {
    width: 100% !important;
    border-radius: 15px !important;
    margin-bottom: 15px !important;
    overflow: hidden;
}

/* HIDE DEFAULTS */
footer, .ls-footer, .footer-container, #footer, .py-4, .text-center.my-2, .footer-pills {
    display: none !important;
}