@layer tokens;@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/outfit/Outfit-Variable-Latin.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@media(pointer:coarse){button:not(.search-suggestion):not(.ssh-pin):not(.ssh-remove):not(.ssh-unsave),[role=button],summary,input[type=checkbox],input[type=radio],select{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}input[type=checkbox],input[type=radio]{min-width:unset;width:20px;height:20px;padding:calc((var(--touch-target-min) - 20px) / 2);box-sizing:content-box}input[type=text],input[type=email],input[type=search],input[type=password],input[type=tel],textarea{min-height:var(--touch-target-min);min-width:unset}a[role=button],a.btn,a.badge-link{min-height:var(--touch-target-min);display:inline-flex;align-items:center}.queue-header-btn,.queue-playback-btn,.queue-item-remove,.queue-drag-handle,.player-ctrl-btn,.player-pip-btn,.player-close-btn,.filter-chip-remove,.clear-search-icon{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}app-header{padding-top:var(--safe-top);height:calc(var(--header-height, 56px) + var(--safe-top))}sidebar-nav,.sidebar-nav{padding-left:var(--safe-left);padding-bottom:var(--safe-bottom)}@media(max-width:768px){#playerModal .modal-content{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}#playlistSidebarTracks{padding-bottom:calc(3rem + var(--safe-bottom))}}@media(hover:none)and (pointer:coarse){.media-card:hover,.channel-card:hover,.playlist-card:hover{transform:none;box-shadow:none}.btn-primary:hover,.btn-secondary:hover,.modal-action-btn:hover{transform:none}}@media(pointer:coarse){.media-card:active{transform:scale(.98);transition:transform .1s var(--ease-default)}.queue-header-btn:active,.queue-playback-btn:active{transform:scale(.92);transition:transform .1s var(--ease-default)}}:root{--font-family-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}body{font-family:"Outfit",var(--font-family-fallback)}@font-face{font-family:Phosphor;src:url(/fonts/phosphor/Phosphor-Subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Phosphor-Fill;src:url(/fonts/phosphor/Phosphor-Fill-Subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.ph,.ph-fill{speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph{font-family:Phosphor!important}.ph-fill{font-family:Phosphor-Fill!important}.ph.ph-activity:before{content:"\e000"}.ph.ph-arrow-bend-right-down:before{content:"\e020"}.ph.ph-arrow-clockwise:before{content:"\e036"}.ph.ph-arrow-counter-clockwise:before{content:"\e038"}.ph.ph-arrow-down:before{content:"\e03e"}.ph.ph-arrow-elbow-right-up:before{content:"\e052"}.ph.ph-arrow-left:before{content:"\e058"}.ph.ph-arrow-right:before{content:"\e06c"}.ph.ph-arrow-square-out:before{content:"\e5de"}.ph.ph-arrow-u-up-left:before{content:"\e08a"}.ph.ph-arrow-u-up-right:before{content:"\e08c"}.ph.ph-arrow-up:before{content:"\e08e"}.ph.ph-arrows-clockwise:before{content:"\e094"}.ph.ph-arrows-counter-clockwise:before{content:"\e096"}.ph.ph-arrows-merge:before{content:"\ed3e"}.ph.ph-arrows-out:before{content:"\e0a2"}.ph.ph-bell:before{content:"\e0ce"}.ph.ph-bell-ringing:before{content:"\e5e8"}.ph.ph-bell-simple-slash:before{content:"\e0d2"}.ph.ph-bell-slash:before{content:"\e0d4"}.ph.ph-book-bookmark:before{content:"\e0e4"}.ph.ph-book-open:before{content:"\e0e6"}.ph.ph-book-open-text:before{content:"\e8f2"}.ph.ph-bookmark:before{content:"\e0e8"}.ph.ph-bookmark-simple:before{content:"\e0ea"}.ph.ph-books:before{content:"\e758"}.ph.ph-brain:before{content:"\e74e"}.ph.ph-browsers:before{content:"\e0f6"}.ph.ph-calendar:before{content:"\e108"}.ph.ph-calendar-blank:before{content:"\e10a"}.ph.ph-calendar-check:before{content:"\e712"}.ph.ph-calendar-star:before{content:"\e8b2"}.ph.ph-caret-down:before{content:"\e136"}.ph.ph-caret-left:before{content:"\e138"}.ph.ph-caret-right:before{content:"\e13a"}.ph.ph-caret-up:before{content:"\e13c"}.ph.ph-chalkboard-teacher:before{content:"\e600"}.ph.ph-chart-bar:before{content:"\e150"}.ph.ph-chart-line:before{content:"\e154"}.ph.ph-chart-line-up:before{content:"\e156"}.ph.ph-chat-circle-text:before{content:"\e16e"}.ph.ph-check:before{content:"\e182"}.ph.ph-check-circle:before{content:"\e184"}.ph.ph-circle:before{content:"\e18a"}.ph.ph-circle-notch:before{content:"\eb44"}.ph.ph-clock:before{content:"\e19a"}.ph.ph-clock-countdown:before{content:"\ed2c"}.ph.ph-clock-counter-clockwise:before{content:"\e1a0"}.ph.ph-cloud:before{content:"\e1aa"}.ph.ph-cloud-arrow-down:before{content:"\e1ac"}.ph.ph-cloud-arrow-up:before{content:"\e1ae"}.ph.ph-cloud-check:before{content:"\e1b0"}.ph.ph-cloud-slash:before{content:"\e1b6"}.ph.ph-cloud-x:before{content:"\ea96"}.ph.ph-code:before{content:"\e1bc"}.ph.ph-compass:before{content:"\e1c8"}.ph.ph-copy:before{content:"\e1ca"}.ph.ph-corners-out:before{content:"\e1d0"}.ph.ph-cpu:before{content:"\e610"}.ph.ph-cursor-click:before{content:"\e7c8"}.ph.ph-database:before{content:"\e1de"}.ph.ph-device-mobile:before{content:"\e1e0"}.ph.ph-devices:before{content:"\eba4"}.ph.ph-dot:before{content:"\ecde"}.ph.ph-dots-six-vertical:before{content:"\eae2"}.ph.ph-dots-three-outline-vertical:before{content:"\e206"}.ph.ph-dots-three-vertical:before{content:"\e208"}.ph.ph-download:before{content:"\e20a"}.ph.ph-eye:before{content:"\e220"}.ph.ph-factory:before{content:"\e760"}.ph.ph-faders-horizontal:before{content:"\e22a"}.ph.ph-fast-forward:before{content:"\e6a6"}.ph.ph-file-text:before{content:"\e23a"}.ph.ph-film-strip:before{content:"\e792"}.ph.ph-fire:before{content:"\e242"}.ph.ph-flag:before{content:"\e244"}.ph.ph-flame:before{content:"\e624"}.ph.ph-floppy-disk:before{content:"\e248"}.ph.ph-flow-arrow:before{content:"\e6ec"}.ph.ph-folder:before{content:"\e24a"}.ph.ph-folder-open:before{content:"\e256"}.ph.ph-folder-plus:before{content:"\e258"}.ph.ph-folders:before{content:"\e260"}.ph.ph-funnel:before{content:"\e266"}.ph.ph-funnel-simple:before{content:"\e268"}.ph.ph-gear:before{content:"\e270"}.ph.ph-ghost:before{content:"\e62a"}.ph.ph-graph:before{content:"\eb58"}.ph.ph-grid-four:before{content:"\e296"}.ph.ph-hand-coins:before{content:"\ea8c"}.ph.ph-hard-drive:before{content:"\e29e"}.ph.ph-hard-drives:before{content:"\e2a0"}.ph.ph-hash:before{content:"\e2a2"}.ph.ph-heart:before{content:"\e2a8"}.ph.ph-heart-straight:before{content:"\e2aa"}.ph.ph-heartbeat:before{content:"\e2ac"}.ph.ph-hourglass:before{content:"\e2b2"}.ph.ph-hourglass-medium:before{content:"\e2b8"}.ph.ph-house:before{content:"\e2c2"}.ph.ph-house-line:before{content:"\e2c4"}.ph.ph-info:before{content:"\e2ce"}.ph.ph-key:before{content:"\e2d6"}.ph.ph-keyboard:before{content:"\e2d8"}.ph.ph-lightbulb:before{content:"\e2dc"}.ph.ph-lightning:before{content:"\e2de"}.ph.ph-link:before{content:"\e2e2"}.ph.ph-link-simple:before{content:"\e2e6"}.ph.ph-list:before{content:"\e2f0"}.ph.ph-list-bullets:before{content:"\e2f2"}.ph.ph-list-dashes:before{content:"\e2f4"}.ph.ph-list-magnifying-glass:before{content:"\ebe0"}.ph.ph-lock-key:before{content:"\e2fe"}.ph.ph-lock-key-open:before{content:"\e300"}.ph.ph-magic-wand:before{content:"\e6b6"}.ph.ph-magnifying-glass:before{content:"\e30c"}.ph.ph-map-trifold:before{content:"\e31a"}.ph.ph-minus:before{content:"\e32a"}.ph.ph-minus-circle:before{content:"\e32c"}.ph.ph-music-note:before{content:"\e33c"}.ph.ph-music-notes:before{content:"\e340"}.ph.ph-music-notes-plus:before{content:"\eb7c"}.ph.ph-music-notes-simple:before{content:"\e342"}.ph.ph-notebook:before{content:"\e34e"}.ph.ph-paper-plane-right:before{content:"\e396"}.ph.ph-pause:before{content:"\e39e"}.ph.ph-pause-circle:before{content:"\e3a0"}.ph.ph-pencil:before{content:"\e3ae"}.ph.ph-pencil-ruler:before{content:"\e906"}.ph.ph-pencil-simple:before{content:"\e3b4"}.ph.ph-pencil-simple-line:before{content:"\ebc6"}.ph.ph-play:before{content:"\e3d0"}.ph.ph-play-circle:before{content:"\e3d2"}.ph.ph-play-pause:before{content:"\e8be"}.ph.ph-playlist:before{content:"\e6aa"}.ph.ph-plug:before{content:"\e946"}.ph.ph-plugs-connected:before{content:"\eb5a"}.ph.ph-plus:before{content:"\e3d4"}.ph.ph-plus-circle:before{content:"\e3d6"}.ph.ph-prohibit:before{content:"\e3de"}.ph.ph-pulse:before{content:"\e000"}.ph.ph-qr-code:before{content:"\e3e6"}.ph.ph-question:before{content:"\e3e8"}.ph.ph-queue:before{content:"\e6ac"}.ph.ph-rewind:before{content:"\e6a8"}.ph.ph-rows:before{content:"\e5a2"}.ph.ph-scales:before{content:"\e750"}.ph.ph-seal-check:before{content:"\e606"}.ph.ph-share-network:before{content:"\e408"}.ph.ph-shield-check:before{content:"\e40c"}.ph.ph-sidebar-simple:before{content:"\ec24"}.ph.ph-sign-out:before{content:"\e42a"}.ph.ph-skip-back:before{content:"\e5a4"}.ph.ph-skip-forward:before{content:"\e5a6"}.ph.ph-sliders:before{content:"\e432"}.ph.ph-sort-ascending:before{content:"\e444"}.ph.ph-sort-descending:before{content:"\e446"}.ph.ph-soundcloud-logo:before{content:"\e8de"}.ph.ph-sparkle:before{content:"\e6a2"}.ph.ph-spinner:before{content:"\e66a"}.ph.ph-split-horizontal:before{content:"\e872"}.ph.ph-squares-four:before{content:"\e464"}.ph.ph-stack:before{content:"\e466"}.ph.ph-star:before{content:"\e46a"}.ph.ph-star-and-crescent:before{content:"\ecf4"}.ph.ph-stop-circle:before{content:"\e46e"}.ph.ph-student:before{content:"\e73e"}.ph.ph-swap:before{content:"\e83c"}.ph.ph-table:before{content:"\e476"}.ph.ph-tag:before{content:"\e478"}.ph.ph-target:before{content:"\e47c"}.ph.ph-television:before{content:"\e754"}.ph.ph-terminal:before{content:"\e47e"}.ph.ph-terminal-window:before{content:"\eae8"}.ph.ph-text-align-left:before{content:"\e484"}.ph.ph-thermometer:before{content:"\e5c6"}.ph.ph-thumbs-up:before{content:"\e48e"}.ph.ph-timer:before{content:"\e492"}.ph.ph-translate:before{content:"\e4a2"}.ph.ph-trash:before{content:"\e4a6"}.ph.ph-tray:before{content:"\e4aa"}.ph.ph-trend-up:before{content:"\e4ae"}.ph.ph-user:before{content:"\e4c2"}.ph.ph-user-circle:before{content:"\e4c4"}.ph.ph-users:before{content:"\e4d6"}.ph.ph-users-three:before{content:"\e68e"}.ph.ph-vector-two:before{content:"\ee64"}.ph.ph-video:before{content:"\e740"}.ph.ph-warning:before{content:"\e4e0"}.ph.ph-warning-circle:before{content:"\e4e2"}.ph.ph-waveform:before{content:"\e802"}.ph.ph-wifi-high:before{content:"\e4ea"}.ph.ph-wifi-slash:before{content:"\e4f2"}.ph.ph-wrench:before{content:"\e5d4"}.ph.ph-x:before{content:"\e4f6"}.ph.ph-x-circle:before{content:"\e4f8"}.ph.ph-youtube-logo:before{content:"\e4fc"}.ph-fill.ph-activity:before{content:"\e000"}.ph-fill.ph-arrow-bend-right-down:before{content:"\e020"}.ph-fill.ph-arrow-clockwise:before{content:"\e036"}.ph-fill.ph-arrow-counter-clockwise:before{content:"\e038"}.ph-fill.ph-arrow-down:before{content:"\e03e"}.ph-fill.ph-arrow-elbow-right-up:before{content:"\e052"}.ph-fill.ph-arrow-left:before{content:"\e058"}.ph-fill.ph-arrow-right:before{content:"\e06c"}.ph-fill.ph-arrow-square-out:before{content:"\e5de"}.ph-fill.ph-arrow-u-up-left:before{content:"\e08a"}.ph-fill.ph-arrow-u-up-right:before{content:"\e08c"}.ph-fill.ph-arrow-up:before{content:"\e08e"}.ph-fill.ph-arrows-clockwise:before{content:"\e094"}.ph-fill.ph-arrows-counter-clockwise:before{content:"\e096"}.ph-fill.ph-arrows-merge:before{content:"\ed3e"}.ph-fill.ph-arrows-out:before{content:"\e0a2"}.ph-fill.ph-bell:before{content:"\e0ce"}.ph-fill.ph-bell-ringing:before{content:"\e5e8"}.ph-fill.ph-bell-simple-slash:before{content:"\e0d2"}.ph-fill.ph-bell-slash:before{content:"\e0d4"}.ph-fill.ph-book-bookmark:before{content:"\e0e4"}.ph-fill.ph-book-open:before{content:"\e0e6"}.ph-fill.ph-book-open-text:before{content:"\e8f2"}.ph-fill.ph-bookmark:before{content:"\e0e8"}.ph-fill.ph-bookmark-simple:before{content:"\e0ea"}.ph-fill.ph-books:before{content:"\e758"}.ph-fill.ph-brain:before{content:"\e74e"}.ph-fill.ph-browsers:before{content:"\e0f6"}.ph-fill.ph-calendar:before{content:"\e108"}.ph-fill.ph-calendar-blank:before{content:"\e10a"}.ph-fill.ph-calendar-check:before{content:"\e712"}.ph-fill.ph-calendar-star:before{content:"\e8b2"}.ph-fill.ph-caret-down:before{content:"\e136"}.ph-fill.ph-caret-left:before{content:"\e138"}.ph-fill.ph-caret-right:before{content:"\e13a"}.ph-fill.ph-caret-up:before{content:"\e13c"}.ph-fill.ph-chalkboard-teacher:before{content:"\e600"}.ph-fill.ph-chart-bar:before{content:"\e150"}.ph-fill.ph-chart-line:before{content:"\e154"}.ph-fill.ph-chart-line-up:before{content:"\e156"}.ph-fill.ph-chat-circle-text:before{content:"\e16e"}.ph-fill.ph-check:before{content:"\e182"}.ph-fill.ph-check-circle:before{content:"\e184"}.ph-fill.ph-circle:before{content:"\e18a"}.ph-fill.ph-circle-notch:before{content:"\eb44"}.ph-fill.ph-clock:before{content:"\e19a"}.ph-fill.ph-clock-countdown:before{content:"\ed2c"}.ph-fill.ph-clock-counter-clockwise:before{content:"\e1a0"}.ph-fill.ph-cloud:before{content:"\e1aa"}.ph-fill.ph-cloud-arrow-down:before{content:"\e1ac"}.ph-fill.ph-cloud-arrow-up:before{content:"\e1ae"}.ph-fill.ph-cloud-check:before{content:"\e1b0"}.ph-fill.ph-cloud-slash:before{content:"\e1b6"}.ph-fill.ph-cloud-x:before{content:"\ea96"}.ph-fill.ph-code:before{content:"\e1bc"}.ph-fill.ph-compass:before{content:"\e1c8"}.ph-fill.ph-copy:before{content:"\e1ca"}.ph-fill.ph-corners-out:before{content:"\e1d0"}.ph-fill.ph-cpu:before{content:"\e610"}.ph-fill.ph-cursor-click:before{content:"\e7c8"}.ph-fill.ph-database:before{content:"\e1de"}.ph-fill.ph-device-mobile:before{content:"\e1e0"}.ph-fill.ph-devices:before{content:"\eba4"}.ph-fill.ph-dot:before{content:"\ecde"}.ph-fill.ph-dots-six-vertical:before{content:"\eae2"}.ph-fill.ph-dots-three-outline-vertical:before{content:"\e206"}.ph-fill.ph-dots-three-vertical:before{content:"\e208"}.ph-fill.ph-download:before{content:"\e20a"}.ph-fill.ph-eye:before{content:"\e220"}.ph-fill.ph-factory:before{content:"\e760"}.ph-fill.ph-faders-horizontal:before{content:"\e22a"}.ph-fill.ph-fast-forward:before{content:"\e6a6"}.ph-fill.ph-file-text:before{content:"\e23a"}.ph-fill.ph-film-strip:before{content:"\e792"}.ph-fill.ph-fire:before{content:"\e242"}.ph-fill.ph-flag:before{content:"\e244"}.ph-fill.ph-flame:before{content:"\e624"}.ph-fill.ph-floppy-disk:before{content:"\e248"}.ph-fill.ph-flow-arrow:before{content:"\e6ec"}.ph-fill.ph-folder:before{content:"\e24a"}.ph-fill.ph-folder-open:before{content:"\e256"}.ph-fill.ph-folder-plus:before{content:"\e258"}.ph-fill.ph-folders:before{content:"\e260"}.ph-fill.ph-funnel:before{content:"\e266"}.ph-fill.ph-funnel-simple:before{content:"\e268"}.ph-fill.ph-gear:before{content:"\e270"}.ph-fill.ph-ghost:before{content:"\e62a"}.ph-fill.ph-graph:before{content:"\eb58"}.ph-fill.ph-grid-four:before{content:"\e296"}.ph-fill.ph-hand-coins:before{content:"\ea8c"}.ph-fill.ph-hard-drive:before{content:"\e29e"}.ph-fill.ph-hard-drives:before{content:"\e2a0"}.ph-fill.ph-hash:before{content:"\e2a2"}.ph-fill.ph-heart:before{content:"\e2a8"}.ph-fill.ph-heart-straight:before{content:"\e2aa"}.ph-fill.ph-heartbeat:before{content:"\e2ac"}.ph-fill.ph-hourglass:before{content:"\e2b2"}.ph-fill.ph-hourglass-medium:before{content:"\e2b8"}.ph-fill.ph-house:before{content:"\e2c2"}.ph-fill.ph-house-line:before{content:"\e2c4"}.ph-fill.ph-info:before{content:"\e2ce"}.ph-fill.ph-key:before{content:"\e2d6"}.ph-fill.ph-keyboard:before{content:"\e2d8"}.ph-fill.ph-lightbulb:before{content:"\e2dc"}.ph-fill.ph-lightning:before{content:"\e2de"}.ph-fill.ph-link:before{content:"\e2e2"}.ph-fill.ph-link-simple:before{content:"\e2e6"}.ph-fill.ph-list:before{content:"\e2f0"}.ph-fill.ph-list-bullets:before{content:"\e2f2"}.ph-fill.ph-list-dashes:before{content:"\e2f4"}.ph-fill.ph-list-magnifying-glass:before{content:"\ebe0"}.ph-fill.ph-lock-key:before{content:"\e2fe"}.ph-fill.ph-lock-key-open:before{content:"\e300"}.ph-fill.ph-magic-wand:before{content:"\e6b6"}.ph-fill.ph-magnifying-glass:before{content:"\e30c"}.ph-fill.ph-map-trifold:before{content:"\e31a"}.ph-fill.ph-minus:before{content:"\e32a"}.ph-fill.ph-minus-circle:before{content:"\e32c"}.ph-fill.ph-music-note:before{content:"\e33c"}.ph-fill.ph-music-notes:before{content:"\e340"}.ph-fill.ph-music-notes-plus:before{content:"\eb7c"}.ph-fill.ph-music-notes-simple:before{content:"\e342"}.ph-fill.ph-notebook:before{content:"\e34e"}.ph-fill.ph-paper-plane-right:before{content:"\e396"}.ph-fill.ph-pause:before{content:"\e39e"}.ph-fill.ph-pause-circle:before{content:"\e3a0"}.ph-fill.ph-pencil:before{content:"\e3ae"}.ph-fill.ph-pencil-ruler:before{content:"\e906"}.ph-fill.ph-pencil-simple:before{content:"\e3b4"}.ph-fill.ph-pencil-simple-line:before{content:"\ebc6"}.ph-fill.ph-play:before{content:"\e3d0"}.ph-fill.ph-play-circle:before{content:"\e3d2"}.ph-fill.ph-play-pause:before{content:"\e8be"}.ph-fill.ph-playlist:before{content:"\e6aa"}.ph-fill.ph-plug:before{content:"\e946"}.ph-fill.ph-plugs-connected:before{content:"\eb5a"}.ph-fill.ph-plus:before{content:"\e3d4"}.ph-fill.ph-plus-circle:before{content:"\e3d6"}.ph-fill.ph-prohibit:before{content:"\e3de"}.ph-fill.ph-pulse:before{content:"\e000"}.ph-fill.ph-qr-code:before{content:"\e3e6"}.ph-fill.ph-question:before{content:"\e3e8"}.ph-fill.ph-queue:before{content:"\e6ac"}.ph-fill.ph-rewind:before{content:"\e6a8"}.ph-fill.ph-rows:before{content:"\e5a2"}.ph-fill.ph-scales:before{content:"\e750"}.ph-fill.ph-seal-check:before{content:"\e606"}.ph-fill.ph-share-network:before{content:"\e408"}.ph-fill.ph-shield-check:before{content:"\e40c"}.ph-fill.ph-sidebar-simple:before{content:"\ec24"}.ph-fill.ph-sign-out:before{content:"\e42a"}.ph-fill.ph-skip-back:before{content:"\e5a4"}.ph-fill.ph-skip-forward:before{content:"\e5a6"}.ph-fill.ph-sliders:before{content:"\e432"}.ph-fill.ph-sort-ascending:before{content:"\e444"}.ph-fill.ph-sort-descending:before{content:"\e446"}.ph-fill.ph-soundcloud-logo:before{content:"\e8de"}.ph-fill.ph-sparkle:before{content:"\e6a2"}.ph-fill.ph-spinner:before{content:"\e66a"}.ph-fill.ph-split-horizontal:before{content:"\e872"}.ph-fill.ph-squares-four:before{content:"\e464"}.ph-fill.ph-stack:before{content:"\e466"}.ph-fill.ph-star:before{content:"\e46a"}.ph-fill.ph-star-and-crescent:before{content:"\ecf4"}.ph-fill.ph-stop-circle:before{content:"\e46e"}.ph-fill.ph-student:before{content:"\e73e"}.ph-fill.ph-swap:before{content:"\e83c"}.ph-fill.ph-table:before{content:"\e476"}.ph-fill.ph-tag:before{content:"\e478"}.ph-fill.ph-target:before{content:"\e47c"}.ph-fill.ph-television:before{content:"\e754"}.ph-fill.ph-terminal:before{content:"\e47e"}.ph-fill.ph-terminal-window:before{content:"\eae8"}.ph-fill.ph-text-align-left:before{content:"\e484"}.ph-fill.ph-thermometer:before{content:"\e5c6"}.ph-fill.ph-thumbs-up:before{content:"\e48e"}.ph-fill.ph-timer:before{content:"\e492"}.ph-fill.ph-translate:before{content:"\e4a2"}.ph-fill.ph-trash:before{content:"\e4a6"}.ph-fill.ph-tray:before{content:"\e4aa"}.ph-fill.ph-trend-up:before{content:"\e4ae"}.ph-fill.ph-user:before{content:"\e4c2"}.ph-fill.ph-user-circle:before{content:"\e4c4"}.ph-fill.ph-users:before{content:"\e4d6"}.ph-fill.ph-users-three:before{content:"\e68e"}.ph-fill.ph-vector-two:before{content:"\ee64"}.ph-fill.ph-video:before{content:"\e740"}.ph-fill.ph-warning:before{content:"\e4e0"}.ph-fill.ph-warning-circle:before{content:"\e4e2"}.ph-fill.ph-waveform:before{content:"\e802"}.ph-fill.ph-wifi-high:before{content:"\e4ea"}.ph-fill.ph-wifi-slash:before{content:"\e4f2"}.ph-fill.ph-wrench:before{content:"\e5d4"}.ph-fill.ph-x:before{content:"\e4f6"}.ph-fill.ph-x-circle:before{content:"\e4f8"}.ph-fill.ph-youtube-logo:before{content:"\e4fc"}@layer tokens{:root{--color-primary: #1a5f3f;--color-primary-hover: #2a7f5f;--color-primary-mid: #2d8659;--color-primary-light: #4ade80;--color-secondary: #d4af37;--color-success: #10b981;--color-success-tint: #d1fae5;--color-success-light: #86efac;--color-success-pale: #bbf7d0;--color-danger: #c85a3f;--color-danger-vivid: #ef4444;--color-danger-tint: #fecaca;--color-danger-light: #fca5a5;--color-danger-pale: #f87171;--color-warning: #f59e0b;--color-warning-light: #fda4af;--color-info-tint: #bae6fd;--color-info-light: #dbeafe;--color-indigo-tint: #c7d2fe;--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-light: var(--color-primary-light);--secondary: var(--color-secondary);--success: var(--color-success);--danger: var(--color-danger);--warning: var(--color-warning);--color-bg-dark: #0a1810;--color-bg-deeper: #060f0a;--color-bg-surface: #0d1f14;--color-bg-surface-2: #2a2a2a;--color-bg-surface-3: #3a3a3a;--color-bg-card: rgba(255, 255, 255, .05);--color-bg-overlay: rgba(0, 0, 0, .65);--color-bg-black: #000;--color-surface-tint: #f5fff9;--bg-dark: var(--color-bg-dark);--bg-card: var(--color-bg-card);--color-text-main: #faf9f6;--color-text-dim: #94a3b8;--color-text-muted: #64748b;--text-main: var(--color-text-main);--text-dim: var(--color-text-dim);--text-muted: var(--color-text-muted);--text-primary: var(--color-text-main);--text-secondary: var(--color-text-dim);--glass: rgba(255, 255, 255, .04);--glass-mid: rgba(255, 255, 255, .07);--glass-high: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .12);--glass-border-strong: rgba(255, 255, 255, .2);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .1);--glass-inset-strong: inset 0 1px 0 rgba(255, 255, 255, .16);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 8px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .55);--shadow-card: 0 14px 30px rgba(0, 0, 0, .34), var(--glass-inset);--shadow-hover: 0 24px 48px rgba(0, 0, 0, .45), var(--glass-inset-strong);--shadow-focus: 0 0 0 3px rgba(26, 95, 63, .35), 0 20px 36px rgba(0, 0, 0, .4);--shadow-focus-ring: 0 0 0 3px rgba(26, 95, 63, .35);--ios-shadow: var(--shadow-md);--ios-shadow-lg: var(--shadow-lg);--ios-shadow-card: var(--shadow-card);--ios-shadow-hover: var(--shadow-hover);--ios-shadow-focus: var(--shadow-focus);--gradient-accent: linear-gradient(135deg, #1a5f3f 0%, #2a7f5f 100%);--gradient-gold: linear-gradient(135deg, #d4af37 0%, #f0cc55 100%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .02) 100%);--accent-gradient: var(--gradient-accent);--gold-gradient: var(--gradient-gold);--card-gradient: var(--gradient-card);--font-family: "Outfit", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--touch-target-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--z-base: 1;--z-content-sticky: 250;--z-header: 300;--z-dropdown: 500;--z-sticky: 600;--z-player: 900;--z-queue: 910;--z-navigation-backdrop: 940;--z-navigation: 950;--z-modal: 1000;--z-toast: 1100;--z-top: 9999;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-out: cubic-bezier(0, 0, .2, 1);--transition: all var(--duration-normal) var(--ease-default);--spring: var(--ease-spring);--motion-ok: 1}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 1ms;--duration-normal: 1ms;--duration-slow: 1ms;--motion-ok: 0}}}:root{--auth-bg: var(--color-bg-dark);--auth-surface: var(--glass);--auth-primary: var(--color-primary);--auth-accent: var(--color-secondary);--auth-text: var(--color-text-main);--auth-text-dim: rgba(250, 249, 246, .6);--auth-error: var(--color-danger-vivid);--glass-blur: blur(24px);--border-radius: var(--radius-md)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--auth-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);width:100%;max-width:420px;border-radius:var(--border-radius);padding:40px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,255,255,.08)}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--auth-text)}.auth-header p{color:var(--auth-text-dim);font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--auth-text-dim);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{width:100%;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:var(--auth-text);font-size:15px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--auth-primary);background:#ffffff14}.auth-btn{width:100%;background:var(--auth-primary);color:#fff;border:none;border-radius:var(--border-radius);padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1a5f3f33}.auth-btn:hover{background:#1e6d49;transform:translateY(-2px);box-shadow:0 6px 16px #1a5f3f4d}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-secondary{width:100%;background:transparent;border:1.5px solid rgba(255,255,255,.1);color:var(--auth-text);border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--auth-text-dim)}.auth-footer a{color:var(--auth-primary);text-decoration:none;font-weight:600}.profile-container{max-width:900px;margin:0 auto;padding:40px 20px}.profile-hero{display:flex;align-items:center;gap:24px;margin-bottom:40px}.user-avatar{background:var(--auth-primary);width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px}.profile-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.profile-card{background:var(--auth-surface);padding:32px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.profile-card h2{font-size:18px;margin-bottom:24px;color:var(--auth-text);font-weight:600}.profile-sidebar-cards{display:flex;flex-direction:column}.profile-stat-item{display:flex;align-items:center;gap:12px;color:var(--auth-text-dim);font-size:15px}.profile-stat-item i{font-size:20px;color:var(--auth-primary)}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}}.admin-theme{--auth-primary: #ff5252}@layer tokens,base,components,utilities;::view-transition-old(root){animation:.15s ease-out both sd-fade-out}::view-transition-new(root){animation:.15s ease-in both sd-fade-in}@keyframes sd-fade-out{to{opacity:0}}@keyframes sd-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{font-family:Outfit,sans-serif}body{background:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb{background:#1a5f3f66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a5f3fa6}.ambient-bg{position:fixed;inset:0;z-index:-1;background-color:var(--color-bg-deeper);pointer-events:none}.ambient-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(26,95,63,.45) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(212,175,55,.22) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(10,24,16,1) 0%,transparent 100%);z-index:1}.ambient-bg:after{content:"";position:absolute;inset:0;background:url(/images/calligraphy_bg.webp);background-size:cover;background-position:center;opacity:.05;mix-blend-mode:overlay;z-index:2}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes skeleton-shimmer{0%{transform:translate(-60%)}to{transform:translate(160%)}}.skeleton{position:relative;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-60%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);animation:skeleton-shimmer 1.25s ease-in-out infinite}.spinner{border:4px solid rgba(255,255,255,.05);border-top:4px solid var(--primary);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto}.stats-grid{gap:1rem;max-width:900px;margin:.25rem auto .75rem;padding:0 1.5rem;display:inline-flex;flex-wrap:wrap}.filter-select{appearance:none;-webkit-appearance:none;background:#ffffff0f;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border);color:var(--text-main);padding:.5rem 2rem .5rem .75rem;border-radius:10px;outline:none;font-weight:600;cursor:pointer;font-size:.85rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(148,163,184,0.8)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.filter-select:hover{border-color:#ffffff38;box-shadow:0 0 0 3px #1a5f3f26}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a5f3f40}.filter-select option{background:var(--color-bg-surface);color:var(--text-main)}.sscholar-wrapper{position:relative;display:inline-block}.sscholar-trigger{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0f;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border);color:var(--text-dim);padding:.5rem .75rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s,box-shadow .2s;font-family:inherit}.sscholar-trigger.open,.sscholar-trigger:hover{border-color:var(--primary);color:var(--text-main);box-shadow:0 0 0 3px #1a5f3f33}.sscholar-has-value{color:var(--text-main)}.sscholar-arrow{transition:transform .2s;flex-shrink:0}.sscholar-trigger.open .sscholar-arrow{transform:rotate(180deg)}.sscholar-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:500;background:#08120cf7;-webkit-backdrop-filter:blur(28px) saturate(200%);backdrop-filter:blur(28px) saturate(200%);border:1px solid var(--glass-border);border-radius:14px;min-width:220px;max-width:300px;box-shadow:0 20px 48px #0009,inset 0 1px #ffffff12;overflow:hidden;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),filter .2s cubic-bezier(.4,0,.2,1)}@starting-style{.sscholar-dropdown:not([hidden]){opacity:0;transform:translateY(-8px) scale(.97);filter:blur(3px)}}.sscholar-search-wrap{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--glass-border);color:var(--text-dim)}.sscholar-search{flex:1;background:none;border:none;outline:none;color:var(--text-main);font-size:.82rem;font-family:inherit}.sscholar-search::placeholder{color:var(--text-dim)}.sscholar-list{list-style:none;padding:.3rem 0;margin:0;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.sscholar-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.82rem;color:var(--text-dim);cursor:pointer;transition:background .12s,color .12s;user-select:none;-webkit-user-select:none}.sscholar-item:hover{background:#1a5f3f38;color:var(--text-main)}.sscholar-item.selected{color:var(--text-main)}.sscholar-check{font-size:.75rem;width:14px;flex-shrink:0;color:var(--primary);opacity:0}.sscholar-item.selected .sscholar-check{opacity:1}.sscholar-all{border-bottom:1px solid var(--glass-border);margin-bottom:.25rem;padding-bottom:.55rem;color:var(--text-dim);font-size:.8rem}.sscholar-footer{border-top:1px solid var(--glass-border);padding:.4rem .75rem}.sscholar-clear-btn{background:none;border:none;color:var(--color-danger-vivid);font-size:.78rem;cursor:pointer;padding:0;font-family:inherit;opacity:.8;transition:opacity .15s}.sscholar-clear-btn:hover{opacity:1;text-decoration:underline}.sscholar-empty{padding:.6rem .9rem;font-size:.8rem;color:var(--text-dim);font-style:italic}.sscholar-empty.sscholar-error{color:var(--color-warning);font-style:normal}.sscholar-loading{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.8rem;color:var(--text-dim)}.sscholar-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.sscholar-sentinel{height:1px;pointer-events:none}.sscholar-vl-item{padding:0;margin:0}.filter-chip{padding:.55rem 1.5rem;background:#ffffff0f;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid var(--glass-border);border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .18s,box-shadow .2s;color:var(--text-main);font-family:inherit;white-space:nowrap}.filter-chip:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 4px 14px #00000040}.filter-chip:active{transform:scale(.93)}.filter-chip.active{background:#1a5f3f73;border-color:#1a5f3fa6;box-shadow:0 4px 16px #1a5f3f4d}.try-search-wrap{display:none}.try-search-title{margin-top:1.25rem;margin-bottom:.75rem;font-size:.9rem;color:var(--text-dim);text-align:center}.try-search-chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.try-search-chips .filter-chip{padding:.45rem 1.1rem;font-size:.82rem}.btn-primary{padding:12px 32px;background:#1a5f3f8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-main);text-decoration:none;border-radius:14px;border:1px solid rgba(26,95,63,.6);font-weight:600;transition:background .2s,box-shadow .2s,transform .2s;display:inline-block}.btn-primary:hover{background:#1a5f3fbf;transform:translateY(-2px);box-shadow:0 8px 24px #1a5f3f59}.tg-virtual-item,.hg-virtual-item,.vl-item{display:block;width:100%}@keyframes vl-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.vl-item:empty{position:relative;overflow:hidden;border-radius:8px;background:var(--color-bg-surface-2)}.vl-item:empty:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--color-bg-surface-3) 50%,transparent 100%);animation:vl-shimmer 1.4s ease-in-out infinite;will-change:transform}media-card,channel-card,playlist-card{display:block;width:100%}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media(max-width:768px){.stats-grid{gap:.5rem;padding:0 .75rem;margin:.25rem auto .5rem}.sscholar-wrapper{width:100%}.sscholar-trigger{width:100%;justify-content:space-between;padding:.6rem .85rem;font-size:.8rem}.try-search-chips{gap:.5rem}.try-search-chips .filter-chip{padding:.4rem .9rem;font-size:.78rem}}main{padding:1.5rem 2rem 4rem}.stats-grid{margin:2rem auto}track-grid{display:block}.results-meta-row,.tg-results-meta-row{display:flex;align-items:center;gap:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.tg-meta-controls{margin-left:auto;display:flex;align-items:center;gap:.5rem}.results-count{color:var(--text-dim);font-size:.9rem;min-height:14px}.results-hint{color:var(--text-dim);font-size:.85rem;min-height:14px}.results-count-skeleton{width:180px;height:12px;border-radius:999px;display:inline-block;border:none}.filters{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.results-filter-toolbar{position:sticky;top:calc(var(--header-height, 56px) + 0rem);z-index:120;padding:.25rem 0;margin-top:.25rem;margin-bottom:1rem;overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - var(--header-height, 56px) - 1rem);overscroll-behavior:contain;opacity:1;transition:max-height .26s ease,opacity .22s ease,margin .26s ease,padding .26s ease}.results-filter-toolbar filter-bar{display:block;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.results-filter-toolbar.is-collapsed{max-height:0;opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none}.section-header{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;margin-top:2rem}.section-title{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;width:100%}.view-toggle{display:flex;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.35rem;border-radius:14px;border:1px solid var(--glass-border)}.toggle-btn{padding:.55rem 1.25rem;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:700;font-family:inherit;transition:background .2s,color .2s,box-shadow .2s;border:none;background:transparent;color:var(--text-dim)}.toggle-btn.active{background:#ffffff1f;color:var(--text-main);box-shadow:0 4px 12px #0003}.toggle-btn:active{transform:scale(.95);transition-duration:.1s}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;contain:style}#loader,#tg-loader{display:none;text-align:center;padding:2rem 0 1rem}.pagination{display:flex;justify-content:center;gap:1.25rem;margin-top:5rem}.page-btn{padding:1rem 2rem;border-radius:16px;border:1px solid var(--glass-border);background:#ffffff0f;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);color:var(--text-main);cursor:pointer;font-family:inherit;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff12}.page-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.page-btn:active:not(:disabled){transform:scale(.95);transition-duration:.1s}.page-btn:disabled{opacity:.2;cursor:not-allowed;filter:grayscale(1)}.empty-state{text-align:center;padding:6rem 0;display:none}.empty-state h2{font-size:2rem;margin-bottom:1rem}.empty-state p{color:var(--text-dim)}@media(max-width:768px){main{padding:1rem .85rem 6rem}.results-meta-row{flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.results-filter-toolbar{position:static;top:auto;z-index:auto;padding:0;margin:0;max-height:0;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none}.results-count,.results-hint{font-size:.8rem}.grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.pagination{gap:.5rem;flex-wrap:wrap}.page-btn{padding:.6rem 1rem;font-size:.8rem;min-height:44px}.empty-state{padding:3rem 1rem}.empty-state h2{font-size:1.5rem}}@media(max-width:480px){main{padding:.65rem .65rem 5.5rem}.grid{grid-template-columns:1fr;gap:.75rem}.page-btn{padding:.5rem .75rem;font-size:.75rem;min-height:44px}}body.has-sidebar-nav{--header-height: 56px;padding-top:var(--header-height)}@media(min-width:769px){body.has-sidebar-nav{--sidebar-width: 240px}body.has-sidebar-nav.sidebar-collapsed{--sidebar-width: 72px}body.has-sidebar-nav main{margin-left:var(--sidebar-width);transition:margin-left .25s cubic-bezier(.4,0,.2,1)}body.has-sidebar-nav.sidebar-collapsed .sidebar-item{position:relative}body.has-sidebar-nav.sidebar-collapsed .sidebar-pill{position:absolute;top:3px;right:3px;margin-left:0;min-width:16px;height:16px;padding:0 4px;font-size:9px;pointer-events:none}}.sidebar-nav{position:fixed;left:0;top:var(--header-height, 56px);bottom:0;z-index:var(--z-navigation);width:var(--sidebar-width, 240px);transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;gap:1rem;padding:1rem .5rem;border-right:1px solid var(--glass-border);background:#040a07e0;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);box-shadow:1px 0 #ffffff0a}.sidebar-items{display:flex;flex-direction:column;gap:.75rem;padding:0 .25rem;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1 1 auto}.sidebar-group{display:flex;flex-direction:column;gap:.2rem}.sidebar-group-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.1rem .65rem .35rem}.sidebar-item{width:100%;height:44px;min-height:44px;border-radius:12px;flex:0 0 44px;display:flex;align-items:center;gap:.75rem;padding:0 .75rem;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;text-decoration:none;font-family:inherit;font-size:.9rem;white-space:nowrap;overflow:hidden;transition:background .2s ease,border-color .2s ease,box-shadow .15s ease}.sidebar-item:hover{background:#ffffff14;border-color:#ffffff0f;color:var(--text-main)}.sidebar-item.active{background:linear-gradient(135deg,#1a5f3f75,#1a5f3f52);border-color:#4ade809e;color:var(--color-surface-tint);box-shadow:0 0 0 1px #4ade8033,inset 0 1px #ffffff1f}.sidebar-item.active i{color:var(--primary-light)}.sidebar-item:focus-visible{outline:none;border-color:#4ade80ad;box-shadow:0 0 0 3px #4ade803d}.sidebar-item-muted{color:var(--text-dim)}.sidebar-btn-hidden{opacity:.6}.sidebar-label{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .15s ease}.sidebar-pill{margin-left:auto;min-width:20px;height:20px;border-radius:999px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-danger-vivid, #ef4444);color:#fff;font-size:11px;font-weight:700;line-height:1}.sidebar-pill[hidden]{display:none!important}.sidebar-item-secondary{opacity:.9;margin-bottom:.35rem}.sidebar-install-btn{color:var(--text-dim);flex:1 1 auto;min-width:0;width:100%;max-width:none;gap:.75rem;padding:0 .75rem;justify-content:flex-start}.sidebar-install-btn:hover{color:var(--text-main)}.sidebar-version{color:var(--text-dim);font-size:11px;text-align:center;padding:4px 8px;opacity:.6;width:100%;display:block}.sidebar-install-group{position:relative;display:flex;align-items:stretch;gap:.25rem;margin-bottom:.35rem;width:100%;min-width:0}.sidebar-install-btn .sidebar-label{flex:0 1 auto;min-width:0;opacity:1;width:auto;display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-install-menu-btn{height:44px;width:40px;flex:0 0 40px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.sidebar-install-menu-btn[hidden]{display:none!important}.sidebar-install-menu-btn:hover{background:#ffffff14;border-color:#ffffff0f;color:var(--text-main)}.sidebar-install-menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:190px;padding:.35rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#06100af5;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:0 10px 30px #00000059;z-index:220}.sidebar-install-menu-item{width:100%;border:0;border-radius:8px;background:transparent;color:var(--text-main);text-align:left;padding:.5rem .6rem;font-size:.85rem;cursor:pointer}.sidebar-install-menu-item:hover{background:#ffffff14}.sidebar-install-menu-danger{color:var(--color-danger-light)}.sidebar-confirm-overlay{position:fixed;inset:0;z-index:450;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem}.sidebar-confirm-dialog{width:min(460px,100%);border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#07120cf7;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:0 18px 40px #00000073;padding:1rem 1rem .9rem}.sidebar-confirm-title{margin:0 0 .45rem;color:var(--text-main);font-size:1rem;font-weight:700}.sidebar-confirm-text{margin:0;color:var(--text-dim);font-size:.88rem;line-height:1.45}.sidebar-confirm-actions{margin-top:.9rem;display:flex;justify-content:flex-end;gap:.5rem}.sidebar-confirm-btn{border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text-main);border-radius:10px;padding:.4rem .75rem;font-size:.82rem;cursor:pointer}.sidebar-confirm-btn:hover{background:#ffffff14}.sidebar-confirm-danger{border-color:#f8717180;color:var(--color-warning-light)}.sidebar-confirm-danger:hover{background:#f8717126}body.has-sidebar-nav.sidebar-collapsed .sidebar-label{opacity:0;width:0;overflow:hidden}body.has-sidebar-nav.sidebar-collapsed .sidebar-items{padding:0}body.has-sidebar-nav.sidebar-collapsed .sidebar-item{justify-content:center;padding:0;gap:0}body.has-sidebar-nav.sidebar-collapsed .sidebar-group-label{opacity:0;height:0;padding:0}.sidebar-overlay{display:none}@media(max-width:768px){body.has-sidebar-nav main{margin-left:0!important}.sidebar-nav{transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:260px!important;z-index:var(--z-navigation);background:#07110b;-webkit-backdrop-filter:none;backdrop-filter:none}body.sidebar-open .sidebar-nav{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:var(--header-height, 56px);left:0;right:0;bottom:0;z-index:var(--z-navigation-backdrop);background:#0000008c;opacity:0;pointer-events:none;transition:opacity .25s ease}body.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-label,body.has-sidebar-nav.sidebar-collapsed .sidebar-label{display:inline!important;opacity:1!important;width:auto!important;overflow:visible!important}body.has-sidebar-nav.sidebar-collapsed .sidebar-items{padding:0 .25rem!important}body.has-sidebar-nav.sidebar-collapsed .sidebar-item{justify-content:flex-start!important;padding:0 .75rem!important;gap:.75rem!important}.sidebar-items{flex-direction:column;padding:0 .25rem;gap:.25rem}.sidebar-group{gap:.15rem}.sidebar-group-label{padding:.3rem .65rem .25rem}.sidebar-item{width:100%;justify-content:flex-start;padding:0 .75rem;gap:.75rem}}app-header{--header-height: 56px;position:fixed;top:0;left:0;right:0;z-index:var(--z-header);height:var(--header-height);contain:style}app-header nav{position:relative;height:100%;padding:0 1rem;background:#040a07e0;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border-bottom:1px solid var(--glass-border);box-shadow:0 1px #ffffff0a;display:flex;flex-direction:row;align-items:center;gap:.75rem}.logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#1a5f3f,#d4af37);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0;color:var(--text-main)}.header-logo-icon{flex-shrink:0;color:var(--secondary, #d4af37)}.header-logo-text{font-weight:800;font-size:.95rem;letter-spacing:-.5px;white-space:nowrap;background:linear-gradient(135deg,#1a5f3f,#d4af37);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-actions,.nav-links{display:flex;gap:.5rem;align-items:center}.nav-link{color:var(--text-main);text-decoration:none;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;transition:background .2s ease,color .2s ease;font-weight:500;background:transparent;border:none;cursor:pointer;font-size:1rem;font-family:inherit}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:#1a5f3f73;border:1px solid rgba(26,95,63,.6);color:var(--text-main)}.nav-link svg{width:22px;height:22px}.reset-queue-btn{color:var(--text-dim)}.reset-queue-btn:hover{background:#d4af371a;color:var(--primary)}.queue-btn-hidden{opacity:.5}.header-hamburger,.hamburger{flex-shrink:0;width:40px;height:40px;border-radius:10px;border:none;background:transparent;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .2s;flex-direction:column;gap:5px}.header-hamburger:hover,.hamburger:hover{background:#ffffff17}.hamburger span{width:22px;height:2px;background:var(--text-main);border-radius:2px;transition:var(--transition);display:block}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}body:not(.has-sidebar-nav) .header-hamburger{display:none}.header-action-btn{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-main);background:#ffffff14;border:1px solid var(--glass-border);padding:.4rem .85rem;border-radius:14px;font-weight:700;font-size:.82rem;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap;cursor:pointer}.header-action-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.header-donate-btn{background-color:#ffd140;color:#000;border:none;margin-left:auto}.header-donate-btn:hover{background-color:#fce181}.header-profile-avatar{width:20px;height:20px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}@media(max-width:768px){app-header nav{background:#07110b;-webkit-backdrop-filter:none;backdrop-filter:none}.header-action-text{display:none}.header-action-btn{padding:0;width:38px;height:38px;justify-content:center;border-radius:50%;margin-left:0}}.header-account-wrap{position:relative;display:flex;align-items:center}.header-account-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#060e0afa;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000008c;padding:.5rem;display:none;flex-direction:column;gap:.25rem;z-index:400;animation:suggestSlideIn .15s cubic-bezier(.4,0,.2,1)}.header-account-dropdown.is-open{display:flex}.had-identity{font-size:.78rem;color:var(--text-dim);padding:.35rem .6rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;border-bottom:1px solid var(--glass-border);margin-bottom:.25rem}.had-logout-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;border:none;border-radius:8px;background:transparent;color:#fca5a5;cursor:pointer;font-size:.85rem;font-weight:600;font-family:inherit;transition:background .15s;text-align:left}.had-logout-btn:hover{background:#c85a3f2e}.header-profile-link.is-admin .header-profile-avatar{background:var(--secondary, #d4af37);color:#000}.btn-logout{padding:.5rem 1.25rem;background:#78140ad9;border:1px solid rgba(200,90,63,.4);border-radius:10px;color:#fca5a5;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;font-weight:600;font-size:.9rem;font-family:inherit}.btn-logout:hover{background:#c85a3f4d;border-color:#c85a3f80;transform:translateY(-1px)}.header-search{position:relative;width:min(480px,calc(100% - 280px));display:flex;align-items:center;background:#ffffff0f;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid var(--glass-border);border-radius:12px;padding:0 .25rem 0 1rem;margin:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.header-search:focus-within{border-color:var(--primary);background:#ffffff17;box-shadow:0 0 0 3px #1a5f3f38}.header-search input{flex:1;background:transparent;border:none;padding:.6rem .5rem;color:var(--text-main);font-size:.9rem;outline:none;font-family:inherit;min-width:0}.header-search input::placeholder{color:var(--text-dim)}.header-search-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.header-search-btn:hover{color:var(--primary-light, #4ade80);background:#ffffff14}.search-clear-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:.5rem;margin-right:-.25rem;border-radius:8px;display:none;align-items:center;justify-content:center;transition:color .2s,background .2s}.search-clear-btn:hover{color:#fca5a5}.header-filter-btn{display:inline-flex;height:38px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#ffffff0f;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);color:var(--text-main);align-items:center;justify-content:center;gap:.35rem;padding:0 .85rem;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s,box-shadow .2s;font-family:inherit}.header-filter-btn:hover{background:#ffffff1c;border-color:#ffffff40;box-shadow:0 4px 14px #0003}.header-filter-label{font-size:.8rem;font-weight:700}.header-filter-btn.is-collapsed{background:#1e293bb3;border-color:#94a3b840;color:var(--text-dim)}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#060e0afa;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 16px 40px #0000008c,inset 0 1px #ffffff12;overflow-x:hidden;overflow-y:auto;max-height:360px;z-index:200;animation:suggestSlideIn .18s cubic-bezier(.4,0,.2,1)}@keyframes suggestSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-suggestions-loader{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;color:var(--text-dim);font-size:.85rem;font-weight:600}.search-suggestions-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--primary);animation:sd-spin .9s linear infinite;flex:0 0 auto}@keyframes sd-spin{to{transform:rotate(360deg)}}.search-suggestion{width:100%;text-align:left;background:transparent;border:none;color:var(--text-main);padding:.65rem .9rem;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.6rem;font-family:inherit;transition:background .15s}.search-suggestion:hover{background:#ffffff12}.search-suggestion:disabled,.search-suggestion-disabled{cursor:default;opacity:.75}.search-suggestion:disabled:hover,.search-suggestion-disabled:hover{background:transparent}.ss-icon{flex:0 0 auto;width:20px;text-align:center;color:var(--text-dim);font-size:15px;line-height:1}.ss-kind-teacher .ss-icon{color:#86efac}.ss-kind-topic .ss-icon{color:#93c5fd}.ss-kind-playlist .ss-icon{color:#fdba74}.ss-kind-channel .ss-icon{color:#a5f3fc}.ss-kind-cluster .ss-icon{color:#c4b5fd}.ss-kind-history .ss-icon{color:var(--text-dim)}.ss-kind-history{padding-top:1rem;padding-bottom:1rem;min-height:unset}.ss-kind-history .ssh-remove,.ss-kind-history .ssh-pin{padding:2px 4px}.ss-kind-history .search-suggestion-title{font-weight:500;line-height:1}.ss-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:.5rem .9rem .25rem;pointer-events:none}.ss-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.search-suggestion-title{font-weight:700;font-size:.9rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-meta{color:var(--text-dim);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssh-remove{flex:0 0 auto;background:transparent;border:none;color:var(--text-dim);padding:4px 6px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;opacity:0;transition:opacity .15s,color .15s}.search-suggestion:hover .ssh-remove{opacity:1}.ssh-remove:hover{color:#fca5a5}.ssh-pin{flex:0 0 auto;background:transparent;border:none;color:var(--text-dim);padding:4px 6px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;opacity:0;transition:opacity .15s,color .15s}.search-suggestion:hover .ssh-pin{opacity:1}.ssh-pin:hover{color:var(--accent, #60a5fa)}.ssh-pin.is-pinned{opacity:1;color:var(--accent, #60a5fa)}.ssh-unsave{flex:0 0 auto;background:transparent;border:none;color:var(--text-dim);padding:4px 6px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;opacity:0;transition:opacity .15s,color .15s}.search-suggestion:hover .ssh-unsave{opacity:1}.ssh-unsave:hover{color:#fca5a5}@media(pointer:coarse){.ssh-remove,.ssh-pin,.ssh-unsave{opacity:1}}.ss-kind-saved .ss-icon{color:var(--accent, #60a5fa)}portal-header nav{position:sticky;top:0;z-index:100;padding:1.5rem 2rem;background:#040a07eb;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.nav-container{max-width:1400px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){body.mobile-nav-open{overflow:hidden;overscroll-behavior:none;touch-action:none}app-header nav,portal-header nav{padding:0 .75rem 0 1rem;flex-direction:row;gap:.5rem}.header-search{position:static;flex:0 0 auto;width:auto!important;min-width:0;max-width:none;left:auto;transform:none;margin-left:auto;background:transparent;border-color:transparent;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.header-search:not(.active-mobile) input,.header-search:not(.active-mobile) .search-clear-btn{display:none!important}.header-search.active-mobile{position:absolute;left:10px;right:10px;max-width:none;width:calc(100% - 20px);background:#040a07fa;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--primary);box-shadow:0 0 0 3px #1a5f3f33;z-index:10;transform:none;border-radius:12px;padding:0 .25rem 0 1rem}.header-search.active-mobile input{display:block;font-size:.95rem}.header-search-btn{width:38px;height:38px;background:#1a2820e0;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;padding:0}.header-search.active-mobile .header-search-btn{background:transparent;border-color:transparent;color:var(--text-dim)}.header-filter-btn{width:38px;height:38px;border-radius:50%;padding:0;gap:0}.header-filter-label,.header-donate-text,.header-donate-btn{display:none}.hamburger{display:flex}.nav-actions,.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#060e0afa;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);flex-direction:column;padding:80px 24px 24px;gap:1.5rem;transition:right .28s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--glass-border);align-items:flex-start;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.nav-actions.active,.nav-links.active{right:0}.nav-link{width:100%;justify-content:flex-start}.btn-logout{width:100%;text-align:center;margin-top:auto}.search-suggestions{max-height:60vh;width:100%}}@media(max-width:1200px){app-header nav,portal-header nav{padding-left:1rem}}.empty-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.empty-state-icon{width:64px;height:64px;margin-bottom:1.5rem;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary)}.empty-state-icon svg{width:32px;height:32px}.empty-state-content h2{color:var(--text);font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.empty-state-content p{font-size:1rem;max-width:400px;line-height:1.6}.empty-state-btn{margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--primary);color:var(--bg-dark);border-radius:8px;font-weight:700;transition:all .2s ease}.empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.app-hero{padding:1rem 2rem;margin-bottom:.75rem;position:relative}.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#d4af370a,#0a181014);border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden;z-index:0;pointer-events:none}.hero-bg:before{content:"";position:absolute;top:-50%;left:-10%;width:120%;height:200%;background:radial-gradient(circle at center,rgba(212,175,55,.02) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1000px;margin:0 auto;text-align:center}.app-hero h1{font-size:1.5rem;font-weight:700;margin-bottom:.2rem;background:linear-gradient(180deg,var(--color-text-main) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.hero-subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.3;margin-bottom:.75rem;opacity:.75}@media(max-width:768px){.app-hero{padding:.75rem 1rem;margin-bottom:.75rem}.app-hero h1{font-size:1.3rem}.hero-subtitle{font-size:.8rem;margin-bottom:.5rem}.hero-extra{overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:max-height .35s ease,opacity .25s ease}.hero-extra.hero-extra--open{max-height:800px;opacity:1;pointer-events:auto}}.toast-container{position:fixed;bottom:3rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:10000;pointer-events:none}.app-toast{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;border:1px solid rgba(255,255,255,.2);pointer-events:auto;max-width:420px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);animation:toastSlideUp .3s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 8px 24px #00000026;transition:opacity .3s ease,transform .3s ease}.app-toast.app-toast--success{background:#22c55ee6;color:#fff;border-color:#fff3;box-shadow:0 8px 24px #22c55e4d,inset 0 1px #fff3}.app-toast.app-toast--error{background:#ef4444e6;color:#fff;border-color:#fff3;box-shadow:0 8px 24px #ef44444d,inset 0 1px #fff3}.app-toast.app-toast--info{background:#3b82f6e6;color:#fff;border-color:#fff3;box-shadow:0 8px 24px #3b82f64d,inset 0 1px #fff3}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.toast-message{flex:1;word-break:break-word;line-height:1.5}.toast-copy-btn{background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:.25rem;margin-left:.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:opacity .2s ease;border-radius:4px}.toast-copy-btn:hover{opacity:1}.toast-copy-btn:active{transform:scale(.95);transition:transform .1s ease}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.app-toast.fade-out{animation:toastSlideDown .3s ease forwards}@keyframes toastSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.95)}}@media(max-width:768px){.toast-container{right:1rem;left:1rem;bottom:2rem}.app-toast{max-width:100%;padding:.875rem 1.25rem}}@media(prefers-color-scheme:dark){.app-toast{box-shadow:0 8px 24px #0006}}.browse-section{margin-bottom:2.25rem}.browse-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.browse-section-title-wrap{display:flex;align-items:center;gap:.45rem;color:var(--primary)}.browse-section-title{font-size:1rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.2px}.browse-section-see-all{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;font-weight:600;color:var(--primary);text-decoration:none;background:none;border:1px solid rgba(26,95,63,.35);border-radius:6px;padding:.2rem .65rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.browse-section-see-all:hover{color:var(--text-main);border-color:#1a5f3fb3;background:#1a5f3f1f}.browse-section-row{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-top:1rem;margin-top:-1rem;padding-bottom:11rem;margin-bottom:-10.5rem;padding-left:.5rem}.browse-section-row::-webkit-scrollbar{display:none}.browse-section-row>media-card{flex-shrink:0;scroll-snap-align:start;width:280px}.browse-section-row>playlist-card{flex-shrink:0;scroll-snap-align:start;width:300px}.browse-section-row>channel-card{flex-shrink:0;scroll-snap-align:start;width:260px}.browse-section-row>media-card:hover,.browse-section-row>playlist-card:hover{transform:translateY(-4px) scale(1.01)}.browse-section-skeleton{margin-bottom:2.25rem}.browse-skeleton-title{width:160px;height:14px;border-radius:999px;background:#ffffff12;margin-bottom:.85rem;position:relative;overflow:hidden}.browse-skeleton-title:after{content:"";position:absolute;inset:0;transform:translate(-60%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:bs-shimmer 1.3s ease-in-out infinite;animation-iteration-count:3}.browse-skeleton-row{display:flex;gap:1rem;overflow:hidden}.browse-skeleton-card{flex-shrink:0;width:280px;height:220px;border-radius:14px;background:#ffffff0d;position:relative;overflow:hidden}.browse-skeleton-card:after{content:"";position:absolute;inset:0;transform:translate(-60%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:bs-shimmer 1.3s ease-in-out infinite;animation-iteration-count:3}.browse-skeleton-card:nth-child(2):after{animation-delay:.1s}.browse-skeleton-card:nth-child(3):after{animation-delay:.2s}.browse-skeleton-card:nth-child(4):after{animation-delay:.3s}.browse-skeleton-card:nth-child(5):after{animation-delay:.4s}@keyframes bs-shimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}@media(prefers-reduced-motion:reduce){.browse-skeleton-title:after,.browse-skeleton-card:after{animation:none}}.browse-grid-divider{display:flex;align-items:center;gap:.75rem;margin:2rem 0 .5rem;color:var(--text-dim)}.browse-grid-divider-line{flex:1;height:1px;background:var(--glass-border)}.browse-grid-divider-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}@media(max-width:600px){.browse-section-row>media-card{width:260px}.browse-section-row>playlist-card{width:278px}.browse-section-row>channel-card{width:240px}.browse-skeleton-card{width:260px;height:210px}.browse-section-title{font-size:.9rem}}channel-card{cursor:pointer}.channel-card-content{text-align:center;padding:1.5rem 1rem 1rem;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.channel-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--glass-border);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0f;margin-bottom:1rem;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .2s ease}.media-card:hover .channel-avatar{transform:scale(1.06);border-color:#1a5f3f99;box-shadow:0 12px 32px #00000080,0 0 0 2px #1a5f3f59}.channel-source-badge{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.4rem}.channel-source-text{font-size:.68rem;font-weight:800;text-transform:uppercase;color:var(--text-dim);letter-spacing:.06em}.channel-stats{justify-content:center;margin-top:.35rem;font-size:.82rem;color:var(--text-dim)}.view-playlists-btn{display:block;margin:1rem auto 0;padding:.55rem 1.25rem;background:#1a5f3f40;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);color:var(--text-main);border:1px solid rgba(26,95,63,.45);border-radius:999px;font-weight:700;font-size:.82rem;cursor:pointer;font-family:inherit;width:80%;position:relative;z-index:3;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #1a5f3f33}.view-playlists-btn:hover{background:#1a5f3f73;border-color:#1a5f3fa6;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #1a5f3f59}.view-playlists-btn:active{transform:scale(.95);transition-duration:.1s}@media(max-width:768px){.channel-avatar{width:80px;height:80px;margin-bottom:.75rem}.view-playlists-btn{padding:.5rem 1rem;font-size:.78rem}}.media-card{background:var(--card-gradient, linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .02) 100%));border-radius:20px;border:1px solid var(--glass-border);position:relative;overflow:visible;cursor:pointer;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);box-shadow:0 14px 30px #00000057,inset 0 1px #ffffff1a;backface-visibility:hidden;transform:translateZ(0);isolation:isolate;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .2s ease}.media-card.queue-popover-open{z-index:60}.media-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0f;z-index:20;transition:box-shadow .28s ease}.media-card:hover{transform:translateY(-6px) scale(1.012);border-color:#ffffff38;box-shadow:0 28px 56px #00000080,0 0 0 1px #1a5f3f2e,inset 0 1px #ffffff29}.media-card:hover:after{box-shadow:inset 0 0 0 1px #ffffff1f}.media-card:focus-within{border-color:#5ab081bf;box-shadow:0 0 0 3px #1a5f3f59,0 20px 36px #0006;outline:none}.media-card:active{transform:scale(.97) translateY(-2px);transition-duration:.1s;box-shadow:0 8px 20px #0006,inset 0 1px #ffffff14}.media-card-skeleton{cursor:default;pointer-events:none}.media-card-skeleton:hover,.media-card-skeleton:active{transform:none;border-color:var(--glass-border);box-shadow:0 14px 30px #00000057,inset 0 1px #ffffff1a}.media-card-skeleton .card-queue-actions,.media-card-skeleton .queue-action-popover,.media-card-skeleton .remove-btn,.media-card-skeleton .play-overlay,.media-card-skeleton .watch-progress-bar,.media-card-skeleton .card-action-btn{display:none!important}.skeleton-image{width:100%;height:100%;border-radius:20px 20px 0 0;border:none}.skeleton-line{height:14px;border-radius:10px;border:none}.skeleton-line.title{height:16px;width:78%;margin-bottom:10px}.skeleton-line.creator{width:55%;margin-bottom:12px}.skeleton-meta{gap:.6rem}.skeleton-pill{height:12px;width:60px;border-radius:999px;border:none;display:inline-block}.skeleton-pill.small{width:86px;height:22px}.skeleton-badge{width:84px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.media-image,.card-image-container{width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;border-radius:20px 20px 0 0}.media-image img,.card-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.media-card:hover .media-image img,.media-card:hover .card-image-container img{transform:scale(1.05)}.play-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#060a091a,#060a0999);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;z-index:6;pointer-events:none}.media-card:hover .play-overlay{opacity:1}.play-overlay:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;background:#1a5f3fd1;border:2px solid rgba(74,222,128,.55);box-shadow:0 0 0 8px #1a5f3f2e,0 8px 24px #00000073;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s;transform:scale(.85);opacity:0}.media-card:hover .play-overlay:before{transform:scale(1);opacity:1}.play-overlay svg,.play-overlay i{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.media-card:hover .play-overlay svg,.media-card:hover .play-overlay i{transform:scale(1.12)}.artwork{width:100%;height:100%;object-fit:cover}.source-badge{position:absolute;bottom:10px;right:10px;padding:4px 10px;border-radius:8px;font-size:.68rem;font-weight:800;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);z-index:10;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 12px #0000004d;transition:transform .22s ease,box-shadow .22s ease}.media-card:hover .source-badge{transform:translateY(-2px);box-shadow:0 8px 20px #0006}.source-badge.youtube{background:#ff00006b;color:var(--color-text-main);border-color:#ff000047}.source-badge.soundcloud{background:#ff55006b;color:var(--color-text-main);border-color:#ff550047}.watch-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0006;overflow:hidden;border-radius:0 0 8px 8px}.watch-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-mid) 100%);transition:width .35s ease;box-shadow:0 0 8px #1a5f3f99}.media-info{padding:1.1rem 1.15rem 1rem}.media-source{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);letter-spacing:.07em;display:flex;align-items:center;gap:5px;margin-bottom:.35rem}.media-title{font-size:1.05rem;font-weight:600;margin-bottom:.35rem;line-height:1.4;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.media-creator{font-size:.88rem;color:var(--text-dim);font-weight:500;display:flex;align-items:center;gap:5px;margin-bottom:.3rem}.media-creator svg,.media-creator i{font-size:13px;color:var(--primary);flex-shrink:0}.media-channel{font-size:.8rem;color:var(--text-dim);margin-top:.15rem;padding-left:.6rem}.media-meta{display:flex;gap:.65rem;margin-top:.3rem;font-size:.8rem;color:var(--text-dim);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:3px}.watch-badges{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.watch-badge{padding:4px 10px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:999px;font-size:.7rem;font-weight:600;line-height:1;white-space:normal;color:var(--text-dim);display:flex;align-items:center;gap:3px;transition:background .18s,border-color .18s;min-height:26px}.watch-badge:hover{background:#ffffff17;border-color:#fff3}.watch-badge svg{width:12px;height:12px;flex-shrink:0}.offline-badge--downloading{flex-direction:column;align-items:flex-start;gap:3px;padding-bottom:5px;border-radius:8px}.offline-badge-label{line-height:1}.offline-badge-track{width:100%;min-width:48px;height:2px;border-radius:1px;background:#ffffff1a;overflow:hidden;display:block}.offline-badge-fill{display:block;height:100%;border-radius:1px;background:var(--primary-light, #4ade80);transition:width .3s ease;min-width:3px}.media-card-skeleton .watch-badge{color:transparent;background:#ffffff0f;border-color:#ffffff14}.playlist-badge{background:#d4af371a;border-color:#d4af374d;color:var(--secondary);cursor:pointer;max-width:100%}.playlist-badge .badge-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-badge:hover{background:#d4af3733;border-color:#d4af3780}.semantic-match-badge{background:#38bdf821;border-color:#38bdf859;color:var(--color-info-tint)}.semantic-match-badge:hover{background:#38bdf833;border-color:#38bdf88c}.semantic-match-badge.keyword{background:#94a3b821;border-color:#94a3b859;color:var(--color-info-light)}.semantic-match-badge.keyword:hover{background:#94a3b838;border-color:#94a3b88c}.completed-badge{background:#1a5f3f2e;border-color:#4ade8059;color:var(--primary-light, #4ade80)}.completed-badge:hover{background:#1a5f3f4d;border-color:#4ade808c}.queue-add-btn,.remove-btn{position:absolute;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border-radius:50%;cursor:pointer;color:#fff;z-index:12;transition:opacity .2s,background .2s,transform .2s,box-shadow .2s;min-width:44px;min-height:44px}.card-queue-actions{position:absolute;top:8px;left:8px;z-index:12;opacity:1;transition:opacity .2s}.playlist-card-remove-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.6rem;padding:.5rem .75rem;background:#b428281f;border:1px solid rgba(200,60,60,.3);border-radius:8px;color:#dc6464e6;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;min-height:44px}.playlist-card-remove-btn i{font-size:14px;flex-shrink:0}.playlist-card-remove-btn:hover,.playlist-card-remove-btn:focus-visible{background:#b4282847;border-color:#dc3c3c99;color:#f87575}.playlist-card-remove-btn:active{transform:scale(.97)}.media-card:hover .card-queue-actions,.media-card:focus-within .card-queue-actions{opacity:1}.queue-add-btn{position:static;width:44px;height:44px;background:#08120cbf;border:1px solid rgba(255,255,255,.28);box-shadow:0 4px 14px #00000080}.queue-add-btn:hover,.queue-add-btn:focus-visible{background:#1a5f3fe6;border-color:#1a5f3fbf;transform:scale(1.08);box-shadow:0 6px 18px #1a5f3f80}.queue-add-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1a5f3f73}.queue-add-btn:active{transform:scale(.93)}.queue-action-popover{position:absolute;top:60px;left:8px;background:#060e0af5;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 12px 32px #0000008c;overflow:hidden;min-width:148px;z-index:20;opacity:0;pointer-events:none}.queue-action-popover.open{opacity:1;pointer-events:auto}.queue-action-popover.mobile-portal{position:fixed;top:0;left:0;max-width:calc(100vw - 16px);z-index:1200}.queue-popover-item{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;background:transparent;border:none;color:var(--text-main);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;white-space:nowrap;transition:background .15s;min-height:44px}.queue-popover-item:hover{background:#ffffff14}.queue-popover-item+.queue-popover-item{border-top:1px solid rgba(255,255,255,.07)}.queue-popover-item .ph{color:var(--text-dim);flex-shrink:0}.remove-btn{top:8px;right:8px;width:44px;height:44px;background:#c82626d9;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 14px #c8262666;opacity:0}.media-card:hover .remove-btn{opacity:1}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.remove-btn:active{transform:scale(.93)}.playlist-link{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.playlist-link:hover{text-decoration:underline;opacity:.8}@media(max-width:1023px){.media-card,.source-badge,.queue-add-btn,.remove-btn,.queue-action-popover{-webkit-backdrop-filter:none;backdrop-filter:none}.media-card{backface-visibility:visible;transform:none;isolation:auto}}@media(max-width:768px){.media-card{border-radius:16px;touch-action:manipulation;-webkit-backdrop-filter:none;backdrop-filter:none;backface-visibility:visible;transform:none;isolation:auto}.media-card.queue-popover-open{transform:none}.media-card:hover{transform:none;border-color:var(--glass-border);box-shadow:0 14px 30px #00000057,inset 0 1px #ffffff1a}.media-card:hover .media-image img,.media-card:hover .card-image-container img{transform:none}.media-card:active{transform:scale(.96);box-shadow:0 6px 18px #0006,inset 0 1px #ffffff0f}.card-queue-actions{opacity:1;top:8px;left:8px}.queue-add-btn{width:44px;height:44px}.queue-action-popover{top:60px;left:8px;z-index:80}.remove-btn{opacity:1;width:44px;height:44px;top:8px;right:8px}.media-info{padding:.8rem .9rem .75rem}.media-title{font-size:.92rem;-webkit-line-clamp:3;line-clamp:3}.media-creator{font-size:.8rem}.media-meta{gap:.4rem;font-size:.73rem}.watch-badges{display:none!important}}@media(max-width:480px){.media-card{border-radius:14px}.media-image,.card-image-container,.skeleton-image{border-radius:14px 14px 0 0}.media-info{padding:.72rem .75rem .65rem}.media-title{font-size:.92rem}.queue-add-btn,.remove-btn{width:44px;height:44px}.queue-action-popover{top:60px;left:6px}}@media(pointer:coarse){.play-overlay{opacity:.5}.play-overlay:before{transform:scale(.9);opacity:.8}.media-card:active .play-overlay{opacity:1}.media-card:active .play-overlay:before{transform:scale(1);opacity:1}}@media(hover:none){.card-queue-actions,.remove-btn{opacity:1}.media-card:hover{transform:none;border-color:var(--glass-border);box-shadow:0 14px 30px #00000057,inset 0 1px #ffffff1a}.media-card:hover .media-image img,.media-card:hover .card-image-container img{transform:none}}#network-status-bar{position:fixed;top:0;left:0;right:0;z-index:99999;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:0;font-size:.8rem;font-weight:600;letter-spacing:.01em;overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .25s ease;pointer-events:none}#network-status-bar i{font-size:15px;flex-shrink:0}#network-status-bar.nsb-visible{max-height:36px;opacity:1;padding:.45rem 1rem;pointer-events:auto}#network-status-bar.nsb-offline{background:#b42828eb;color:var(--color-danger-tint);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#network-status-bar.nsb-online{background:#166534eb;color:var(--color-success-pale);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}