:root,[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-card:#212121;--bg-hover:#2a2a2a;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-muted:#6b6b6b;--border:#2e2e2e;--border-light:#3a3a3a;--accent-primary:#3b82f6;--accent-hover:#2563eb;--live-red:#ef4444;--live-red-glow:rgba(239,68,68,0.3);--success:#22c55e;--warning:#f59e0b;--hololive:#00a8e8;--nijisanji:#ff6b6b;--vspo:#9d4edd;--neo-porte:#00d4aa;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 25px rgba(0,0,0,0.5);--transition-fast:0.15s ease;--transition-normal:0.25s ease}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-card:#ffffff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#cbd5e1;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--live-red:#dc2626;--live-red-glow:rgba(220,38,38,0.2);--success:#16a34a;--warning:#d97706;--hololive:#0284c7;--nijisanji:#dc2626;--vspo:#7c3aed;--neo-porte:#059669;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--shadow-lg:0 10px 25px rgba(0,0,0,0.1)}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;line-height:1.6;font-size:14px}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.container{max-width:1400px;margin:0 auto;padding:0 24px}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{justify-content:space-between;height:60px}.header-content,.logo{display:flex;align-items:center}.logo{gap:8px;font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,var(--hololive),var(--nijisanji),var(--vspo),var(--hololive));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;animation:logo-shimmer 25s ease-in-out infinite}@keyframes logo-shimmer{0%,92%,to{background-position:0 50%}96%{background-position:12% 50%}}.logo-icon{flex-shrink:0}.logo:hover{opacity:.9}.nav{display:flex;gap:8px}.nav a{color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-weight:500;font-size:.9rem;transition:all var(--transition-fast)}.nav a:hover{color:var(--text-primary);background:var(--bg-hover)}.nav a.active{color:var(--text-primary);background:var(--bg-card)}.header-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}.main{padding:32px 0;min-height:calc(100vh - 60px)}.section{margin-bottom:48px}.section-header{justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.section-header,.section-title{display:flex;align-items:center}.section-title{gap:12px;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.section-title .count{font-size:.85rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);padding:4px 12px;border-radius:20px}.stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;gap:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stream-card{display:block}.thumbnail-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-secondary);border-radius:8px}.rank-viewers-bar+.thumbnail-wrapper{border-radius:0 0 8px 8px}.stream-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.card:hover .stream-thumbnail{transform:scale(1.03)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.badge-live{background:var(--live-red);color:white;box-shadow:0 0 12px var(--live-red-glow)}.badge-live:before{content:"";width:6px;height:6px;background:white;border-radius:50%;animation:pulse 1s infinite}.badge-upcoming{background:var(--accent-primary);color:white}.badge-agency{position:absolute;top:8px;right:8px;font-size:.65rem;padding:3px 8px;color:white;text-shadow:0 1px 2px rgba(0,0,0,.3)}.badge-agency.hololive{background:var(--hololive)}.badge-agency.nijisanji{background:var(--nijisanji)}.badge-agency.vspo{background:var(--vspo)}.badge-agency.neo_porte{background:var(--neo-porte)}.badges-top-left{position:absolute;top:8px;left:8px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 80px)}.badge-member{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.badge-member,.badge-shorts{color:white;font-size:.6rem;padding:2px 6px;border-radius:3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.badge-shorts{background:#f43f5e}.badge-premiere{background:linear-gradient(135deg,#f59e0b,#ef4444);color:white;font-size:.6rem;padding:2px 6px;border-radius:3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.duration-overlay{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:4px;background:var(--live-red);color:white;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.duration-icon{width:14px;height:14px;flex-shrink:0}.rank-viewers-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-tertiary);border-radius:8px 8px 0 0;font-weight:600}.rank-viewers-bar .rank{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.rank-viewers-bar .viewers-count{display:flex;align-items:center;gap:4px;font-size:1rem;color:var(--live-red)}.viewers-icon{width:16px;height:16px;flex-shrink:0}.stats-row{gap:12px}.like-count,.stats-row{display:flex;align-items:center}.like-count{gap:4px;font-size:.9rem;color:var(--text-secondary)}.like-icon{width:14px;height:14px;flex-shrink:0}.update-time{font-size:.85rem;color:var(--text-secondary);font-weight:400;margin-left:8px}.category-label{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:500}.category-label.category-20{background:rgba(147,51,234,.15);color:#a855f7}.category-label.category-10{background:rgba(236,72,153,.15);color:#ec4899}.category-label.category-24{background:rgba(249,115,22,.15);color:#f97316}.category-label.category-22{background:rgba(34,197,94,.15);color:#22c55e}.category-label.category-1{background:rgba(59,130,246,.15);color:#3b82f6}.category-label.category-23{background:rgba(234,179,8,.15);color:#eab308}.category-label.category-25{background:rgba(239,68,68,.15);color:#ef4444}.category-label.category-26{background:rgba(20,184,166,.15);color:#14b8a6}.category-label.category-27{background:rgba(99,102,241,.15);color:#6366f1}.category-label.category-28{background:rgba(6,182,212,.15);color:#06b6d4}.category-label.category-default{background:var(--bg-hover);color:var(--text-muted)}[data-theme=light] .badge-member,[data-theme=light] .badge-premiere,[data-theme=light] .badge-shorts{box-shadow:0 1px 3px rgba(0,0,0,.2)}.viewer-overlay{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.85);color:white;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stream-info{padding:14px 16px}.stream-title{font-size:.95rem;font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-bottom:8px}.stream-meta{justify-content:space-between;gap:8px}.channel-row,.stream-meta{display:flex;align-items:center}.channel-row{gap:6px;flex:1 1;min-width:0}.channel-thumb{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover}.stream-channel{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.stream-viewers{font-size:1rem;color:var(--live-red);font-weight:700}.stream-time{font-size:.85rem;color:var(--text-muted);font-weight:500}.video-page{display:grid;grid-template-columns:1fr 360px;grid-gap:32px;gap:32px}@media (max-width:1024px){.video-page{grid-template-columns:1fr}}.video-main{min-width:0}.video-embed{aspect-ratio:16/9;background:var(--bg-secondary);border-radius:12px;overflow:hidden;margin-bottom:24px}.video-embed iframe{width:100%;height:100%;border:none}.video-header{margin-bottom:24px}.video-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.video-title{font-size:1.4rem;font-weight:600;line-height:1.4;margin:0;flex:1 1}.status-badge{flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.status-badge.status-live{background:var(--accent);color:white;animation:pulse 2s infinite}.status-badge.status-upcoming{background:var(--warning);color:#000}.status-badge.status-archive,.status-badge.status-ended{background:var(--bg-hover);color:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.video-datetime{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem}.datetime-label{color:var(--text-muted)}.datetime-value{color:var(--text-primary);font-weight:500}.datetime-separator{color:var(--text-muted)}.duration-badge{padding:2px 8px;font-size:.8rem;background:var(--bg-hover);border-radius:4px;color:var(--text-secondary)}.video-channel{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.channel-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.channel-link{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.channel-link:hover{color:var(--primary)}.video-channel-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-hover)}.video-description{background:var(--bg-tertiary);border-radius:8px;padding:12px 16px;margin:16px 0;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.video-description p{margin:0;white-space:pre-line}.video-stats{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:20px 0}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700}.stat-label,.stat-value{color:var(--text-primary)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.video-actions{display:flex;gap:12px;margin-top:16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-primary);color:white;text-decoration:none}.btn-primary:hover{background:var(--accent-hover);color:white}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);text-decoration:none}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.chart-legend{display:flex;gap:16px;font-size:.8rem;color:var(--text-secondary)}.chart-wrapper{height:300px;position:relative}.chart-gaps-detail{margin-top:12px;padding:10px 12px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:.75rem}.gaps-header{color:var(--text-secondary);margin-bottom:6px}.gaps-list{display:flex;flex-wrap:wrap;gap:8px}.gap-item{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem}.gap-item.gap-major{background:rgba(244,67,54,.15);color:#f87171}.gap-item.gap-minor{background:rgba(255,193,7,.12);color:#fbbf24}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:1rem}.loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted)}.loading:after{content:"";width:24px;height:24px;margin-left:12px;border:2px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{text-align:center;padding:60px 20px;color:var(--live-red);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:12px}.sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.sidebar-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sidebar-content{display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:.85rem}.info-label{color:var(--text-muted);flex-shrink:0}.info-value{color:var(--text-primary);text-align:right}.info-code{font-family:monospace;font-size:.8rem;background:var(--bg-hover);padding:2px 6px;border-radius:4px;word-break:break-all;color:var(--text-secondary)}.info-code.small{font-size:.7rem}.status-tag{padding:2px 8px;font-size:.75rem;font-weight:600;border-radius:4px}.status-tag.status-live{background:var(--accent);color:white}.status-tag.status-upcoming{background:var(--warning);color:#000}.status-tag.status-archive,.status-tag.status-ended{background:var(--bg-hover);color:var(--text-muted)}.stat-item.stat-highlight .stat-label,.stat-item.stat-highlight .stat-value{color:var(--accent)}@media (max-width:768px){.container{padding:0 16px}.header-content{height:56px}.logo{font-size:1.25rem}.nav{gap:4px}.nav a{padding:6px 12px;font-size:.85rem}.stream-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.video-title{font-size:1.2rem}.video-stats{flex-wrap:wrap;gap:16px}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.theme-toggle:active{transform:scale(.95)}.header-actions{gap:8px}.header-actions,.locale-toggle{display:flex;align-items:center}.locale-toggle{justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:.8rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.locale-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.locale-toggle:active{transform:scale(.95)}[data-theme=light] .card{box-shadow:var(--shadow-sm)}[data-theme=light] .card:hover{box-shadow:var(--shadow-md)}[data-theme=light] .chart-container,[data-theme=light] .header,[data-theme=light] .sidebar-card{box-shadow:var(--shadow-sm)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:white}.filter-btn.hololive.active{background:var(--hololive);border-color:var(--hololive)}.filter-btn.nijisanji.active{background:var(--nijisanji);border-color:var(--nijisanji)}.filter-btn.vspo.active{background:var(--vspo);border-color:var(--vspo)}.filter-btn.neo_porte.active{background:var(--neo-porte);border-color:var(--neo-porte)}.filter-count{font-size:.75rem;opacity:.8}.filter-btn.expand-btn{background:transparent;border-style:dashed}.filter-btn.expand-btn:hover{background:var(--bg-hover)}.filter-btn.expand-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);border-style:solid}.filter-bar-secondary{margin-top:-8px;padding-top:8px;border-top:1px dashed var(--border)}.filter-btn.774inc.active{background:var(--774inc,#6b5b95);border-color:var(--774inc,#6b5b95)}.filter-btn.indie.active{background:var(--indie,#888);border-color:var(--indie,#888)}.filter-btn.dotlive.active{background:#ff69b4;border-color:#ff69b4}.filter-btn.noripro.active{background:#f4a460;border-color:#f4a460}.filter-btn.react.active{background:#20b2aa;border-color:#20b2aa}.filter-btn.vshojo.active{background:#ff6b9d;border-color:#ff6b9d}.filter-btn.phase_connect.active{background:#9370db;border-color:#9370db}.filter-btn.prism_project.active{background:#da70d6;border-color:#da70d6}.filter-btn.idol.active{background:#ff85c1;border-color:#ff85c1}.filter-btn.kawaii.active{background:#ffb6c1;border-color:#ffb6c1}.filter-btn.varium.active{background:#7b68ee;border-color:#7b68ee}.filter-btn.nanashiinc.active{background:#87ceeb;border-color:#87ceeb}.filter-btn.specialite.active{background:#dda0dd;border-color:#dda0dd}.filter-btn.uniraid.active{background:#98fb98;border-color:#98fb98;color:#333}.filter-btn.aogiri.active{background:#32cd32;border-color:#32cd32}.filter-btn.kemomimi.active{background:#ffa07a;border-color:#ffa07a}.filter-btn.aka_virtual.active{background:#dc143c;border-color:#dc143c}.search-bar{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:10px 16px;font-size:.9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:border-color var(--transition-fast)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent-primary)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px}.channel-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all var(--transition-fast)}.channel-card:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.channel-card.hololive{border-left:3px solid var(--hololive)}.channel-card.nijisanji{border-left:3px solid var(--nijisanji)}.channel-card.vspo{border-left:3px solid var(--vspo)}.channel-card.neo_porte{border-left:3px solid var(--neo-porte)}.channel-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--bg-hover)}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:var(--text-muted);background:var(--bg-secondary)}.channel-info{flex:1 1;min-width:0}.channel-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.inactive-badge{font-size:.6rem;padding:1px 5px;border-radius:3px;background:#666;color:#fff;font-weight:400;flex-shrink:0}.channel-name-en{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.agency-tag{font-size:.65rem;padding:2px 6px;border-radius:4px;background:var(--bg-hover);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.agency-tag.hololive{background:rgba(0,168,232,.15);color:var(--hololive)}.agency-tag.nijisanji{background:rgba(255,107,107,.15);color:var(--nijisanji)}.agency-tag.vspo{background:rgba(157,78,221,.15);color:var(--vspo)}.agency-tag.neo_porte{background:rgba(0,212,170,.15);color:var(--neo-porte)}.subscriber-count{font-size:.7rem;color:var(--text-muted)}@media (max-width:768px){.channel-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.channel-card{padding:10px;gap:10px}.channel-avatar{width:40px;height:40px}.channel-name{font-size:.85rem}.filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.filter-btn{flex-shrink:0}}.expand-section{text-align:center;margin-top:24px}.expand-button{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.expand-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.expand-button:active{transform:scale(.98)}.not-found-page{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px}.not-found-content{text-align:center;max-width:400px}.not-found-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.not-found-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.not-found-message{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 0 32px}.not-found-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.compact-toggle{margin-bottom:12px}.btn-sm{padding:4px 12px;font-size:.75rem}.video-page.compact-mode{display:block}.video-page.compact-mode .sidebar{display:none}.video-page.compact-mode .video-main{max-width:100%}.compact-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;grid-gap:8px;gap:8px}.compact-grid-item{min-width:0;min-height:0}.compact-header{display:flex;flex-direction:column;padding:8px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);box-sizing:border-box;gap:6px}.compact-header-top{display:flex;flex-direction:row;gap:10px}.compact-thumbnail{flex-shrink:0;width:160px}.compact-thumbnail img{width:100%;height:auto;border-radius:4px}.compact-info{display:flex;flex-direction:column;gap:2px}.compact-channel{display:flex;align-items:center;gap:4px;font-size:.7rem}.compact-channel-icon{width:18px;height:18px;border-radius:50%;object-fit:cover}.compact-channel-name{color:var(--text-secondary);font-weight:500}.compact-title{font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.compact-datetime{font-size:.7rem;color:var(--text-muted)}.compact-duration{margin-left:4px;color:var(--text-secondary)}.compact-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4px 8px;gap:4px 8px}.compact-stat{display:flex;align-items:baseline;gap:4px}.compact-stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.compact-stat-label{font-size:.65rem;color:var(--text-secondary)}.compact-chart{min-width:0;display:flex;flex-direction:column}.compact-chart .chart-container{padding:8px;margin-top:0;box-sizing:border-box}.compact-chart .chart-header{margin-bottom:4px}.compact-chart .chart-title{font-size:.75rem}.compact-chart .chart-legend{font-size:.6rem;gap:4px}.compact-chart .chart-wrapper{height:140px}@media (max-width:900px){.compact-grid{grid-template-columns:1fr;grid-template-rows:auto}.compact-grid-item,.compact-header{overflow:visible}.compact-header{flex-direction:row;height:auto}.compact-thumbnail{width:160px}}@media (max-width:480px){.compact-header{flex-direction:column}.compact-thumbnail{width:100%;max-width:180px}}