/* =========================================================================
       CSS NORMAL DA SEÇÃO DE STORIES E MODAIS (SUBSTITUINDO O TAILWIND)
       ========================================================================= */

    .ead-invisible-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
    .ead-invisible-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; -webkit-appearance: none; }
    .ead-hidden { display: none !important; }

    @keyframes eadBouncePulse {
        0%, 100% { transform: translateY(0) scale(1); }
        50% { transform: translateY(-4px) scale(1.1); }
    }

    /* Wrap Principal do Story Topo */
    .ead-story-top-wrap { width: 100%; background-color: #ffffff; border-bottom: 1px solid #e5e7eb; padding: 0.25rem 0.5rem; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); }
    .dark .ead-story-top-wrap { background-color: transparent; border-bottom-color: #374151; }

    /* Container de Scroll Hozirontal */
    .ead-story-scroll-wrap { width: 100%; display: flex; align-items: center; gap: 0.75rem; overflow-x: auto; padding: 0.25rem 0.25rem 0.25rem 0.25rem; scroll-behavior: smooth; }
    @media (min-width: 640px) { .ead-story-scroll-wrap { gap: 1rem; } }

    /* Card de Criar Story */
    .ead-story-add-card-wrap { position: relative; flex-shrink: 0; }
    .ead-story-add-priv-btn { position: absolute; top: 0.5rem; right: 0.5rem; width: 2rem; height: 2rem; background-color: rgba(0,0,0,0.6); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 20; transition: background-color 0.2s; border: 1px solid rgba(255,255,255,0.2); backdrop-filter: blur(12px); cursor: pointer; }
    .ead-story-add-priv-btn:hover { background-color: #f97316; }

    .ead-story-add-card { display: flex; flex-direction: column; position: relative; cursor: pointer; border-radius: 1rem; border: 1px solid #e5e7eb; background-color: #f9fafb; transition: all 0.3s; overflow: hidden; box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.06); width: 16rem !important; height: 20rem !important; }
    @media (min-width: 640px) { .ead-story-add-card { width: 16rem !important; height: 22rem !important; } }
    .ead-story-add-card:hover { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04); }
    .dark .ead-story-add-card { border-color: #4b5563; background-color: #374151; }

    .ead-story-add-img { width: 100%; height: 75%; object-fit: cover; display: block; background-color: #eee; }
    .ead-story-plus-icon { position: absolute !important; top: 75% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 3rem !important; height: 3rem !important; border-radius: 9999px !important; background: linear-gradient(135deg, #f97316, #dc2626) !important; border: 4px solid #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important; z-index: 20 !important; color: #ffffff; font-size: 1.125rem; }
    .dark .ead-story-plus-icon { border-color: #1f2937 !important; }

    .ead-story-add-text-wrap { height: 25%; width: 100%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; }
    .dark .ead-story-add-text-wrap { background-color: #1f2937; }
    .ead-story-add-text { font-size: 1.25rem; font-weight: 900; background: linear-gradient(to right, #f97316, #dc2626); -webkit-background-clip: text; color: transparent; letter-spacing: -0.05em; text-align: center; text-transform: uppercase; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); user-select: none; }
    @media (min-width: 640px) { .ead-story-add-text { font-size: 1.5rem; } }

    /* Feed Container Horizontal */
    .ead-story-feed-container { display: flex; gap: 0.75rem; }
    @media (min-width: 640px) { .ead-story-feed-container { gap: 1rem; } }

    /* Card de Renderização de Story (JS) */
    .ead-story-card { 
        flex-shrink: 0; position: relative; cursor: pointer; 
        width: 16rem !important; height: 20rem !important; 
        border-radius: 1rem; border: 1px solid #e5e7eb; overflow: hidden; 
        box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.06); transition: all 0.3s; 
        background-color: #1f2937; user-select: none; 
    }
    @media (min-width: 640px) { 
        .ead-story-card { width: 16rem !important; height: 22rem !important; } 
    }
    .ead-story-card:hover { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04); }
    .dark .ead-story-card { border-color: #4b5563; background-color: #1f2937; } 
    
    .ead-story-card-overlay { position: absolute; left: 0; right: 0; bottom: 0; height: 33.333333%; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; pointer-events: none; }
    
    .ead-story-card-del-btn { position: absolute; top: 0.5rem; right: 0.5rem; width: 2rem; height: 2rem; background-color: rgba(220,38,38,0.9); color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 20; transition: all 0.2s; backdrop-filter: blur(12px); border: none; cursor: pointer; }
    .ead-story-card-del-btn:hover { background-color: #b91c1c; transform: scale(1.1); }
    
    .ead-story-card-priv { position: absolute; top: 3rem; right: 0.5rem; width: 2rem; height: 2rem; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(12px); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 20; border: 1px solid rgba(255,255,255,0.2); }
    
    .ead-story-card-avatar-wrap { position: absolute; top: 0.75rem; left: 0.75rem; z-index: 10; transition: transform 0.2s; text-decoration: none; display: block; }
    .ead-story-card-avatar-wrap:hover { transform: scale(1.05); }
    .ead-story-card-avatar { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 2px solid #ea580c; object-fit: cover; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); pointer-events: none; }
    
    .ead-story-card-info { position: absolute; bottom: 0.75rem; left: 0.75rem; right: 0.75rem; display: flex; flex-direction: column; gap: 0.25rem; z-index: 10; text-align: left; pointer-events: none; }
    .ead-story-card-author-link { text-decoration: none !important; pointer-events: auto !important; width: fit-content; display: block; }
    .ead-story-card-author { color: #ffffff; font-weight: 700; font-size: 0.875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)); line-height: 1.25; }
    .ead-story-card-author:hover { text-decoration: underline; }
    
    .ead-story-card-stats { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.25rem; pointer-events: auto; }
    .ead-story-stat-badge { display: flex; align-items: center; color: rgba(255,255,255,0.9); font-size: 0.75rem; gap: 0.375rem; font-weight: 700; background-color: rgba(0,0,0,0.5); padding: 0.25rem 0.5rem; border-radius: 0.375rem; backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.2); transition: background-color 0.2s; cursor: default; }
    .ead-story-stat-badge-hoverable { cursor: pointer; }
    .ead-story-stat-badge-hoverable:hover { background-color: rgba(0,0,0,0.7); }

    /* Overlay Visualizador Modal */
    .ead-story-viewer-overlay { position: fixed; inset: 0; background-color: #000000; z-index: 9999999999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; transition: opacity 0.3s; opacity: 0; border: none; }
    
    .ead-story-viewer-top { position: absolute; top: 0; left: 0; width: 100%; padding: 1rem; display: flex; justify-content: space-between; align-items: center; z-index: 20; background: transparent; gap: 0.5rem; border: none; pointer-events: none; }
    @media (min-width: 640px) { .ead-story-viewer-top { padding: 1.25rem; } }
    
    .ead-story-viewer-author { flex: 1; display: flex; align-items: center; gap: 0.5rem; min-width: 0; transition: opacity 0.2s; text-decoration: none !important; cursor: pointer; pointer-events: auto; }
    @media (min-width: 640px) { .ead-story-viewer-author { gap: 0.75rem; } }
    .ead-story-viewer-author:hover { opacity: 0.8; }
    .ead-story-viewer-avatar { width: 2.25rem; height: 2.25rem; border-radius: 50%; border: 2px solid #ffffff; object-fit: cover; box-shadow: 0 4px 6px rgba(0,0,0,0.2); flex-shrink: 0; }
    @media (min-width: 640px) { .ead-story-viewer-avatar { width: 2.5rem; height: 2.5rem; } }
    .ead-story-viewer-name { color: #ffffff; font-weight: 700; font-size: 0.8rem; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.8)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
    @media (min-width: 640px) { .ead-story-viewer-name { font-size: 1rem; } }
    
    .ead-story-viewer-close-wrap { display: flex; gap: 0.5rem; align-items: center; flex-shrink: 0; pointer-events: auto; }
    .ead-story-viewer-close { color: #ffffff; background-color: rgba(220,38,38,0.9); width: 1.75rem; height: 1.75rem; border-radius: 50%; border: 1px solid #f87171; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: background-color 0.2s; display: flex; align-items: center; justify-content: center; cursor: pointer; }
    .ead-story-viewer-close:hover { background-color: #b91c1c; }
    @media (min-width: 640px) { .ead-story-viewer-close { width: 2.5rem; height: 2.5rem; } }
    .ead-story-viewer-close i { font-size: 0.75rem; }
    @media (min-width: 640px) { .ead-story-viewer-close i { font-size: 1.125rem; } }

    /* Mídia Ocupando 100% no Celular/Tablet SEM MARGENS E SEM CORTES */
    .ead-story-viewer-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none; background-color: #000000; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; }
    
    .ead-story-viewer-img { width: 100% !important; height: 100% !important; pointer-events: none; user-select: none; object-fit: contain; margin: 0 !important; padding: 0 !important; position: absolute; inset: 0; }
    
    @media (max-width: 1023px) { 
        .ead-story-viewer-img { object-fit: cover !important; object-position: center center !important; } 
    }

    /* =======================================================
       BARRA DE EMOJIS ESQUERDA (VERTICAL) E BOTÕES DIREITA
       ======================================================= */
    
    /* Emojis na ESQUERDA (Vertical) */
    .ead-story-left-nav-wrap { 
        position: absolute; left: 0.5rem; bottom: 5rem; z-index: 9999999; 
        display: flex; flex-direction: column; align-items: center; gap: 0.375rem; pointer-events: auto !important; 
    }
    @media (min-width: 640px) { .ead-story-left-nav-wrap { left: 1rem; bottom: 6rem; gap: 0.5rem; } }
    
    .ead-story-reactions-bar { 
        display: flex; flex-direction: column; gap: 0.25rem; align-items: center; justify-content: center;
        background-color: rgba(0,0,0,0.4); padding: 0.375rem 0.25rem; border-radius: 9999px; 
        backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.15); 
        box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    }
    @media (min-width: 640px) { .ead-story-reactions-bar { padding: 0.5rem 0.375rem; gap: 0.375rem; } }

    .ead-story-react-btn { 
        font-size: 1rem !important; padding: 0 !important; line-height: 1 !important; margin: 0 !important; 
        background: none; border: none; cursor: pointer; transition: transform 0.2s; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)); 
    }
    @media (min-width: 640px) { .ead-story-react-btn { font-size: 1.125rem !important; } }
    .ead-story-react-btn:hover { transform: scale(1.3) translateX(0.125rem); } 

    /* Botões Pequenos de Próxima e Anterior (Lado DIREITO) */
    .ead-story-right-nav-wrap {
        position: absolute; right: 0.5rem; bottom: 5rem; z-index: 9999999;
        display: flex; flex-direction: column; gap: 0.5rem; pointer-events: auto !important;
    }
    @media (min-width: 640px) { .ead-story-right-nav-wrap { right: 1rem; bottom: 6rem; } }

    .ead-story-nav-btn { width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.3); color: #ffffff; box-shadow: 0 2px 4px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; transition: all 0.2s; cursor: pointer; pointer-events: auto !important; }
    .ead-story-nav-btn:hover { background-color: rgba(255,255,255,0.25); transform: scale(1.1); }
    .ead-story-nav-btn:active { transform: scale(0.95); }
    @media (min-width: 640px) { .ead-story-nav-btn { width: 2rem; height: 2rem; } }
    .ead-story-nav-icon { font-size: 0.65rem; pointer-events: none; transition: transform 0.2s; }
    @media (min-width: 640px) { .ead-story-nav-icon { font-size: 0.75rem; } }
    .ead-story-nav-btn.prev:hover .ead-story-nav-icon { transform: translateY(-0.125rem); } 
    .ead-story-nav-btn.next:hover .ead-story-nav-icon { transform: translateY(0.125rem); } 

    /* =======================================================
       RODAPÉ DO MODAL (ESTATÍSTICAS CENTRALIZADAS) E TOOLTIPS
       ======================================================= */
    .ead-story-viewer-bottom { 
        position: absolute; bottom: 0; left: 0; right: 0; 
        padding: 0.75rem; padding-bottom: 1.25rem; 
        display: flex; flex-direction: column; align-items: center; justify-content: center; 
        z-index: 9999; background: transparent; gap: 0.5rem; border: none; pointer-events: none;
    }
    
    .ead-story-stats-wrap { 
        display: flex; gap: 0.5rem; border: none; justify-content: center; align-items: center; 
        pointer-events: auto; width: fit-content; margin: 0 auto;
    }

    .ead-story-tooltip-container { position: relative !important; display: inline-block !important; cursor: pointer !important; text-align: center; }
    
    /* Botões Contadores BEM MENORES E ELEGANTES */
    .ead-story-stat-trigger { 
        color: #ffffff; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 0.25rem; 
        background-color: rgba(255,255,255,0.15); padding: 0.25rem 0.5rem; border-radius: 9999px; 
        backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.2); 
        box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: background-color 0.2s; 
    }
    .ead-story-stat-trigger:hover { background-color: rgba(255,255,255,0.3); }
    .ead-story-stat-trigger i { font-size: 0.65rem; }
    .ead-story-stat-trigger span { font-size: 0.65rem; }

    /* Caixinhas Pop-up Tooltips Hover - 100% Centralizadas */
    .ead-story-tooltip-content { 
        position: absolute !important; bottom: calc(100% + 10px) !important; left: 50% !important; transform: translateX(-50%) !important; 
        display: none !important; width: 240px !important; max-width: 85vw !important; 
        background: rgba(15, 23, 42, 0.95) !important; backdrop-filter: blur(16px) !important; 
        color: #ffffff !important; border-radius: 1rem !important; padding: 0.75rem !important; 
        z-index: 9999999999 !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; 
        box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important; transition: opacity 0.3s ease !important; 
    }
    .ead-story-tooltip-head { 
        font-size: 0.65rem; font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 0.05em; 
        padding-bottom: 0.375rem; margin-bottom: 0.375rem; display: flex; align-items: center; justify-content: center; gap: 0.375rem; 
        border-bottom: 1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    }
    .ead-story-tooltip-body { max-height: 10rem; overflow-y: auto; display: flex; flex-direction: column; gap: 0.5rem; border: none; }

    /* Reações e Visualizações - BACKGROUND DE DESTAQUE APLICADO SEMPRE (E HOVER LEVE) */
    .ead-story-rt-item, .ead-story-vw-item { 
        display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0.5rem !important; 
        padding: 0.5rem !important; border-radius: 0.5rem !important; width: 100% !important; text-align: left !important; 
        transition: background-color 0.2s !important; text-decoration: none !important; margin-bottom: 0 !important; 
        /* Cor base de destaque exigida para a caixinha interna da pessoa */
        background: rgba(255, 255, 255, 0.15) !important; 
        border: 1px solid rgba(255,255,255,0.1) !important;
    }
    .ead-story-rt-item:hover, .ead-story-vw-item:hover { 
        background-color: rgba(255, 255, 255, 0.25) !important; /* Destaque sutil ao passar o mouse */
    }
    
    .ead-story-rt-avatar, .ead-story-vw-avatar { 
        width: 1.75rem !important; height: 1.75rem !important; border-radius: 50% !important; object-fit: cover !important; 
        border: 1px solid rgba(255,255,255,0.3) !important; flex-shrink: 0 !important; display: block !important; 
    }
    .ead-story-rt-info, .ead-story-vw-info { 
        display: flex !important; flex-direction: column !important; flex: 1 !important; min-width: 0 !important; line-height: 1.1 !important; text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; 
    }
    .ead-story-rt-name, .ead-story-vw-name { 
        color: #ffffff !important; font-weight: 700 !important; font-size: 0.75rem !important; white-space: nowrap !important; 
        overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; 
    }
    .ead-story-rt-name:hover, .ead-story-vw-name:hover { text-decoration: underline !important; }
    .ead-story-rt-date, .ead-story-vw-date { 
        font-size: 9px !important; color: #cbd5e1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; 
    }
    
    /* EMOJI PULANDO ANIMADO NA LISTA */
    .ead-story-rt-emoji { 
        font-size: 1.25rem !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)) !important; background-color: transparent !important; 
        border: none !important; width: 1.75rem !important; height: 1.75rem !important; display: flex !important; align-items: center !important; 
        justify-content: center !important; border-radius: 50% !important; flex-shrink: 0 !important; 
        animation: eadBouncePulse 1s ease-in-out infinite !important; /* ANIMAÇÃO ATIVADA AQUI */
    }

    /* Tooltip Externo de Viewers na Thumb */
    .ead-story-ext-tooltip-wrap { background-color: #1e3a8a; border: 1px solid #1d4ed8; border-radius: 1rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); padding: 0.5rem; z-index: 999999; cursor: default; width: 12rem; color: #ffffff; }
    .dark .ead-story-ext-tooltip-wrap { background-color: #172554; }
    .ead-story-ext-tooltip-head { font-size: 10px; color: #bfdbfe; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #1e40af; padding-bottom: 0.25rem; margin-bottom: 0.25rem; letter-spacing: 0.1em; text-align: left; }
    .ead-story-ext-tooltip-body { display: flex; flex-direction: column; max-height: 8rem; overflow-y: auto; }
    
    .ead-story-ext-vw-item { display: flex !important; align-items: center !important; gap: 0.5rem !important; margin-bottom: 0.25rem !important; padding: 0.25rem !important; border-radius: 0.5rem !important; transition: background-color 0.2s !important; border: 1px solid transparent !important; flex-direction: row !important; width: 100% !important; text-align: left !important; text-decoration: none !important; }
    .ead-story-ext-vw-item:hover { background-color: #1e40af !important; border-color: #2563eb !important; }
    .ead-story-ext-vw-avatar { width: 1.5rem !important; height: 1.5rem !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; }
    .ead-story-ext-vw-info { display: flex !important; flex-direction: column !important; flex: 1 !important; min-width: 0 !important; }
    .ead-story-ext-vw-name { font-size: 0.75rem !important; color: #ffffff !important; font-weight: 700 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

    .ead-story-ext-tooltip-empty { background-color: #1e3a8a; border: 1px solid #1d4ed8; border-radius: 1rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); padding: 0.75rem; z-index: 999999; cursor: default; width: 12rem; text-align: center; font-size: 0.75rem; color: #bfdbfe; }
    .dark .ead-story-ext-tooltip-empty { background-color: #172554; }

    /* Modal Privacidade Lateral */
    .ead-story-priv-overlay { position: fixed; inset: 0; z-index: 99999; display: flex; justify-content: flex-end; opacity: 0; pointer-events: none; transition: opacity 0.3s; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(4px); }
    .ead-story-priv-overlay.show { opacity: 1; pointer-events: auto; }
    
    .ead-story-priv-panel { width: 100%; height: 100%; background-color: #ffffff; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); transform: translateX(100%); transition: transform 0.3s; display: flex; flex-direction: column; border-left: 1px solid rgba(255,255,255,0.2); }
    @media (min-width: 640px) { .ead-story-priv-panel { width: 24rem; } }
    .dark .ead-story-priv-panel { background-color: #111827; }
    .ead-story-priv-panel.show { transform: translateX(0); }

    .ead-story-priv-header { padding: 1.25rem; border-bottom: 1px solid #e5e7eb; display: flex; justify-content: space-between; align-items: center; background-color: #f9fafb; }
    .dark .ead-story-priv-header { border-bottom-color: #374151; background-color: #1f2937; }
    .ead-story-priv-title { font-size: 1.125rem; font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.5rem; margin: 0; }
    .dark .ead-story-priv-title { color: #ffffff; }
    .ead-story-priv-close { color: #6b7280; font-size: 1.5rem; outline: none; background: none; border: none; cursor: pointer; transition: color 0.2s; }
    .ead-story-priv-close:hover { color: #ef4444; }

    .ead-story-priv-body { padding: 1.25rem; display: flex; flex-direction: column; gap: 1rem; flex: 1; overflow-y: auto; }
    
    .ead-story-priv-section-title { font-size: 0.75rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.1em; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.5rem; }
    .dark .ead-story-priv-section-title { border-bottom-color: #374151; }

    .ead-story-priv-label { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border: 1px solid #e5e7eb; border-radius: 0.75rem; cursor: pointer; transition: background-color 0.2s; }
    .dark .ead-story-priv-label { border-color: #374151; }
    .ead-story-priv-label:hover { background-color: #f9fafb; }
    .dark .ead-story-priv-label:hover { background-color: #1f2937; }
    
    .ead-story-priv-radio { width: 1.25rem; height: 1.25rem; color: #f97316; accent-color: #f97316; }
    .ead-story-priv-text-wrap { display: flex; flex-direction: column; }
    .ead-story-priv-opt-title { font-weight: 700; color: #1f2937; display: flex; align-items: center; gap: 0.375rem; }
    .dark .ead-story-priv-opt-title { color: #ffffff; }
    .ead-story-priv-opt-desc { font-size: 0.75rem; color: #6b7280; }

    .ead-story-priv-friends-box { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 0.5rem; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 0.75rem; background-color: #f9fafb; }
    .dark .ead-story-priv-friends-box { border-color: #374151; background-color: #1f2937; }
    
    .ead-story-priv-friends-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.5rem; }
    .dark .ead-story-priv-friends-head { border-bottom-color: #4b5563; }
    .ead-story-priv-friends-title { font-weight: 700; font-size: 0.875rem; color: #374151; }
    .dark .ead-story-priv-friends-title { color: #ffffff; }
    .ead-story-priv-friends-btn { font-size: 0.75rem; background-color: #e5e7eb; color: #1f2937; padding: 0.25rem 0.5rem; border-radius: 0.25rem; transition: background-color 0.2s, color 0.2s; border: none; cursor: pointer; }
    .dark .ead-story-priv-friends-btn { background-color: #374151; color: #ffffff; }
    .ead-story-priv-friends-btn:hover { background-color: #f97316; color: #ffffff; }

    .ead-story-priv-friends-list { display: flex; flex-direction: column; gap: 0.5rem; max-height: 12rem; overflow-y: auto; }
    .ead-story-loading-friends { font-size: 0.75rem; text-align: center; color: #6b7280; padding: 1rem 0; }

    .ead-story-priv-footer { padding: 1.25rem; border-top: 1px solid #e5e7eb; background-color: #f9fafb; }
    .dark .ead-story-priv-footer { border-top-color: #374151; background-color: #1f2937; }
    .ead-story-priv-submit { width: 100%; background: linear-gradient(to right, #f97316, #dc2626); color: #ffffff; font-weight: 900; letter-spacing: 0.1em; padding: 0.75rem 2rem; border-radius: 0.75rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); transition: all 0.2s; display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 0.875rem; border: 1px solid #f87171; cursor: pointer; }
    .ead-story-priv-submit:hover { background: linear-gradient(to right, #dc2626, #c2410c); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); transform: translateY(-0.25rem); }

    /* Dinâmico Lista de Amigos JS */
    .ead-story-amigo-lbl { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; border-radius: 0.5rem; cursor: pointer; transition: all 0.2s; border: 1px solid transparent; }
    .ead-story-amigo-lbl:hover { background-color: #f3f4f6; border-color: #d1d5db; }
    .dark .ead-story-amigo-lbl:hover { background-color: #374151; border-color: #4b5563; }
    .ead-story-amigo-chk { width: 1rem; height: 1rem; color: #f97316; accent-color: #f97316; }
    .ead-story-amigo-img { width: 2rem; height: 2rem; border-radius: 50%; object-fit: cover; border: 1px solid #d1d5db; }
    .dark .ead-story-amigo-img { border-color: #4b5563; }
    .ead-story-amigo-name { font-size: 0.875rem; font-weight: 700; color: #1f2937; }
    .dark .ead-story-amigo-name { color: #ffffff; }