:root{--chart-color-yellow:rgba(255,205,86,1)}.time-period-buttons{--time-period-min-width:140px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--time-period-min-width),1fr));gap:.75rem;width:100%;max-width:840px;margin:0 auto;align-items:stretch}.time-period-buttons__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:.65rem 1rem;margin:0;border-radius:.75rem;font-size:.95rem;font-weight:600;letter-spacing:.02em;transition:background-color .2s ease , border-color .2s ease , box-shadow .2s ease , color .2s ease}.time-period-buttons__button:focus-visible{outline:none;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.time-period-buttons__button:hover{box-shadow:0 4px 12px rgba(15,23,42,.12)}@media (max-width:992px){.time-period-buttons{max-width:100%}}@media (max-width:576px){.time-period-buttons{--time-period-min-width:130px;gap:.5rem}.time-period-buttons__button{min-height:42px;font-size:.9rem;padding:.55rem .9rem}}.video-title{font-size:1.5em;font-weight:bold;color:#333;margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.upload-date,.last-date{font-size:.9em;color:#666;margin:0}table.dataTable td{font-size:14px}table.dataTable thead th{font-size:14px}#video-details-table{white-space:nowrap}.stats-table{width:50%;margin:0 auto;text-align:center;border-collapse:collapse}.stats-table th,.stats-table td{border:1px solid #ddd;padding:8px}.stats-table th{background-color:#f2f2f2}@media only screen and (max-width:600px){.upload-date,.last-date{margin-bottom:10px}.stats-table{width:100%}th.sorting{padding-right:9px!important}th.sorting::after,th.sorting::before{display:none!important}}.title-cell{display:flex;flex-direction:column;word-break:break-word}.title-cell .top{font-weight:bold;margin-bottom:2px}.title-cell .bottom{display:flex;flex-direction:column;border-top:1px solid #ccc;margin-top:2px;padding-top:5px}.title-cell .plot_bottom{display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:#555}.title-cell .left{text-align:left;flex:1}.title-cell .right{text-align:right;white-space:nowrap}.bottom .first-row{display:flex;justify-content:flex-start}.bottom .second-row{display:flex;flex-direction:row;justify-content:flex-end;margin-top:5px;gap:20px}.stats{display:flex;flex-direction:row;justify-content:flex-start;gap:10px}.stats span{text-align:left;white-space:nowrap}.view-count{width:100px;color:#2c3e50}.like-count{width:80px;color:#27ae60}.comment-count{width:70px;color:#8e44ad}.recent24h-count{width:100px;color:#ff7f50}.videos-page .milestone-progress{display:none;margin-left:8px;color:#0f766e;white-space:nowrap}.videos-page #video-table-container.is-milestone-sort .milestone-progress{display:inline}.favorite-icon{cursor:pointer}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dt-container .dt-length,.dt-container .dt-search{display:inline-flex;align-items:center;margin-right:1rem}.dataTables_wrapper .dataTables_length,.dt-container .dt-length{flex:1}.dataTables_wrapper .dataTables_filter,.dt-container .dt-search{flex:2;justify-content:flex-end}@media (max-width:530px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dt-container .dt-length,.dt-container .dt-search{display:block;margin-bottom:1rem;text-align:center}}#viewCountChartTitle{font-size:1.5rem;text-align:center;margin-top:1rem;margin-bottom:.5rem}.sort-link{color:#ccc;text-decoration:underline;margin-left:3px;margin-right:3px;cursor:pointer}.sort-link:hover{color:#fff}.selected-sort{color:#4682b4;font-weight:bold}.checkbox-group{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:20px}.checkbox-group .form-check{margin-right:20px}.checkbox-group .form-check-label{white-space:nowrap}.form-check-label{font-size:1em;color:#333}.table-responsive{margin-top:20px}.youtube-icon{width:auto;height:16px;cursor:pointer;vertical-align:middle;display:inline-block}.track-details-table{table-layout:fixed;width:100%}.track-details-table th,.track-details-table td{word-wrap:break-word;white-space:normal;padding:10px;vertical-align:middle}.track-details-table th.col-4{width:30%}.track-details-table th.col-8{width:70%}@media only screen and (max-width:600px){.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.view-count{grid-column:1;grid-row:1;width:auto}.recent24h-count{grid-column:1;grid-row:2;width:auto}.like-count{grid-column:2;grid-row:1;width:auto}.comment-count{grid-column:2;grid-row:2;width:auto}.videos-page .milestone-progress{grid-column: 1 / span 2;grid-row:3;width:auto;margin-left:0}}