:root{--background-primary: #121212;--background-secondary: #1E1E1E;--background-tertiary: #2C2C2C;--background-card: #333333;--accent-primary: #BB86FC;--accent-secondary: #9A63DB;--accent-teal: #03DAC6;--accent-red: #FF5252;--text-primary: #E0E0E0;--text-secondary: #A0A0A0;--rank-gold: #FFD700;--rank-silver: #C0C0C0;--rank-bronze: #CD7F32;--shadow-light: 0 2px 8px rgba(0, 0, 0, .3);--shadow-normal: 0 4px 12px rgba(0, 0, 0, .5);--shadow-accent: 0 4px 12px rgba(187, 134, 252, .2);--radius-small: 5px;--radius-normal: 10px;--radius-large: 25px;--transition-quick: .2s ease;--transition-normal: .3s ease;--space-xs: 5px;--space-sm: 10px;--space-md: 15px;--space-lg: 20px;--space-xl: 30px}body.light-mode{--background-primary: #F5F5F5;--background-secondary: #FFFFFF;--background-tertiary: #E8E8E8;--background-card: #F0F0F0;--accent-primary: #8B5CF6;--accent-secondary: #7C3AED;--accent-teal: #14B8A6;--accent-red: #EF4444;--text-primary: #1F2937;--text-secondary: #6B7280;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-normal: 0 4px 12px rgba(0, 0, 0, .15);--shadow-accent: 0 4px 12px rgba(139, 92, 246, .2)}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:var(--background-primary);color:var(--text-primary);padding:var(--space-lg);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 var(--background-secondary);transition:background-color var(--transition-normal),color var(--transition-normal)}body.light-mode{scrollbar-color:#CBD5E1 var(--background-secondary)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--background-secondary)}body::-webkit-scrollbar-thumb{background-color:#444;border-radius:var(--radius-small);border:2px solid var(--background-secondary)}body.light-mode::-webkit-scrollbar-thumb{background-color:#cbd5e1}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:var(--space-md);color:var(--accent-primary)}h2{font-size:28px}h3{font-size:24px}p{line-height:1.6;margin-bottom:var(--space-md)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--accent-secondary);text-decoration:underline}button{cursor:pointer;border:none;font-size:16px;transition:background-color var(--transition-normal),transform var(--transition-quick)}button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.hidden{display:none!important}:focus{outline:2px solid var(--accent-primary);outline-offset:2px}button,.song-card,.leaderboard-entry{user-select:none}body[data-debug=true]:before{content:"Debug Mode";position:fixed;top:10px;right:10px;background:var(--accent-red);color:#fff;padding:5px 10px;border-radius:var(--radius-small);font-size:12px;z-index:9999}.top-bar-button{padding:10px 20px;background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-large);font-weight:600;transition:all var(--transition-normal)}.top-bar-button:hover{background-color:var(--accent-secondary);transform:translateY(-2px)}.settings-button{padding:10px 20px;background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-large);font-weight:600;transition:all var(--transition-normal)}.settings-button:hover{background-color:var(--accent-secondary);transform:translateY(-2px)}.home-nav-button{padding:15px 30px;background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-large);font-size:18px;margin:var(--space-sm) 0;min-width:200px;box-shadow:var(--shadow-normal)}.home-nav-button:hover{background-color:var(--accent-secondary);transform:translateY(-2px)}.go-back-button{margin-bottom:var(--space-lg);padding:10px 20px;background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-large)}.go-back-button:hover{background-color:var(--accent-secondary);transform:translateY(-2px)}#search-input{width:100%;padding:15px;font-size:16px;border:2px solid var(--background-card);background-color:var(--background-tertiary);color:var(--text-primary);border-radius:var(--radius-large);outline:none;transition:all var(--transition-normal);box-shadow:var(--shadow-light)}#search-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-accent)}.search-results{list-style-type:none;position:absolute;width:100%;max-height:400px;overflow-y:auto;background-color:var(--background-tertiary);border:1px solid var(--background-card);border-radius:var(--radius-normal);margin-top:var(--space-sm);box-shadow:var(--shadow-normal);z-index:999;scrollbar-width:thin;scrollbar-color:#444 var(--background-tertiary)}.search-container:has(.search-results:not(:empty)){margin-bottom:calc(400px + var(--space-lg))}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--background-tertiary);border-radius:var(--radius-normal)}.search-results::-webkit-scrollbar-thumb{background-color:#444;border-radius:var(--radius-normal)}body.light-mode .search-results{scrollbar-color:#CBD5E1 var(--background-tertiary)}body.light-mode .search-results::-webkit-scrollbar-thumb{background-color:#cbd5e1}.search-results li{padding:var(--space-sm);cursor:pointer;transition:background-color var(--transition-normal);border-bottom:1px solid #444;color:var(--text-primary)}body.light-mode .search-results li{border-bottom-color:#e5e7eb}.search-results li:hover{background-color:#373737}body.light-mode .search-results li:hover{background-color:#f3f4f6}.search-results li:last-child{border-bottom:none}.search-results li strong{color:var(--accent-primary)}.song-card:hover{transform:scale(1.05);box-shadow:0 6px 16px #bb86fc4d}.cover-image-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:var(--radius-normal);margin-bottom:var(--space-sm)}.song-card .cover-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-normal);object-fit:cover;transition:opacity var(--transition-normal)}.song-card:hover .cover-image{opacity:0}.song-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-entry{padding:var(--space-sm);border:2px solid var(--background-card);border-radius:var(--radius-normal);margin-bottom:var(--space-sm);display:flex;justify-content:space-between;align-items:center;text-align:center;background-color:var(--background-tertiary);font-weight:600;color:var(--text-primary);transition:transform var(--transition-quick)}.leaderboard-entry:hover{transform:translate(5px)}.leaderboard-entry span{flex:1;text-align:center;text-shadow:0px 1px 2px rgba(0,0,0,.1)}.leaderboard-entry span:first-child{color:var(--accent-primary);font-weight:700}.leaderboard-entry span:nth-child(2){transition:font-weight var(--transition-normal),color var(--transition-normal)}.leaderboard-entry span:nth-child(2):hover{font-weight:700;color:var(--accent-primary);cursor:pointer}.purple{color:var(--accent-primary)!important}.blue{color:var(--accent-teal)!important}.grey{color:var(--text-secondary)!important}.gold{border-color:var(--rank-gold);box-shadow:0 4px 12px #ffd7004d}.silver{border-color:var(--rank-silver);box-shadow:0 4px 12px #c0c0c04d}.bronze{border-color:var(--rank-bronze);box-shadow:0 4px 12px #cd7f324d}.load-more{margin-top:var(--space-lg);padding:10px 20px;background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-large);transition:background-color var(--transition-normal),transform var(--transition-quick)}.load-more:hover{background-color:var(--accent-secondary);transform:translateY(-2px)}.load-more:active{transform:translateY(1px)}.tooltip{position:absolute;background-color:var(--background-tertiary);color:var(--text-primary);padding:var(--space-sm);border-radius:var(--radius-small);box-shadow:var(--shadow-normal);display:none;z-index:1000;font-size:14px;line-height:1.5;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.tooltip.show{display:block;opacity:1}.spinner{width:40px;height:40px;border:4px solid rgba(187,134,252,.3);border-radius:50%;border-top-color:var(--accent-primary);animation:spin 1s ease-in-out infinite}.error-message{color:var(--accent-red);font-size:16px;text-align:center;margin:20px 0;padding:10px;background-color:#ff52521a;border-radius:var(--radius-small)}.lozad{opacity:0;transition:opacity .5s ease-in-out}.lozad.fade{opacity:1}#coach-count{display:flex;align-items:center}#coach-count span{margin-left:5px}.icon{display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle}.icon-difficulty-easy{background-image:url(../img/Easy.png)}.icon-difficulty-medium{background-image:url(../img/Medium.png)}.icon-difficulty-hard{background-image:url(../img/Hard.png)}.icon-difficulty-extreme{background-image:url(../img/Extreme.png)}.icon-effort-chill{background-image:url(../img/Chill.png)}.icon-effort-moderate{background-image:url(../img/Moderate.png)}.icon-effort-intense{background-image:url(../img/Intense.png)}.icon-jdplus{background-image:url(../img/JDPlus.png);width:16px;height:16px}.icon-jdplus-badge{background-image:url(../img/JDPlus.png);width:30px;height:30px}.icon-coach{background-image:url(../img/Coach.png);width:20px;height:20px;margin-right:0;margin-left:-1px}.icon-coach:first-child{margin-left:0}.icon-large{width:22px;height:22px}.page{display:none;opacity:0;transition:opacity var(--transition-normal),transform var(--transition-normal);transform:translateY(10px)}.page.active{opacity:1;display:block;transform:translateY(0)}.top-bar{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-sm);background-color:var(--background-secondary);border-radius:var(--radius-normal);margin-bottom:var(--space-lg);box-shadow:var(--shadow-normal);z-index:100;position:sticky;top:0}#home-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 40px);flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at center,rgba(187,134,252,.1) 0%,transparent 70%)}#home-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(187,134,252,.02) 10px,rgba(187,134,252,.02) 20px);animation:moveBackground 20s linear infinite;z-index:-1}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.home-content{text-align:center;z-index:1}.home-title{font-size:48px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(187,134,252,.3))}to{filter:drop-shadow(0 0 20px rgba(187,134,252,.6))}}.home-subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:var(--space-xl)}.home-buttons{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.home-nav-button{padding:20px 40px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:var(--radius-large);font-size:18px;min-width:200px;box-shadow:var(--shadow-normal);position:relative;overflow:hidden;transition:all var(--transition-normal)}.home-nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.home-nav-button:hover:before{left:100%}.home-nav-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #bb86fc4d}.all-songs-container{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-lg);padding-right:80px;overflow:visible;position:relative;transition:padding-right var(--transition-normal)}.all-songs-container.sidebar-expanded{padding-right:290px}.songs-nav-sidebar{position:fixed;right:20px;top:50%;transform:translateY(-50%);background:var(--background-secondary);border-radius:var(--radius-normal);padding:var(--space-md);box-shadow:var(--shadow-normal);z-index:50;max-height:80vh;overflow-y:auto;transition:all var(--transition-normal);width:250px}body.light-mode .songs-nav-sidebar{background:var(--background-secondary);box-shadow:0 4px 12px #0000001a}.songs-nav-sidebar.collapsed{width:50px;padding:10px;overflow:hidden}.songs-nav-sidebar.collapsed .sidebar-search,.songs-nav-sidebar.collapsed .edition-nav-list{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.songs-nav-sidebar:not(.collapsed) .sidebar-search,.songs-nav-sidebar:not(.collapsed) .edition-nav-list{opacity:1;visibility:visible;transition:opacity .2s ease .1s,visibility .2s ease .1s}.sidebar-search{margin-bottom:var(--space-md);transition:opacity var(--transition-normal)}.sidebar-search input{width:100%;padding:8px 12px;border:2px solid var(--background-card);background-color:var(--background-tertiary);color:var(--text-primary);border-radius:var(--radius-normal);font-size:14px;transition:all var(--transition-normal)}.sidebar-search input:focus{border-color:var(--accent-primary);outline:none}.edition-nav-list{list-style:none;display:flex;flex-direction:column;gap:5px;transition:opacity var(--transition-normal)}.edition-nav-item{padding:8px 12px;border-radius:var(--radius-small);cursor:pointer;transition:all var(--transition-normal);font-size:14px;white-space:nowrap}.edition-nav-item:hover{background-color:var(--background-tertiary);color:var(--accent-primary)}.edition-nav-item.active{background-color:var(--accent-primary);color:#fff}.sidebar-toggle{position:absolute;top:10px;right:10px;background:var(--accent-primary);border:none;color:#fff;cursor:pointer;font-size:20px;width:30px;height:30px;border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.sidebar-toggle:hover{background:var(--accent-secondary)}.sidebar-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.edition-section{margin-bottom:var(--space-lg);overflow:visible;position:relative;scroll-margin-top:100px}.song-row{display:flex;gap:var(--space-lg);flex-wrap:wrap;align-items:flex-start;position:relative;min-height:300px}.song-card{width:calc(33.333% - var(--space-lg));flex-shrink:0;position:relative;transform-origin:center;transform:scale(1);z-index:1;transition:transform var(--transition-normal),z-index .01s,box-shadow var(--transition-normal),padding var(--transition-normal)}.song-card:hover{z-index:10}.container{max-width:800px;margin:0 auto;background-color:var(--background-secondary);border-radius:var(--radius-normal);box-shadow:var(--shadow-normal);padding:var(--space-lg);text-align:center}.search-container{position:relative;margin-bottom:var(--space-lg)}.media-preview{margin:var(--space-lg) 0;text-align:center}.media-wrapper{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto;flex-wrap:nowrap}.cover-image{width:375px;height:auto;border-radius:var(--radius-normal);box-shadow:var(--shadow-light);display:block;object-fit:cover}#song-preview{width:375px;height:auto;aspect-ratio:16/9;border-radius:var(--radius-normal);box-shadow:var(--shadow-light)}.song-details{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-md)}.selected-song{font-size:24px;font-weight:700;margin-bottom:var(--space-xs)}.extra-info{font-size:18px;color:var(--accent-primary);margin-bottom:var(--space-sm)}.song-detail{margin:var(--space-xs) 0;font-size:16px;color:var(--text-secondary)}.main-content{display:flex;justify-content:space-between;align-items:flex-start}.leaderboard-container{width:100%}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-lg)}.total-players{font-size:14px;font-weight:700}@media(max-width:1400px){.songs-nav-sidebar{display:none}.all-songs-container{padding-right:var(--space-lg)!important}}@media(max-width:1024px){.song-card{width:calc(50% - var(--space-lg))}.home-title{font-size:36px}.home-subtitle{font-size:18px}}@media(max-width:768px){.song-card{width:calc(50% - var(--space-lg))}.media-wrapper{flex-direction:column}.cover-image,#song-preview{width:100%;margin-bottom:var(--space-sm)}.top-bar{flex-wrap:wrap}.home-title{font-size:28px}.home-subtitle{font-size:16px}.home-buttons{flex-direction:column;align-items:center}}.coach-icon{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:5px}.song-detail{display:flex;align-items:center;margin:var(--space-xs) 0;font-size:16px;color:var(--text-secondary)}@media(max-width:480px){.song-card{width:100%}.top-bar{flex-direction:column;gap:var(--space-sm)}.selected-song{font-size:18px}.leaderboard-entry{font-size:14px}.container{padding:var(--space-sm)}.home-title{font-size:24px}.home-nav-button{min-width:160px;padding:15px 30px;font-size:16px}}.song-card{background-color:var(--background-tertiary);border-radius:var(--radius-normal);box-shadow:var(--shadow-normal);padding:var(--space-md);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden;cursor:pointer}.song-card:hover{transform:scale(1.08);padding-top:45px;padding-bottom:45px;z-index:100}.song-card:not(.jdplus-song):hover{transform:scale(1.02);padding-top:32px;padding-bottom:32px}.song-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition-normal)}.song-card:hover .song-title{opacity:0}.song-info-banner{position:absolute;top:0;left:0;right:0;background-color:#282828e6;padding:var(--space-sm);z-index:30;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--accent-primary)}body.light-mode .song-info-banner{background-color:#ffffffe6;border-bottom-color:var(--accent-primary)}.song-info-title{font-size:16px;font-weight:700;color:var(--text-primary);width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-info-artist{font-size:14px;color:var(--text-secondary);width:100%;text-align:left;margin-top:2px}.song-info-jdplus{display:flex;align-items:center;margin-top:6px}.song-info-jdplus img{width:16px;height:16px;margin-right:6px}.song-card:hover .song-info-banner{display:flex}.cover-image-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:var(--radius-normal);margin-bottom:30px}.song-card .cover-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-normal);object-fit:contain;transition:opacity var(--transition-normal)}.jd-plus-badge{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;box-shadow:0 2px 8px #00000080;z-index:5;transition:opacity .3s ease}.song-card:hover .jd-plus-badge{opacity:0}.song-card .difficulty{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;padding:var(--space-xs) var(--space-sm);background-color:#282828cc;border-radius:30px;backdrop-filter:blur(4px);box-shadow:0 2px 5px #0003;z-index:10;transition:opacity var(--transition-normal)}.song-card .effort{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;padding:var(--space-xs) var(--space-sm);background-color:#282828cc;border-radius:30px;backdrop-filter:blur(4px);box-shadow:0 2px 5px #0003;z-index:10;transition:opacity var(--transition-normal)}body.light-mode .song-card .difficulty,body.light-mode .song-card .effort{background-color:#fffc}.difficulty{color:var(--accent-red)}.effort{color:var(--accent-teal)}.song-card .difficulty .icon,.song-card .effort .icon{width:20px;height:20px}.difficulty-text,.effort-text{font-size:12px;font-weight:700;margin-left:5px;display:none}.song-bottom-info{position:absolute;left:0;right:0;bottom:0;background-color:#282828e6;padding:var(--space-sm);z-index:30;display:none;justify-content:space-between;align-items:center;border-top:1px solid var(--accent-primary)}body.light-mode .song-bottom-info{background-color:#ffffffe6}.song-bottom-info .difficulty-text,.song-bottom-info .effort-text{display:inline-block}.song-bottom-info .difficulty,.song-bottom-info .effort{position:static;background-color:transparent;box-shadow:none;padding:0}.song-card:hover .song-bottom-info{display:flex}.song-card:hover>.difficulty,.song-card:hover>.effort{opacity:0}.video-area{position:absolute;z-index:3;display:none;overflow:hidden}.song-card.jdplus-song:hover .video-area{display:block;inset:88px 0 45px;padding:0;margin:0}.song-card:not(.jdplus-song):hover .video-area{display:block;inset:63px 0 43px;padding:0;margin:0}.video-preview{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border-radius:var(--radius-normal);display:none;object-fit:contain;background-color:#000c}.hover-video-active{display:block!important}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#121212b3;border-radius:var(--radius-normal);z-index:4;padding:10px}.video-loading img{width:100%;height:100%;animation:spin 1s linear infinite}.song-row{display:flex;gap:var(--space-lg);flex-wrap:wrap;align-items:flex-start}.song-row .song-card{transform-origin:center;transform:scale(1)}.edition-section{overflow:visible}.settings-panel{position:fixed;top:0;right:-300px;width:280px;height:100%;background-color:var(--background-secondary);box-shadow:-4px 0 15px #00000080;z-index:1000;transition:right .3s ease;padding:20px;overflow-y:auto}body.light-mode .settings-panel{box-shadow:-4px 0 15px #0000001a}.settings-panel.active{right:0}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--background-card);padding-bottom:15px}.settings-title{font-size:20px;font-weight:700;color:var(--accent-primary)}.settings-close{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;transition:color var(--transition-normal)}.settings-close:hover{color:var(--accent-primary)}.settings-section{margin-bottom:25px}.settings-section-title{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--accent-teal)}.volume-container{width:100%;display:flex;flex-direction:column;gap:10px}.volume-controls{display:flex;align-items:center;gap:10px}.volume-icon{width:24px;height:24px;cursor:pointer;transition:transform var(--transition-quick)}.volume-icon:hover{transform:scale(1.1)}.volume-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--background-card);border-radius:5px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:background var(--transition-quick)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;transition:background var(--transition-quick)}.volume-slider::-webkit-slider-thumb:hover{background:var(--accent-secondary)}.volume-slider::-moz-range-thumb:hover{background:var(--accent-secondary)}.volume-value{width:40px;text-align:right;font-size:14px;color:var(--text-primary)}.display-options{display:flex;flex-direction:column;gap:12px}.option-row{display:flex;justify-content:space-between;align-items:center}.option-label{font-size:14px;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--background-card);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--text-primary);transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translate(26px);background-color:#fff}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:none}body.light-mode .settings-overlay{background-color:#0000004d}.settings-overlay.active{display:block}@media(max-width:768px){.settings-panel{width:250px;right:-250px}.settings-section{margin-bottom:20px}.volume-controls{gap:8px}.volume-value{width:35px;font-size:13px}}.loading-spinner{width:60px;height:60px;background-image:url(../img/Loading_1.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:spin 1s linear infinite}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#121212cc;z-index:2000}.page-loader .loading-spinner{width:80px;height:80px}.loader{display:flex;justify-content:center;align-items:center;height:100px;width:100%}.loader .loading-spinner{width:60px;height:60px}.media-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#121212b3;border-radius:var(--radius-normal);z-index:10}.media-loading .loading-spinner{width:60px;height:60px;background-image:url(../img/Loading_2.png)}.video-loading .loading-spinner{width:40px;height:40px;background-image:url(../img/Loading_2.png)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--background-tertiary) 25%,var(--background-card) 50%,var(--background-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--background-tertiary);border-radius:var(--radius-normal);z-index:1}.image-placeholder .loading-spinner{width:40px;height:40px}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.loader img,.media-loading img,.video-loading img,.page-loader img{animation:spin 1s linear infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page.active{animation:fadeIn .5s ease-out}.edition-section{animation:fadeIn .5s ease-in-out}.leaderboard-entry{animation:slideInRight .3s ease-out;animation-fill-mode:both}.leaderboard-entry:nth-child(1){animation-delay:.05s}.leaderboard-entry:nth-child(2){animation-delay:.1s}.leaderboard-entry:nth-child(3){animation-delay:.15s}.leaderboard-entry:nth-child(4){animation-delay:.2s}.leaderboard-entry:nth-child(5){animation-delay:.25s}.leaderboard-entry:nth-child(6){animation-delay:.3s}.leaderboard-entry:nth-child(7){animation-delay:.35s}.leaderboard-entry:nth-child(8){animation-delay:.4s}.leaderboard-entry:nth-child(9){animation-delay:.45s}.leaderboard-entry:nth-child(10){animation-delay:.5s}.gold{animation:pulse 2s infinite}.search-results li{animation:slideInUp .2s ease-out}.top-bar-button:hover,.home-nav-button:hover,.go-back-button:hover,.load-more:hover{animation:pulse .5s ease-in-out}.song-card{animation:fadeIn .3s ease-in-out}.song-card:hover{transform:scale(1.03);box-shadow:0 6px 16px #bb86fc4d}.cover-image.fade{animation:fadeIn .5s ease-in-out}.tooltip.show{animation:fadeIn .2s ease-in-out}.error-message{animation:fadeIn .3s ease-in-out}html,body{overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{max-width:100%;height:auto}video{max-width:100%;height:auto!important}button,.song-card,.leaderboard-entry,.search-results li,.top-bar-button,.go-back-button,.home-nav-button,.load-more{min-height:44px}input[type=text],input[type=search],textarea{font-size:16px}video::-webkit-media-controls{display:flex!important;opacity:1!important}.play-button{display:block;width:100%;margin:10px 0;padding:10px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-normal);font-size:16px;cursor:pointer}.play-button:hover{background-color:var(--accent-secondary)}.tooltip.show{max-width:80vw;word-break:break-word}.page-loader,.loader{display:flex;justify-content:center;align-items:center}.page-loader img,.loader img{max-width:60px}@media(hover:none){.song-card:hover{transform:none}.song-card .cover-image,.song-card .difficulty,.song-card .effort{opacity:1!important}.leaderboard-entry:hover{transform:none}.song-card .song-info-banner{display:flex;position:static;background:transparent;padding:5px 0;border:none}.song-card .song-info-title,.song-card .song-info-artist{text-align:center;width:100%}.song-card .song-title{opacity:0;height:0;margin:0;overflow:hidden}.top-bar-button:hover,.home-nav-button:hover,.go-back-button:hover,.load-more:hover{transform:none;animation:none}}@media(max-width:1024px){.song-card{width:calc(50% - var(--space-lg))}.leaderboard-entry{padding:var(--space-xs);font-size:14px}.media-wrapper{max-width:100%}.song-card .cover-image-container{margin-bottom:15px}.settings-panel{width:320px;right:-320px}}@media(max-width:768px){.container,body{padding:var(--space-sm)}.media-wrapper{flex-direction:column}.cover-image,#song-preview{width:100%;max-width:100%;margin-bottom:var(--space-sm)}.top-bar{flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.top-bar-button{padding:8px 16px;font-size:14px;flex:1;text-align:center}.home-buttons{width:100%;display:flex;flex-direction:column;align-items:center}.home-nav-button{min-width:auto;width:90%}.selected-song{font-size:20px;line-height:1.4}.song-detail{font-size:14px;margin:5px 0}.leaderboard-entry{font-size:13px;padding:8px}.song-row{gap:var(--space-sm)}.song-card{width:calc(50% - var(--space-sm));padding:var(--space-sm)}}@media(max-width:576px){.song-card{width:100%}body,.container{padding:10px}.top-bar{flex-direction:column;gap:8px;padding:8px}.top-bar-button{width:100%;margin-bottom:4px}.selected-song{font-size:18px;line-height:1.3;word-break:break-word}.extra-info{font-size:14px}.song-detail{margin:4px 0;font-size:13px}.difficulty-icon,.effort-icon,.coach-icon{width:16px;height:16px}.leaderboard-entry{font-size:12px;padding:6px}.leaderboard-entry span:first-child{flex:.5}.leaderboard-container h2{font-size:20px;margin-bottom:10px}.footer{flex-direction:column;gap:8px;margin-top:15px}.load-more{width:100%}.total-players{margin-top:5px}#search-input{padding:10px;font-size:14px}.search-container{margin-bottom:10px}.search-results{max-height:250px}.search-results li{padding:10px 8px;font-size:14px}.go-back-button{width:100%;margin-bottom:12px;padding:10px}.cover-image{max-height:200px;object-fit:contain}#song-preview{max-height:200px}.settings-panel{width:85%;right:-85%}.song-card{margin-bottom:15px}.song-card:hover{transform:none;box-shadow:var(--shadow-normal)}.edition-title{font-size:18px;margin-bottom:10px}.edition-section{margin-bottom:20px}}@media(max-width:375px){body,.container{padding:5px}.selected-song{font-size:16px}.extra-info,.song-detail{font-size:12px}.leaderboard-entry{font-size:11px;padding:5px}.cover-image,#song-preview{max-height:180px}.search-results li{font-size:13px;padding:8px 5px}}.main-content{width:100%}.media-loading img,.video-loading img{max-width:40px;max-height:40px}.song-title,.song-info-title{word-break:break-word;overflow-wrap:break-word}.video-loading{width:100%;height:100%}@supports (-webkit-touch-callout: none){body,.settings-panel{padding-bottom:env(safe-area-inset-bottom,20px)}}.leaderboard{-webkit-overflow-scrolling:touch;overflow-y:auto;max-height:60vh}