: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}}:root{--page-font-family:'Noto Sans JP' , 'Hiragino Kaku Gothic ProN' , 'Yu Gothic' , 'Segoe UI' , sans-serif;--page-bg:#f4f6fb;--page-header-bg:linear-gradient(135deg,#f8fafc,#eef2ff);--page-header-border:rgba(148,163,184,.24);--page-header-shadow:0 12px 30px rgba(15,23,42,.08);--page-header-max-width:900px;--page-header-margin:1.5rem auto;--page-header-padding:1.5rem 1rem;--page-header-padding-sm:1.25rem .75rem;--page-header-radius:1rem;--page-header-inner-gap:1rem;--page-title-size: clamp(1.85rem, 1.2vw + 1.4rem, 2.4rem);--page-title-size-sm:1.75rem;--page-title-gap:.65rem;--page-title-letter-spacing:.01em;--page-title-color:#111827;--page-subtitle-size: clamp(0.98rem, 0.15vw + 0.92rem, 1.08rem);--page-subtitle-color:#64748b;--page-eyebrow-size:.75rem;--page-text:#0f172a;--page-muted:#64748b;--page-focus-ring:0 0 0 .2rem rgba(13,110,253,.3)}body.page-theme{background:var(--page-bg);color:var(--page-text);font-family: var(--page-font-family);line-height:1.6}.page-header{max-width:var(--page-header-max-width);margin:var(--page-header-margin);padding:var(--page-header-padding);border-radius:var(--page-header-radius);border:1px solid var(--page-header-border);background:var(--page-header-bg);box-shadow:var(--page-header-shadow)}.page-header__inner{display:flex;gap:var(--page-header-inner-gap);align-items:center;justify-content:space-between}.page-header__main{min-width:0;flex:1}.page-header--center .page-header__inner{flex-direction:column;text-align:center}.page-header--split .page-header__inner{flex-direction:row;text-align:left}.page-header--split .page-header__extra{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.page-header__eyebrow{margin:0 0 .5rem;letter-spacing:.2em;font-size:var(--page-eyebrow-size);font-weight:600;color:var(--page-muted);text-transform:uppercase}.page-header__title-row{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--page-title-gap);margin:0 0 .5rem;max-width:100%}.page-header__title{margin:0;font-size:var(--page-title-size);line-height:1.3;letter-spacing:var(--page-title-letter-spacing);color:var(--page-title-color)}.page-header__title-text{display:inline-block;max-width:100%;overflow-wrap:anywhere}.page-header--split .page-header__title-row{justify-content:flex-start}.page-header__subtitle{margin:0;color:var(--page-subtitle-color);font-size:var(--page-subtitle-size);line-height:1.7}.page-header__title-link{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;border-radius:50%;font-size:.7em;color:var(--bs-primary);background-color:rgba(13,110,253,.1);transition:color .2s ease , background-color .2s ease , box-shadow .2s ease , opacity .2s ease;text-decoration:none}.page-header__title-link:hover,.page-header__title-link:focus-visible{color:#0a58ca;background-color:rgba(13,110,253,.2);text-decoration:none}.page-header__title-link:focus-visible{outline:none;box-shadow:var(--page-focus-ring)}.related-pages{margin:2rem 0;padding:0}.related-pages__header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;text-align:left}.related-pages__title{margin:0;color:#111827;font-size:1.1rem;font-weight:700;line-height:1.4}.related-pages__intro{margin:0;color:#64748b;font-size:.95rem;line-height:1.7}.related-pages__grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.related-pages__link{display:flex;min-height:72px;gap:.75rem;align-items:center;padding:.85rem;border:1px solid rgba(13,110,253,.22);border-radius:.5rem;color:#0f172a;background:#f8fafc;text-decoration:none;transition:background-color .2s ease , border-color .2s ease , box-shadow .2s ease , transform .2s ease}.related-pages__link:hover{border-color:rgba(13,110,253,.45);background:#eef6ff;color:#0f172a;text-decoration:none;transform:translateY(-1px)}.related-pages__link:active{transform:translateY(0)}.related-pages__link:focus-visible{outline:none;box-shadow:var(--page-focus-ring)}.related-pages__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#0d6efd;background:rgba(13,110,253,.1)}.related-pages__body{display:flex;min-width:0;flex-direction:column;gap:.15rem}.related-pages__label{font-weight:700;line-height:1.45;overflow-wrap:anywhere}.related-pages__description{color:#64748b;font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}.detail-seo{margin:1.5rem 0;padding:1.25rem;border:1px solid rgba(148,163,184,.24);border-left:4px solid #0d6efd;border-radius:.5rem;background:#f8fafc}.detail-seo__title{margin:0 0 .75rem;color:#111827;font-size:1.1rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.detail-seo__copy{margin:0;color:#334155;line-height:1.8;overflow-wrap:anywhere}.detail-seo__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.detail-seo__meta-item{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:.3rem .6rem;border-radius:999px;color:#334155;background:#f1f5f9;font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}.detail-seo__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.detail-seo__actions .btn{min-height:44px}@media (max-width:576px){.page-header{margin-top:1.25rem;padding:var(--page-header-padding-sm)}.page-header--split .page-header__inner{flex-direction:column;align-items:stretch;text-align:center}.page-header--split .page-header__title-row{justify-content:center}.page-header--split .page-header__extra{justify-content:center}.page-header__title{font-size:var(--page-title-size-sm)}.related-pages{margin:1.5rem 0}.related-pages__grid{gap:.5rem;grid-template-columns:1fr}.related-pages__header{margin-bottom:.75rem}.related-pages__intro{font-size:.9rem;line-height:1.6}.related-pages__link{min-height:56px;gap:.65rem;padding:.65rem}.related-pages__icon{width:2rem;height:2rem}.related-pages__description{display:none}.detail-seo{margin:1rem 0;padding:1rem}.detail-seo__copy{line-height:1.7}.detail-seo__meta{gap:.4rem;margin-top:.75rem}.detail-seo__actions .btn{flex:1 1 0;min-width:0;width:auto}}@media (prefers-reduced-motion:reduce){.related-pages__link{transition:none}}