.custom-timeline{width:100%;overflow-x:auto;border-radius:8px}.timeline-header{display:flex;position:sticky;top:0;z-index:10;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.dark .timeline-header{background-color:#1f2937;border-color:#374151}.timeline-header-spacer{width:300px;min-width:300px;border-right:1px solid #e5e7eb}.dark .timeline-header-spacer{border-color:#374151}.timeline-timescale{flex:1;position:relative;min-height:60px}.timeline-hours{display:flex;position:absolute;top:0;left:0;right:0;height:30px}.timeline-hour-marker{flex:1;text-align:left;padding-left:4px;border-right:1px solid #e5e7eb;font-size:14px;font-weight:500;color:#4b5563}.dark .timeline-hour-marker{border-color:#374151;color:#9ca3af}.timeline-quarter-hours{display:flex;position:absolute;top:30px;left:0;right:0;height:30px}.timeline-quarter-marker{flex-basis:calc(100% / 40);flex-grow:0;flex-shrink:0;height:100%;border-right:1px solid #e5e7eb;opacity:.5}.dark .timeline-quarter-marker{border-color:#374151}.timeline-body{display:flex;flex-direction:column}.timeline-session-row{display:flex;min-height:60px;border-bottom:1px solid #e5e7eb}.dark .timeline-session-row{border-color:#374151}.timeline-session-info{width:300px;min-width:300px;padding:10px;border-right:1px solid #e5e7eb;background-color:#f9fafb}.dark .timeline-session-info{border-color:#374151;background-color:#111827}.timeline-session-track{display:flex;align-items:center;margin-bottom:6px}.track-color-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.track-name{font-size:12px;color:#6b7280;font-weight:500}.dark .track-name{color:#9ca3af}.timeline-session-title{font-weight:500;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timeline-session-timeline{flex:1;position:relative;padding:4px 0}.timeline-session-bar{position:absolute;height:calc(100% - 8px);border:2px solid;border-radius:6px;padding:4px 8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-width .2s ease;min-width:80px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.timeline-session-bar:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:5}.timeline-session-time{font-size:11px;font-weight:600;margin-bottom:2px}.timeline-session-room{font-size:10px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-empty{padding:30px 0}.track-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.track-filter-item{display:flex;align-items:center;padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out}.track-filter-color{width:1rem;height:1rem;border-radius:50%;margin-right:.5rem;display:inline-block}.track-filter-item.active{font-weight:600}.level-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.level-filter-item{padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out}.level-filter-item.active{font-weight:600}@media (max-width:768px){.timeline-header-spacer,.timeline-session-info{width:200px;min-width:200px}.level-filter-item,.track-filter-item{font-size:.75rem;padding:.4rem .6rem}}@media (max-width:480px){.timeline-header-spacer,.timeline-session-info{width:150px;min-width:150px}}