body { background-color: #000c1d; color: #fff; font-family: 'Helvetica Neue', Arial, sans-serif; margin: 0; }
.user-nav-bar { background: #000; padding: 10px 0; border-bottom: 2px solid #ffae00; }
.logo-image { height: 48px; }
.main-dashboard { margin: 20px auto; padding: 20px; border: 1px solid #ffae00; border-radius: 12px; background: rgba(0,0,0,0.4); }
.group-title { color: #ffae00; font-weight: bold; }
.folder-display { background: #000; border: 1px solid #333; height: 100px; margin-bottom: 10px; border-radius: 6px; }
.info-box { background: rgba(0, 86, 179, 0.1); border: 1px solid #0056b3; border-radius: 8px; padding: 15px; }
.uniform-input { background: #1a1a1a !important; border: 1px solid #444 !important; color: #fff !important; }
.uniform-btn { background: #ffae00; color: #000; font-weight: bold; border: none; }
.section-label { border-left: 5px solid #d63384; padding-left: 15px; color: #ffae00; margin: 30px 0 15px 0; }

/* 5列グリッド */
.col-5-cols { flex: 0 0 auto; width: 20%; padding: 4px; }
@media (max-width: 992px) { .col-5-cols { width: 33.333%; } }
@media (max-width: 576px) { .col-5-cols { width: 50%; } }

.video-card {
    background: #000; border: 1px solid #ffae00; border-radius: 4px; overflow: hidden;
    position: relative; transition: all 0.3s ease; height: 100%;
}
.video-card:hover { transform: scale(1.03); z-index: 10; border-color: #fff; box-shadow: 0 0 15px rgba(255,174,0,0.4); }

.video-card.featured { border-width: 2px; box-shadow: 0 0 10px rgba(255,174,0,0.2); }

.rank-badge { position: absolute; top: 0; left: 0; background: #ffae00; color: #000; font-weight: bold; padding: 2px 10px; z-index: 5; font-size: 0.8rem; }
.small-badge { font-size: 0.65rem; padding: 1px 6px; }

/* ★ タイトル説明文の調整 */
.video-title {
    font-size: 0.65rem; /* わずかに小さく */
    line-height: 1.15;   /* 行間を詰め気味に */
    height: 3.5em;       /* 3行分程度の高さを確保 */
    padding: 2px 4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 2行から3行へ拡大 */
    -webkit-box-orient: vertical;
    color: #eee;
}

/* TOP3は少しだけ大きく */
.video-card.featured .video-title {
    font-size: 0.85rem;
    height: 3.4em;
    -webkit-line-clamp: 3;
}

/* 広告カード */
.ad-card { border-style: dashed; opacity: 0.9; }