/* ===================== SCROLLBAR ===================== */
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ===================== SIDEBAR ===================== */
#sidebar { transition: transform 0.35s cubic-bezier(0.4,0,0.2,1); }
#sidebarOverlay { transition: opacity 0.35s ease; }

/* ===================== HOME CARDS ===================== */
.mode-card { transition: all 0.2s ease; }
.mode-card:hover { transform: translateY(-3px); }

/* ===================== SELECTOR BUTTONS ===================== */
.spread-btn.active { background-color: #FF6B35; color: white; border-color: #FF6B35; }
.topic-btn.active  { background-color: #FF6B35; color: white; border-color: #FF6B35; }

/* ===================== SHARE PANEL ===================== */
#sharePanel { transition: all 0.25s ease; }
.share-channel-btn {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 10px 14px; border-radius: 14px;
    border: 1px solid #E0E0E0; background: white;
    font-size: 11px; font-weight: 600; color: #555555;
    cursor: pointer; transition: all 0.18s ease;
    min-width: 64px;
}
.share-channel-btn:hover { border-color: #FF6B35; color: #FF6B35; background: #fff5f0; transform: translateY(-2px); }
.share-channel-btn i { font-size: 1.2rem; }
.share-channel-btn.copied { border-color: #22c55e; color: #22c55e; background: #f0fdf4; }

/* ===================== AI RESULT RICH TEXT ===================== */
.ai-result-block { line-height: 1.75; }
.ai-result-block .ai-heading {
    font-weight: 700;
    color: #333333;
    display: block;
    margin-top: 0.9rem;
    margin-bottom: 0.2rem;
}
.ai-result-block .ai-heading:first-child { margin-top: 0; }
.ai-result-block .ai-card-label { font-weight: 700; color: #333333; }
.ai-result-block p { margin-bottom: 0.4rem; }