.playlist-page-header{text-align:center;padding:56px 20px 36px;position:relative}.playlist-page-header::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--brother-color-primary);border-radius:2px}.playlist-page-title{font-size:clamp(1.8rem, 4vw, 2.6rem);margin:0 0 8px;color:var(--brother-color-text-dark)}.playlist-page-subtitle{font-size:1.05em;color:var(--brother-color-text-muted);margin:0}.playlist-controls{max-width:1000px;margin:0 auto 32px;display:flex;flex-direction:column;gap:16px;padding:0 20px}.playlist-search-wrapper{position:relative;max-width:480px;margin:0 auto;width:100%}.playlist-search-field{position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--brother-color-text-muted);pointer-events:none}.playlist-search-hint{display:block;text-align:center;font-size:.8rem;color:var(--brother-color-text-muted);margin-top:4px;opacity:.7}#playlist-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--brother-color-bg);border:1px solid var(--brother-color-border-medium);border-radius:12px;box-shadow:0 8px 24px rgb(0 0 0 / .12);max-height:320px;overflow-y:auto;z-index:1000;display:none}#playlist-autocomplete.visible{display:block}#playlist-autocomplete::-webkit-scrollbar{width:6px}#playlist-autocomplete::-webkit-scrollbar-thumb{background:var(--brother-color-border-medium);border-radius:3px}.playlist-autocomplete-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background 0.15s;border-bottom:1px solid var(--brother-color-border-light)}.playlist-autocomplete-item:last-child{border-bottom:none}.playlist-autocomplete-item:hover,.playlist-autocomplete-item.highlighted{background:var(--brother-color-bg-lighter)}.playlist-autocomplete-item .autocomplete-letter{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--brother-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700}.playlist-autocomplete-item .autocomplete-name{flex:1;min-width:0;font-size:.9em;font-weight:600;color:var(--brother-color-text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-autocomplete-item .autocomplete-count{flex-shrink:0;font-size:.78em;color:var(--brother-color-text-muted);background:var(--brother-color-bg-lighter);padding:2px 10px;border-radius:10px;font-weight:600}body.dark-mode #playlist-autocomplete{background:var(--brother-color-bg-dark);border-color:var(--brother-color-border-light);box-shadow:0 8px 24px rgb(0 0 0 / .4)}body.dark-mode .playlist-autocomplete-item{border-bottom-color:var(--brother-color-border-light)}body.dark-mode .playlist-autocomplete-item:hover,body.dark-mode .playlist-autocomplete-item.highlighted{background:rgb(255 255 255 / .05)}body.dark-mode .playlist-autocomplete-item .autocomplete-count{background:rgb(255 255 255 / .08)}#playlist-search-input{width:100%;padding:12px 16px 12px 42px;border:2px solid var(--brother-color-border-medium);border-radius:12px;font-size:.95em;background:var(--brother-color-bg);color:var(--brother-color-text-dark);transition:border-color 0.2s,box-shadow 0.2s;-webkit-appearance:none}#playlist-search-input:focus{border-color:var(--brother-color-primary);box-shadow:0 0 0 3px rgb(0 115 170 / .1);outline:none}.playlist-letter-filter{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;-webkit-overflow-scrolling:touch}.playlist-letter-filter::-webkit-scrollbar{display:none}.letter-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;height:44px;padding:0 12px;border:none;border-radius:50px;background:#fff0;color:var(--brother-color-text-secondary);font-size:.82em;font-weight:700;cursor:pointer;transition:background 0.2s,color 0.2s}.letter-btn:hover:not(.disabled):not(.active){background:var(--brother-color-bg-lighter);color:var(--brother-color-text-dark)}.letter-btn.active{background:var(--brother-color-primary);color:#fff}.letter-btn.disabled{opacity:.25;cursor:default}.popular-section{max-width:1300px;margin:0 auto 40px;padding:0 20px}.popular-section-title{font-size:1.5em;margin:0 0 18px;color:var(--brother-color-text-dark);font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.popular-section-title::before{content:'🔥';font-size:1.2em}.popular-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (min-width:1400px){.popular-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px) and (max-width:1399px){.popular-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.popular-grid{grid-template-columns:repeat(2,1fr);gap:14px}}body.dark-mode .popular-section-title{color:var(--brother-color-text-light)}body.dark-mode .popular-grid .playlist-card{background:var(--brother-color-bg-dark);border-color:var(--brother-color-border-light)}.playlist-group{margin-bottom:36px}.playlist-group.hidden{display:none}.playlist-group-title{font-size:1.4em;margin:0 0 16px;color:var(--brother-color-text-muted);font-weight:700;letter-spacing:.02em;border-bottom:2px solid var(--brother-color-border-light);padding-bottom:8px}.playlist-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (min-width:1400px){.playlist-group-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px) and (max-width:1399px){.playlist-group-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.playlist-group-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:400px){.playlist-group-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}#playlists-container{display:block;max-width:1300px;margin:0 auto;padding:0 20px}@media (min-width:1400px){.playlists-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px) and (max-width:1399px){.playlists-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.playlists-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:400px){.playlists-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.playlist-card{position:relative;border-radius:18px;overflow:hidden;background:var(--brother-color-bg-lighter);box-shadow:0 2px 8px rgb(0 0 0 / .06);transition:transform 0.35s cubic-bezier(.25,.46,.45,.94),box-shadow 0.4s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--brother-color-border-light)}.playlist-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px rgb(0 0 0 / .12);border-color:#fff0}.playlist-card-link{text-decoration:none;color:inherit;display:block}.playlist-card-poster{position:relative;padding-top:66%;overflow:hidden;background:var(--brother-color-bg-dark,#111);background-size:cover;background-position:center}.playlist-card-monogram{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4em;font-weight:800;color:rgb(0 0 0 / .08);pointer-events:none;z-index:2;letter-spacing:-.04em;line-height:1}body.dark-mode .playlist-card-monogram{color:rgb(255 255 255 / .1)}.playlist-card-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgb(0 0 0 / .15) 0%,rgb(0 0 0 / .5) 100%);pointer-events:none}body.dark-mode .playlist-card-gradient{background:linear-gradient(180deg,rgb(0 0 0 / .15) 0%,rgb(0 0 0 / .5) 100%)}.playlist-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;z-index:4;background:rgb(0 0 0 / .2)}.playlist-card-link:hover .playlist-card-overlay{opacity:1}.play-card-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgb(255 255 255 / .95);color:#c00;transition:transform 0.35s cubic-bezier(.34,1.56,.64,1),background 0.2s;box-shadow:0 4px 16px rgb(0 0 0 / .3)}.play-card-btn svg{width:24px;height:24px}.playlist-card-link:hover .play-card-btn{transform:scale(1.12);background:#fff}.playlist-card-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;margin:0;font-size:1.2em;font-weight:800;line-height:1.3;color:#fff;text-shadow:0 2px 10px rgb(0 0 0 / .7);pointer-events:none;z-index:2;overflow:hidden;text-overflow:ellipsis;text-align:center;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.playlist-card-count{position:absolute;top:12px;right:12px;background:rgb(0 0 0 / .55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.78em;font-weight:700;padding:5px 12px;border-radius:20px;pointer-events:none;display:inline-flex;align-items:center;gap:5px;z-index:3;border:1px solid rgb(255 255 255 / .12);line-height:1}.playlist-card-count svg{opacity:.85}.playlist-card.hidden{display:none}.playlist-category-bar{display:flex;align-items:center;gap:12px;max-width:1300px;margin:-16px auto 32px;padding:0 20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.playlist-category-bar::-webkit-scrollbar{display:none}.category-bar-label{flex-shrink:0;font-size:.82em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brother-color-text-muted)}.category-bar-list{display:flex;gap:8px;flex-wrap:nowrap}.category-bar-item{flex-shrink:0;padding:7px 18px;font-size:.88em;font-weight:600;color:var(--brother-color-text-dark);background:var(--brother-color-bg-lighter);border:1px solid var(--brother-color-border-medium);border-radius:50px;text-decoration:none;transition:all 0.2s ease;white-space:nowrap}.category-bar-item:hover{background:var(--brother-color-primary);color:#fff;border-color:var(--brother-color-primary);transform:translateY(-1px)}.category-bar-item.active{background:var(--brother-color-primary);color:#fff;border-color:var(--brother-color-primary);pointer-events:none;box-shadow:0 2px 8px rgb(0 115 170 / .3)}.playlist-next-indicator{max-width:1300px;margin:0 auto 20px;padding:14px 24px;background:linear-gradient(135deg,var(--brother-color-bg-lighter),var(--brother-color-bg-light));border-left:4px solid var(--brother-color-primary);border-radius:0 12px 12px 0;font-size:.95em;font-weight:600;color:var(--brother-color-text-dark);animation:slideInRight 0.4s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 8px rgb(0 0 0 / .04)}@keyframes slideInRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.playlist-modal-container{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.playlist-modal-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playlist-modal-content{position:relative;width:100%;height:100%;max-width:1400px;max-height:85vh;border-radius:16px;display:flex;overflow:hidden;background:var(--brother-color-bg-dark,#1a1a1a);color:#e0e0e0;box-shadow:0 24px 64px rgb(0 0 0 / .6)}.playlist-modal-container.loading .playlist-modal-content{opacity:.5}.playlist-modal-container::after{content:'';position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:4px solid rgb(255 255 255 / .15);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite;z-index:10001;opacity:0;visibility:hidden;transition:opacity 0.2s}.playlist-modal-container.loading::after{opacity:1;visibility:visible}@keyframes spin{to{transform:rotate(360deg)}}.player-top-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:rgb(0 0 0 / .3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgb(255 255 255 / .06);flex-shrink:0}.player-top-bar h3{margin:0;flex:1;min-width:0;font-size:1em;color:#eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-bottom-bar{padding:12px 20px;background:rgb(0 0 0 / .3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgb(255 255 255 / .06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.featured-playlist-layout .player-top-bar{background:var(--brother-color-bg-lighter);border-bottom:1px solid var(--brother-color-border-light);backdrop-filter:none}.featured-playlist-layout .player-top-bar h3{color:var(--brother-color-text-dark)}.featured-playlist-layout .player-bottom-bar{background:var(--brother-color-bg-lighter);border-top:1px solid var(--brother-color-border-light);backdrop-filter:none}.featured-playlist-layout #playlist-player-viewport{background:var(--brother-color-bg-dark)}.autoplay-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.8em;color:var(--brother-color-text-muted);user-select:none;padding:4px 0}.autoplay-toggle input{display:none}.autoplay-slider{position:relative;width:36px;height:20px;background:var(--brother-color-border-light);border-radius:10px;transition:background 0.25s;flex-shrink:0}.autoplay-slider::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform 0.25s;box-shadow:0 1px 3px rgb(0 0 0 / .2)}.autoplay-toggle input:checked+.autoplay-slider{background:var(--brother-color-primary)}.autoplay-toggle input:checked+.autoplay-slider::after{transform:translateX(16px)}.autoplay-toggle:hover .autoplay-slider{opacity:.8}.autoplay-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.player-bottom-bar .button{opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s,background 0.2s;background:var(--brother-color-primary);color:#fff;padding:10px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9em;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.player-bottom-bar .button:hover{background:var(--brother-color-primary-hover);transform:translateY(-1px)}.player-bottom-bar .button.visible{opacity:1;visibility:visible}.player-bottom-bar .button-like{background:#fff0;border:1px solid rgb(255 255 255 / .15);color:#ccc;padding:10px 16px;border-radius:8px;font-size:.85em;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px}.player-bottom-bar .button-like:hover{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .25)}.playlist-modal-close-btn{flex-shrink:0;background:rgb(255 255 255 / .08);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5em;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all 0.2s}.playlist-modal-close-btn:hover{opacity:1;background:rgb(220 0 0 / .7)}.playlist-player-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--brother-color-bg-dark,#000)}#playlist-player-viewport{width:100%;aspect-ratio:16 / 9;flex:1;min-height:0;background:var(--brother-color-bg-dark,#000);position:relative}#playlist-player-viewport::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .4) 0%,transparent 20%,transparent 80%,rgb(0 0 0 / .4) 100%);pointer-events:none;opacity:.6;transition:opacity 0.5s}#playlist-player-viewport.playing::after{opacity:0}#playlist-player-viewport.playing .viewport-play-overlay{opacity:0;pointer-events:none}.viewport-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:2;cursor:pointer;transition:opacity 0.4s}.viewport-play-btn{width:80px;height:80px;border-radius:50%;background:rgb(255 255 255 / .95);color:#c00;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.35s cubic-bezier(.34,1.56,.64,1),background 0.2s;box-shadow:0 8px 32px rgb(0 0 0 / .4)}.viewport-play-btn:hover{transform:scale(1.1);background:#fff}.viewport-play-btn .play-icon{margin-left:4px}.viewport-play-hint{color:rgb(255 255 255 / .7);font-size:.9em;font-weight:500;text-shadow:0 2px 8px rgb(0 0 0 / .5)}.playlist-error{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:var(--brother-color-bg-lighter);color:var(--brother-color-text-muted);font-size:.95em;text-align:center;padding:24px}.playlist-sidebar{flex:0 0 360px;overflow-y:auto;padding:24px;background:var(--brother-color-bg-light);backdrop-filter:blur(4px);border-left:1px solid var(--brother-color-border-light)}body.dark-mode .playlist-sidebar{background:rgb(0 0 0 / .15);border-left-color:rgb(255 255 255 / .05)}.playlist-sidebar h4{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgb(255 255 255 / .08);font-size:.85em;text-transform:uppercase;letter-spacing:.06em;color:var(--brother-color-text-muted)}#playlist-items-list{list-style:none;margin:0;padding:0}#playlist-items-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-radius:12px;transition:background 0.2s,transform 0.2s;position:relative}#playlist-items-list li:hover{background:var(--brother-color-bg-lighter)}#playlist-items-list li.active{background:rgb(0 115 170 / .15)}#playlist-items-list li.active::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--brother-color-primary);border-radius:2px}#playlist-items-list img{width:120px;height:68px;object-fit:cover;flex-shrink:0;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .2)}#playlist-items-list .item-index{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brother-color-bg-lighter);color:var(--brother-color-text-muted);font-size:.7em;font-weight:700;flex-shrink:0}#playlist-items-list li.active .item-index{background:var(--brother-color-primary);color:#fff}#playlist-items-list .item-info{flex:1;min-width:0}#playlist-items-list .item-title{font-size:.88em;line-height:1.35;color:var(--brother-color-text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#playlist-items-list .item-meta{font-size:.75em;color:var(--brother-color-text-muted);margin-top:2px;display:block}#playlist-items-list li:hover .item-title{color:var(--brother-color-primary)}#playlist-items-list li.active .item-title{color:var(--brother-color-primary)}body.dark-mode #playlist-items-list li:hover{background:rgb(255 255 255 / .04)}body.dark-mode #playlist-items-list li.active{background:rgb(0 115 170 / .2)}body.dark-mode #playlist-items-list .item-index{background:rgb(255 255 255 / .06);color:#999}body.dark-mode #playlist-items-list .item-title{color:#ddd}body.dark-mode #playlist-items-list li:hover .item-title{color:#fff}body.dark-mode #playlist-items-list li.active .item-title{color:#fff}body.dark-mode #playlist-items-list .item-meta{color:#888}@media (max-width:768px){.playlist-sidebar{flex-basis:auto;max-height:40vh;border-left:none;border-top:1px solid var(--brother-color-border-light)}.playlist-modal-close-btn{width:36px;height:36px;font-size:1.5em}}.featured-playlist-header{position:relative;padding:100px 24px;min-height:350px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--brother-header-gradient);color:var(--brother-color-text-light);margin-bottom:36px;border-radius:24px;overflow:hidden;isolation:isolate}.featured-playlist-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgb(255 255 255 / .08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgb(255 255 255 / .04) 0%,transparent 50%);z-index:0;animation:headerGlow 8s ease-in-out infinite alternate}@keyframes headerGlow{0%{opacity:.6}100%{opacity:1}}.featured-playlist-header .header-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .25) 0%,transparent 30%,rgb(0 0 0 / .05) 70%,rgb(0 0 0 / .25) 100%);z-index:1}.featured-playlist-header .header-content{position:relative;z-index:2;max-width:800px;animation:headerFadeIn 0.7s cubic-bezier(.22,1,.36,1)}@keyframes headerFadeIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.featured-playlist-header .playlist-title{font-size:clamp(2.2rem, 5vw, 3.6rem);margin:0 0 12px;color:#fff;text-shadow:0 2px 16px rgb(0 0 0 / .6);line-height:1.08;letter-spacing:-.025em;font-weight:900}.featured-playlist-header .playlist-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;font-size:1em;margin-top:8px}.featured-playlist-header .stat-item{display:inline-flex;align-items:center;gap:6px;background:rgb(255 255 255 / .08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px 20px;border-radius:20px;font-size:.85em;line-height:1;border:1px solid rgb(255 255 255 / .1);transition:all 0.2s}.featured-playlist-header .stat-item:hover{background:rgb(255 255 255 / .14);transform:translateY(-1px)}.featured-playlist-header .stat-item svg{width:16px;height:16px;fill:currentColor;opacity:.7}.featured-playlist-header .playlist-description{margin-top:16px;font-size:1.05em;opacity:.9;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}.playlist-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.play-button-large{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 36px;min-width:170px;font-size:1.1em;font-weight:700;color:#fff;background:#c00;border:none;border-radius:50px;cursor:pointer;transition:all 0.25s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase;letter-spacing:.03em;box-shadow:0 4px 20px rgb(204 0 0 / .35);position:relative;overflow:hidden}.play-button-large::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .1) 50%,transparent 100%);transform:translateX(-100%);transition:transform 0.6s}.play-button-large:hover::after{transform:translateX(100%)}.play-button-large:hover{background:#d00;transform:scale(1.05);box-shadow:0 8px 28px rgb(204 0 0 / .45)}.play-button-large:active{transform:scale(1.02)}.play-button-large .play-icon{width:22px;height:22px;fill:currentColor}.play-button-large .pause-icon{width:22px;height:22px;fill:currentColor}.play-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:.95em;font-weight:600;color:#fff;background:rgb(255 255 255 / .1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .15);border-radius:50px;cursor:pointer;transition:all 0.25s ease;letter-spacing:.02em}.play-button-secondary:hover{background:rgb(255 255 255 / .2);transform:translateY(-2px);border-color:rgb(255 255 255 / .3);box-shadow:0 4px 16px rgb(0 0 0 / .2)}.play-button-secondary:active{transform:translateY(0)}.play-button-secondary svg{flex-shrink:0;opacity:.9}.featured-playlist-section{margin-bottom:48px}.featured-playlist-layout{display:flex;gap:0;max-width:1300px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgb(0 0 0 / .06);border:1px solid var(--brother-color-border-light);background:var(--brother-color-bg-light);transition:box-shadow 0.3s}.featured-playlist-layout:hover{box-shadow:0 12px 40px rgb(0 0 0 / .08)}.featured-playlist-layout .playlist-player-wrapper{flex:1;min-width:0;background:var(--brother-color-bg-dark,#000)}.featured-playlist-layout .playlist-sidebar{flex:0 0 340px;background:var(--brother-color-bg);border-left:1px solid var(--brother-color-border-light);padding:24px 20px;overflow-y:auto;max-height:70vh;backdrop-filter:none}.featured-playlist-layout .playlist-sidebar .widget-title{font-size:1.1em;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid var(--brother-color-primary);color:var(--brother-color-text-dark);text-transform:none;letter-spacing:0}.featured-playlist-layout .playlist-sidebar .recently-watched-list{list-style:none;padding:0;margin:0}.featured-playlist-layout .playlist-sidebar .recently-watched-list li{padding:10px 0;border-bottom:1px solid var(--brother-color-border-light)}.featured-playlist-layout .playlist-sidebar .recently-watched-list li:last-child{border-bottom:none}.featured-playlist-layout .playlist-sidebar .recently-watched-list a{color:var(--brother-color-text-dark);text-decoration:none;transition:color 0.2s;font-size:.9em;font-weight:500}.featured-playlist-layout .playlist-sidebar .recently-watched-list a:hover{color:var(--brother-color-primary)}.featured-playlist-layout .playlist-sidebar-videos{margin-bottom:28px}.featured-playlist-layout .playlist-sidebar-videos h4{margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--brother-color-primary);font-size:.85em;text-transform:uppercase;letter-spacing:.06em;color:var(--brother-color-text-dark)}.featured-playlist-layout #playlist-items-list{list-style:none;margin:0;padding:0}.featured-playlist-layout #playlist-items-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-radius:12px;transition:background 0.2s,transform 0.2s;border-left:3px solid #fff0;margin-bottom:2px}.featured-playlist-layout #playlist-items-list li:hover{background:var(--brother-color-bg-lighter);transform:translateX(4px)}body.dark-mode .featured-playlist-layout #playlist-items-list li:hover{background:rgb(255 255 255 / .04)}.featured-playlist-layout #playlist-items-list li.active{background:rgb(0 115 170 / .08);border-left-color:var(--brother-color-primary)}body.dark-mode .featured-playlist-layout #playlist-items-list li.active{background:rgb(0 115 170 / .15)}.featured-playlist-layout #playlist-items-list img{width:100px;height:56px;object-fit:cover;flex-shrink:0;border-radius:8px;box-shadow:0 1px 4px rgb(0 0 0 / .1)}.featured-playlist-layout #playlist-items-list .item-title{font-size:.85em;line-height:1.35;color:var(--brother-color-text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-playlist-layout #playlist-items-list li:hover .item-title{color:var(--brother-color-primary)}body.dark-mode .featured-playlist-layout{border-color:var(--brother-color-border-light);background:var(--brother-color-bg);box-shadow:0 8px 30px rgb(0 0 0 / .2)}body.dark-mode .featured-playlist-layout:hover{box-shadow:0 12px 40px rgb(0 0 0 / .3)}body.dark-mode .featured-playlist-layout .playlist-sidebar{border-left-color:var(--brother-color-border-light)}#see-also-section{margin-top:48px;padding-top:48px;border-top:1px solid var(--brother-color-border-medium)}#see-also-section .home-section-title{font-size:1.6em;margin:0 0 28px;color:var(--brother-color-text-dark);position:relative;display:inline-block;font-weight:800;letter-spacing:-.02em}#see-also-section .home-section-title::after{content:'';position:absolute;bottom:-6px;left:0;width:48px;height:3px;background:var(--brother-color-primary);border-radius:2px}.playlist-all-videos-section{margin-top:48px}.playlist-all-videos-section .home-section-title{font-size:1.6em;margin:0 0 24px;color:var(--brother-color-text-dark);position:relative;display:inline-block}.playlist-all-videos-section .home-section-title::after{content:'';position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:var(--brother-color-primary);border-radius:2px}.playlist-all-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}@media (min-width:1200px){.playlist-all-videos-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:600px){.playlist-all-videos-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.video-grid-card{display:block;text-decoration:none;color:inherit;cursor:pointer;border-radius:14px;overflow:hidden;background:var(--brother-color-bg-lighter);transition:transform 0.35s cubic-bezier(.25,.46,.45,.94),box-shadow 0.35s ease;border:1px solid var(--brother-color-border-light)}.video-grid-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px rgb(0 0 0 / .12);border-color:#fff0}body.dark-mode .video-grid-card:hover{box-shadow:0 16px 40px rgb(0 0 0 / .3)}.video-grid-card-poster{position:relative;padding-top:56.25%;background-size:cover;background-position:center;background-color:var(--brother-color-bg-dark,#111);overflow:hidden}.video-grid-card-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.video-grid-card:hover .video-grid-card-poster img{transform:scale(1.08)}.video-grid-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .05) 30%,rgb(0 0 0 / .6) 80%,rgb(0 0 0 / .85) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.video-grid-card:hover .video-grid-card-overlay{opacity:1}.video-grid-play-icon{width:44px;height:44px;border-radius:50%;background:rgb(255 255 255 / .95);color:#c00;display:flex;align-items:center;justify-content:center;font-size:1em;transition:transform 0.35s cubic-bezier(.34,1.56,.64,1),background 0.2s;box-shadow:0 4px 12px rgb(0 0 0 / .3)}.video-grid-card:hover .video-grid-play-icon{transform:scale(1.12);background:#fff}.video-grid-card-title{padding:12px 14px;margin:0;font-size:.9em;font-weight:600;line-height:1.3;color:var(--brother-color-text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:992px){.featured-playlist-layout{flex-direction:column;border-radius:16px}.featured-playlist-layout .playlist-sidebar{flex-basis:auto;max-height:none;border-left:none;border-top:1px solid var(--brother-color-border-light)}}@media (max-width:768px){.featured-playlist-header{padding:60px 20px;min-height:auto;border-radius:16px;margin-left:-10px;margin-right:-10px}.featured-playlist-section{margin-left:-10px;margin-right:-10px}.featured-playlist-layout{border-radius:12px;border-left:none;border-right:none}}body.dark-mode .playlist-card{box-shadow:0 2px 8px rgb(0 0 0 / .3);border-color:var(--brother-color-border-light)}body.dark-mode .playlist-card:hover{box-shadow:0 12px 32px rgb(0 0 0 / .4);border-color:#fff0}body.dark-mode .playlist-card-count{background:rgb(0 0 0 / .75);backdrop-filter:blur(8px)}.load-more-btn{display:block;width:100%;max-width:320px;margin:32px auto 0;padding:14px 28px;font-size:1em;font-weight:700;color:#fff;background:var(--brother-color-primary);border:none;border-radius:50px;cursor:pointer;text-align:center;transition:all 0.25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px rgb(0 115 170 / .25)}.load-more-btn:hover{background:var(--brother-color-primary-hover);transform:scale(1.03);box-shadow:0 6px 20px rgb(0 115 170 / .35)}.load-more-btn:active{transform:scale(1.01)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.no-content-found{text-align:center;padding:60px 20px;color:var(--brother-color-text-muted)}.load-new-playlist-button{width:100%;padding:12px 16px;margin-bottom:20px;font-size:1em;font-weight:700;color:#fff;background:var(--brother-color-primary);border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background 0.2s}.load-new-playlist-button:hover{background:var(--brother-color-primary-hover)}#playlist-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--brother-color-bg-dark);color:var(--brother-color-text-light);padding:14px 28px;border-radius:12px;font-size:.95em;font-weight:500;z-index:99999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;pointer-events:none;box-shadow:0 8px 24px rgb(0 0 0 / .25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .06)}#playlist-toast.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}#spa-loading-spinner{position:fixed;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:4px solid rgb(0 0 0 / .1);border-top-color:var(--brother-color-primary);border-radius:50%;animation:spin 0.8s linear infinite;z-index:99999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.2s}#spa-loading-spinner.visible{opacity:1;visibility:visible}#site-content.spa-loading{opacity:.5;transition:opacity 0.2s}.featured-playlist-page{position:relative}.featured-playlist-page::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 20%,rgb(0 115 170 / .03) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgb(224 94 0 / .02) 0%,transparent 50%);pointer-events:none}body.dark-mode .featured-playlist-page::before{background:radial-gradient(ellipse at 20% 20%,rgb(0 115 170 / .06) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgb(224 94 0 / .04) 0%,transparent 50%)}.home-section-header{margin-bottom:24px}.ad-below-player-section{margin:32px 0;padding:0}.ad-below-player-section .ad-widget{max-width:728px;margin:0 auto;text-align:center}.ad-below-player-section .ad-widget-title{display:block;font-size:.7em;text-transform:uppercase;letter-spacing:.05em;color:var(--brother-color-text-muted);margin-bottom:8px}