:root{color:#2f2925;font-synthesis:none;text-rendering:optimizelegibility;background-color:#f7f4ef;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.site-header{color:#fff;background-color:#4f7168;padding:48px 24px}.site-header__inner{width:min(100%,960px);margin:0 auto}.site-header__label{letter-spacing:.08em;margin:0 0 8px;font-size:.875rem}.site-header__title{margin:0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.2}.site-header__description{max-width:700px;margin:24px 0 0;font-size:1rem;line-height:1.8}.main-content{width:min(100% - 32px,960px);margin:40px auto}.intro-section{background-color:#fff;border:1px solid #ded7ce;border-radius:12px;padding:32px;box-shadow:0 4px 16px #2f292514}.intro-section h2{margin:0 0 24px;font-size:1.5rem}.intro-section p{line-height:1.8}.status-message{background-color:#eef4f2;border-left:4px solid #4f7168;margin-bottom:0;padding:16px}@media (width<=600px){.site-header{padding:32px 20px}.main-content{margin-top:24px}.intro-section{padding:24px 20px}}.video-section{background-color:#fff;border:1px solid #ded7ce;border-radius:12px;padding:32px;box-shadow:0 4px 16px #2f292514}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.section-heading h2{margin:0;font-size:1.5rem}.video-count{color:#655e58;margin:0;font-size:.875rem}.video-list{gap:24px;display:grid}.video-card{border:1px solid #ded7ce;border-radius:10px;padding:24px}.video-card__title{margin:0 0 16px;font-size:1.25rem;line-height:1.5}.video-card__channel,.video-card__duration{color:#655e58;margin:8px 0;line-height:1.6}.tag-list{flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.tag-list__item{background-color:#eef4f2;border-radius:999px;padding:4px 10px;font-size:.875rem}.recommendation-list{gap:12px;margin-top:20px;display:grid}.recommendation{background-color:#f7f4ef;border-radius:8px;padding:16px}.recommendation__contributor{margin:0 0 8px;font-weight:700}.recommendation__comment{margin:0;line-height:1.7}@media (width<=600px){.video-section{padding:24px 20px}.section-heading{display:block}.video-count{margin-top:8px}.video-card{padding:20px}}.status-message--error{color:#7a2525;background-color:#fff0f0;border-left-color:#a83d3d}.include-control{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#eef4f2;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin:0 0 16px;padding:8px 12px;display:flex}.include-control:hover{background-color:#e1ece8}.include-control input{cursor:pointer;width:1.125rem;height:1.125rem;margin:0}.video-card--excluded{opacity:.65;background-color:#f4f2ef;border-style:dashed}.generator-section{background-color:#fff;border:1px solid #ded7ce;border-radius:12px;margin-bottom:32px;padding:32px;box-shadow:0 4px 16px #2f292514}.generator-section h2{margin:0 0 24px;font-size:1.5rem}.generator-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.generator-controls label{font-weight:700}.generator-number-input{width:90px;font:inherit;border:1px solid #aaa29a;border-radius:6px;padding:10px}.generate-button{color:#fff;font:inherit;cursor:pointer;background-color:#4f7168;border:0;border-radius:6px;padding:10px 18px;font-weight:700}.generate-button:hover:not(:disabled){background-color:#3f5d55}.generate-button:disabled{cursor:not-allowed;opacity:.5}.generator-status{margin:20px 0 0;line-height:1.7}.generator-status--error{color:#9a2f2f;font-weight:700}.playlist-result:not(:empty){border-top:1px solid #ded7ce;margin-top:24px;padding-top:24px}.playlist-summary{margin:0 0 16px;font-weight:700}.generated-playlist{gap:12px;margin:0;padding-left:32px;display:grid}.generated-playlist__item{background-color:#f7f4ef;border-radius:8px;padding:16px 20px}.generated-playlist__title{margin:0;font-size:1rem;line-height:1.5}.generated-playlist__details{color:#655e58;margin:8px 0 0;line-height:1.5}@media (width<=600px){.generator-section{padding:24px 20px}.generator-controls{align-items:stretch}.generator-controls label{width:100%}.generate-button{flex-grow:1}}.generator-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.generator-method{background-color:#f7f4ef;border-radius:10px;padding:20px}.generator-method h3{margin:0 0 16px;font-size:1.125rem}@media (width<=700px){.generator-methods{grid-template-columns:1fr}}.generated-playlist__item-inner{flex-direction:column;gap:16px;display:flex}.generated-playlist__content{min-width:0}.generated-playlist__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.generated-playlist__remove-button,.generated-playlist__exclude-candidate-button,.generated-playlist__permanent-exclude-button{font:inherit;cursor:pointer;background-color:#fff;border-radius:6px;padding:8px 12px;font-size:.875rem;font-weight:700}.generated-playlist__remove-button{color:#59443e;border:1px solid #aa938b}.generated-playlist__exclude-candidate-button{color:#665c52;border:1px solid #b8aea4}.generated-playlist__remove-button:hover{color:#fff;background-color:#7a4d43;border-color:#7a4d43}.generated-playlist__exclude-candidate-button:hover{color:#fff;background-color:#655e58;border-color:#655e58}.generated-playlist__permanent-exclude-button{color:#76551f;background-color:#fffaf0;border:1px solid #b99a65}.generated-playlist__permanent-exclude-button:hover{color:#fff;background-color:#76551f;border-color:#76551f}.video-card--permanently-excluded{background-color:#fffaf0;border-color:#b99a65}.generated-playlist__remove-button:focus-visible,.generated-playlist__exclude-candidate-button:focus-visible,.generated-playlist__permanent-exclude-button:focus-visible{outline-offset:2px;outline:3px solid #4f716859}.playlist-empty-message{background-color:#f7f4ef;border-radius:8px;margin:0;padding:16px;line-height:1.7}@media (width<=720px){.generated-playlist__item-inner{flex-direction:column;align-items:stretch}.generated-playlist__actions,.generated-playlist__remove-button,.generated-playlist__exclude-candidate-button,.generated-playlist__permanent-exclude-button{width:100%}}.permanent-exclusion-section{background-color:#fff;border:1px solid #ded7ce;border-radius:12px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 16px #2f292514}.permanent-exclusion-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:flex}.permanent-exclusion-summary::-webkit-details-marker{display:none}.permanent-exclusion-summary__title{font-size:1.125rem;font-weight:700}.permanent-exclusion-summary:after{content:"＋";flex-shrink:0;font-size:1.25rem;font-weight:700}.permanent-exclusion-section[open] .permanent-exclusion-summary:after{content:"−"}.permanent-exclusion-summary:hover{background-color:#f7f4ef}.permanent-exclusion-summary:focus-visible{outline-offset:-3px;outline:3px solid #4f716859}.permanent-exclusion-content{border-top:1px solid #e5ded6;padding:0 24px 24px}.permanent-exclusion-section h2{margin:0;font-size:1.5rem}.permanent-exclusion-count{color:#655e58;margin:0;font-size:.875rem}.permanent-exclusion-description{margin:0 0 24px;line-height:1.7}.permanent-exclusion-list{gap:12px;display:grid}.permanent-exclusion-item{background-color:#fffaf0;border:1px solid #d1b985;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.permanent-exclusion-item__content{min-width:0}.permanent-exclusion-item__title{margin:0;font-size:1rem;line-height:1.5}.permanent-exclusion-item__details{color:#655e58;margin:8px 0 0;line-height:1.5}.permanent-exclusion-item__restore-button{color:#5f542f;font:inherit;cursor:pointer;background-color:#fff;border:1px solid #aa955d;border-radius:6px;flex-shrink:0;padding:8px 12px;font-size:.875rem;font-weight:700}.permanent-exclusion-item__restore-button:hover{color:#fff;background-color:#6e6238;border-color:#6e6238}.permanent-exclusion-item__restore-button:focus-visible{outline-offset:2px;outline:3px solid #4f716859}.permanent-exclusion-empty-message{background-color:#f7f4ef;border-radius:8px;margin:0;padding:16px;line-height:1.7}@media (width<=600px){.permanent-exclusion-section{padding:24px 20px}.permanent-exclusion-summary{padding:18px 20px}.permanent-exclusion-content{padding:0 20px 20px}.permanent-exclusion-item{flex-direction:column;align-items:stretch}.permanent-exclusion-item__restore-button{width:100%}}.youtube-video-link{color:inherit;text-underline-offset:.2em;text-decoration-line:underline;text-decoration-color:#59443e66;text-decoration-thickness:1px}.youtube-video-link:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}.youtube-video-link:focus-visible{outline-offset:3px;border-radius:3px;outline:3px solid #4f716859}.playlist-file-actions{justify-content:flex-end;margin:20px 0;display:flex}.playlist-file-button{color:#fff;font:inherit;cursor:pointer;background-color:#547b70;border:1px solid #547b70;border-radius:6px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.playlist-file-button:hover:not(:disabled){background-color:#46685f;border-color:#46685f}.playlist-file-button:disabled{cursor:not-allowed;opacity:.45}.playlist-file-button:focus-visible{outline-offset:2px;outline:3px solid #4f716859}@media (width<=720px){.playlist-file-button{width:100%}}.playlist-file-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:20px 0;display:flex}.playlist-file-button--secondary{color:#547b70;background-color:#fff;border-color:#547b70}.playlist-file-button--secondary:hover{color:#fff;background-color:#547b70}.playlist-file-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.playlist-player-controls{margin-top:20px}#play-current-playlist-button{width:100%;font:inherit;cursor:pointer;padding:12px 16px;font-weight:700}#play-current-playlist-button:disabled{cursor:not-allowed;opacity:.5}.youtube-player-area{width:100%;margin-top:20px}.youtube-playlist-player{aspect-ratio:16/9;border:0;border-radius:8px;width:100%;display:block}.playlist-share-section{margin-top:1.5rem}.playlist-share-heading{margin-bottom:1rem}.playlist-code-save{margin-bottom:1.5rem}.playlist-code-load{flex-direction:column;gap:.5rem;display:flex}.playlist-code-load-label{font-weight:600}.playlist-code-input{box-sizing:border-box;resize:vertical;width:100%;min-height:120px}.playlist-code-load-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.playlist-json-details{margin-top:1.5rem}.playlist-json-summary{cursor:pointer;font-weight:600}.playlist-json-details .playlist-file-actions{margin-top:1rem}.tag-filter{background:#f7f4ef;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.tag-filter__label{margin-bottom:.75rem;font-weight:600}.tag-filter__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.tag-filter__button{color:#355f55;font:inherit;cursor:pointer;background:#fff;border:1px solid #52776d;border-radius:999px;padding:.45rem .85rem}.tag-filter__button:hover{background:#eef4f1}.tag-filter__button--selected{color:#fff;background:#52776d}