:root{--cyber-cyan: #00d0ff;--cyber-magenta: #ff00ff;--cyber-lime: #50fa7b;--cyber-yellow: #fcee0a;--background-dark: #0a0a0a;--background-medium: #ffffff;--background-light: #000000;--text-primary: #000000;--text-secondary: #b3b3b3;--glitch-main-text: #212121;--glitch-red: #ff003c;--glitch-cyan: #00d0ff}body{margin:0;font-family:Orbitron,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-medium);color:var(--text-primary)}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100vh}}.glitch-text{position:relative;color:var(--glitch-main-text);text-shadow:none}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--glitch-red);animation:glitch-anim-1 15s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--glitch-cyan);animation:glitch-anim-2 15s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(10% 0 80% 0)}20%{clip-path:inset(90% 0 2% 0)}40%{clip-path:inset(50% 0 45% 0)}60%{clip-path:inset(15% 0 75% 0)}80%{clip-path:inset(80% 0 10% 0)}to{clip-path:inset(30% 0 60% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(70% 0 20% 0)}20%{clip-path:inset(20% 0 75% 0)}40%{clip-path:inset(95% 0 2% 0)}60%{clip-path:inset(40% 0 40% 0)}80%{clip-path:inset(10% 0 85% 0)}to{clip-path:inset(60% 0 30% 0)}}#root{max-width:1580px;margin:0 auto;padding:0rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.highlight-red{color:#00b4dc}.highlight-blue{color:red}.track-list-container{display:flex;flex-direction:column;gap:.5rem}.track-row{display:flex;align-items:center;padding:.75rem;border-radius:4px;cursor:pointer;transition:background-color .25s ease}.track-row:hover{background-color:#00b8eb}.track-row-art{width:250px;height:250px;object-fit:cover;margin-right:3rem}.track-row-title{color:red;font-weight:600;font-size:1.8rem;margin-bottom:1rem}.track-row-artist{color:#000;font-weight:700;font-size:1.2rem;margin:0}.search-box [type=search]{background-color:#fff;border:10px solid #000000;color:#000;padding:14px;width:100%;max-width:600px;font-size:1rem;border-radius:1px;font-family:Orbitron,sans-serif;font-size:1.5rem;margin-top:1.5rem;margin-bottom:5rem}.search-hits-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:1rem}.ais-Highlight-highlighted{color:#26ff00;background-color:transparent;font-style:normal}@media (max-width: 768px){.main-content h1,.carousel-title{font-size:1.8rem;padding-left:0;text-align:center}.track-row-title{font-size:1rem;margin-bottom:.25rem}.track-row-artist{font-size:.8rem}}.player-container-compact{width:100%;height:100%;padding:0 1rem;color:#fff;box-sizing:border-box;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:1.5rem}.now-playing-info{display:flex;align-items:center;gap:14px;min-width:0;cursor:pointer}.album-art-compact{width:80px;height:80px;object-fit:cover;border-radius:0;flex-shrink:0}.track-text{min-width:0}.track-text .track-title,.track-text .track-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-text .track-title{font-size:1.5rem;margin:0;color:#fff}.track-text .track-artist{font-size:1rem;margin:0;color:#00d0ff}.main-controls-container{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.main-controls{display:flex;align-items:center;gap:16px}.control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin:0;font-size:1.5rem;display:flex;align-items:center}.control-btn:hover{color:#ffc400}.play-pause-btn{background-color:#00d0ff;color:#000;width:30px;height:30px;border-radius:50%;font-size:1rem;transform:scale(1);transition:transform .6s ease;display:flex;justify-content:center;align-items:center}.play-pause-btn:hover{transform:scale(1.05)}.shuffle-btn.active,.repeat-btn.active,.repeat-btn.active-track{color:#00d0ff}.scrubber-container{display:flex;width:100%;align-items:center;gap:8px}.time-display{font-size:.7rem;color:#fff;min-width:40px;text-align:center}.progress-bar{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#fff;border-radius:2px;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#00d0ff;border-radius:50%}.progress-bar:hover::-webkit-slider-thumb{background:red}.side-controls-container{display:flex;justify-content:flex-end;align-items:center}.right-controls{display:flex;align-items:center;gap:1rem}.volume-container{display:flex;align-items:center;width:120px;gap:8px}.volume-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#fff;border-radius:2px;cursor:pointer;width:100%}.volume-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#00d0ff;border-radius:50%}.volume-bar:hover::-webkit-slider-thumb{background:red}.video-overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:999}.video-overlay-element{max-width:90%;max-height:90%}.now-playing-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#fff;text-align:center}.now-playing-artwork{max-width:75vh;max-height:75vh;border-radius:12px;box-shadow:0 10px 30px #00000080;margin-bottom:8rem}.now-playing-text h2{font-size:2rem;margin:0}.now-playing-text p{font-size:1rem;color:#00d0ff;margin:.5rem 0 0}.like-btn{margin-left:3rem;font-size:1.5rem}.like-btn .liked{color:red}@media (max-width: 768px){.player-container-compact{grid-template-columns:auto 1fr;grid-template-areas:"info controls" "info scrubber";height:110px;padding:.75rem}.now-playing-info{grid-area:info;flex-direction:column;gap:8px;width:70px}.album-art-compact{width:50px;height:50px}.main-controls-container{grid-area:controls;gap:0;width:100%;padding:0}.main-controls{gap:1rem;justify-content:center;width:100%}.scrubber-container{grid-area:scrubber;margin:0;padding:0}.side-controls-container{display:none}}@media (max-width: 768px){.player-container-compact{grid-template-columns:auto 1fr;grid-template-areas:"info controls" "info scrubber";height:100px;padding:.5rem;gap:1rem}.now-playing-info{grid-area:info;flex-direction:column;gap:8px;width:70px}.album-art-compact{width:75px;height:75px}.main-controls-container{grid-area:controls;gap:0;width:90%;padding:0}.main-controls{gap:.8rem;justify-content:center;width:80%}.repeat-btn{display:none}.scrubber-container{grid-area:scrubber;margin:0;padding:0}.side-controls-container{display:none}.now-playing-artwork{max-width:95vw;max-height:60vh}.now-playing-text h2{font-size:1.2rem;display:none}.now-playing-text p{font-size:1rem;display:none}}.app-container{display:grid;grid-template-columns:240px 1fr;height:calc(100vh - 90px)}.sidebar{background-color:#000;padding:3rem;box-shadow:3px 0 25px #000;z-index:10;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:flex;flex-direction:column;gap:1.75rem}.sidebar nav a,.logout-btn-nav{color:red;text-decoration:none;font-weight:700;font-size:1.5rem;transition:color .6s ease;background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:Orbitron,sans-serif}.sidebar nav a:hover,.logout-btn-nav:hover{color:#fff}.mobile-nav{display:none}.main-content{overflow-y:auto;padding:.5rem;background-color:#fff;background-image:url(/tictac.png);background-repeat:repeat}.player-footer{position:fixed;bottom:0;left:0;width:100%;height:135px;z-index:1000;background-color:var(--background-light);border-top:3px solid rgb(203,0,0)}@media (max-width: 768px){.app-container{grid-template-columns:1fr;height:100vh}.sidebar{display:none}.main-content{padding-bottom:110px;padding-top:50px}.player-footer{height:130px}.mobile-nav{display:flex;position:fixed;top:0;left:0;right:0;height:70px;background-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:900;justify-content:center;align-items:center;border-bottom:4px solid #333;gap:1rem;padding:0 1rem}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.77rem;flex-grow:1;text-align:center}.mobile-nav-link svg{font-size:1.8rem}.mobile-nav-link.active{color:red}}.playlist-carousel-container{font-size:1.5rem;text-align:center;margin-bottom:2rem}.playlist-carousel-container h2{color:#000;font-size:3rem;text-align:left;margin-bottom:.5rem}.playlist-carousel-container .subtitle{color:red;font-size:1.5rem;font-weight:800;text-align:left;margin-top:0}.carousel-row{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.carousel-row::-webkit-scrollbar{height:8px}.carousel-row::-webkit-scrollbar-thumb{background-color:red;border-radius:4px}.track-card{background-color:#000;padding:1rem;border-radius:8px;width:275px;flex-shrink:0;cursor:pointer;transition:background-color .9s ease}.track-card:hover{background-color:#0099d1}.track-card:hover .track-card-image{transform:scale(1.1)}.track-card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;margin-bottom:1rem;transition:transform 2s ease}.track-card-title{color:#fff;font-weight:700;font-size:1.5rem;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card-artist{color:#00d0ff;font-size:1rem;margin:0}@media (max-width: 768px){.track-card{width:165px;padding:.75rem}.track-card-title{font-size:.8rem}.track-card-artist{font-size:.7rem}.playlist-carousel-container h1{color:#000;font-size:3rem;text-align:center;margin-bottom:.5rem}.directory-card{max-width:95vw;margin:2rem auto 4rem;border-width:2px}.directory-card-image{width:50%;height:50%;transition:transform .9s ease}.directory-card-title{font-size:1.1rem}.directory-card-overlay{padding:.5rem}}.directory-card{position:relative;display:block;width:100%;max-width:250px;margin:3rem auto 6rem;border-radius:100px;overflow:hidden;text-decoration:none;border:6px solid var(--primary-color, #767676)}.directory-card-image{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.directory-card:hover .directory-card-image{transform:scale(1.1)}.directory-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 50%);display:flex;align-items:flex-end;padding:1rem;box-sizing:border-box}.directory-card-title{font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.artist-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.artist-card-image{width:200px;height:200px;object-fit:cover;border-radius:30%;border:8px solid #b6b6b6;transition:border-color .9s ease;transition:transform .9s ease}.artist-card:hover .artist-card-image{transform:scale(1.1)}.artist-card:hover .artist-card-image{border-color:var(--primary-color, #00bbe1)}.artist-card-name{color:#000;font-size:1.3rem;font-weight:700;text-decoration:underline;text-decoration-color:#606060;text-decoration-thickness:4px}.submission-page-container{position:relative;width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;overflow:hidden}.background-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.submission-content-wrapper{max-width:800px;width:100%;padding:2.5rem;background:#ffffffe8;border-radius:8px;border:5px solid var(--black);z-index:2}.submission-subtitle,.submission-warning{text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.submission-subtitle{color:#000;margin-top:3rem;margin-bottom:3rem}.submission-note{color:#000;margin-bottom:1rem}.submission-warning{color:var(--glitch-red)}.submission-form{max-width:600px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1rem}.submission-form input,.submission-form textarea{padding:12px;font-size:1rem;border:1px solid #ffffff;border-radius:4px;font-family:sans-serif;background-color:#000;color:#fff}.submission-form textarea{min-height:120px;resize:vertical}.submission-form button{padding:1rem;font-size:1.2rem;font-family:Orbitron,sans-serif;font-weight:700;color:#fff;background-color:var(--glitch-red);border:none;border-radius:9px;cursor:pointer;transition:background-color .9s ease}.submission-form button:hover{background-color:#00dde5}.submission-success{text-align:center;font-weight:700;color:#000;background-color:#00ff3c;border:3px solid #000000;padding:1rem;border-radius:6px}.submission-error{text-align:center;color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:1rem;border-radius:4px}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2rem;margin-top:4rem;margin-bottom:3rem}.artist-header{height:400px;position:relative;display:flex;align-items:flex-end;padding:2rem;box-sizing:border-box}.artist-header-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to top,black 20%,transparent 100%);mask-image:linear-gradient(to top,black 20%,transparent 100%)}.artist-header h1{position:relative;z-index:2;font-size:3rem;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.8)}.artist-page-content{padding:2rem 0}.auth-form input{background-color:#181818;border:1px solid #535353;color:#fff;padding:14px;margin-bottom:1rem;width:100%;box-sizing:border-box;font-family:Orbitron,sans-serif;font-size:1.2rem;border-radius:4px;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{outline:none;border-color:var(--cyber-cyan);box-shadow:0 0 10px #00f2ff80}.auth-form button{background-color:var(--cyber-magenta);color:#fff;border:none;padding:14px;cursor:pointer;width:100%;text-transform:uppercase;font-weight:700;letter-spacing:.1rem;font-family:Orbitron,sans-serif;font-size:1rem;border-radius:4px;transition:background-color .6s}.auth-form button:hover{background-color:#00d2e6}.auth-form button:disabled{opacity:.5;cursor:not-allowed}.auth-form .error-message{color:var(--glitch-red);margin-top:1rem;text-align:center;font-size:.9rem}.auth-form .success-message{color:var(--cyber-lime);margin-top:1rem;text-align:center;font-size:.9rem}.form-links{display:flex;justify-content:space-between;margin-top:1.5rem}.link-button{background:none;border:none;padding:0;color:var(--text-secondary);font-family:Orbitron,sans-serif;cursor:pointer;text-decoration:underline;font-size:.9rem}.link-button:hover{color:#00d5ff}.auth-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;box-sizing:border-box;position:relative;overflow:hidden}.background-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.background-video-container video{width:100%;height:100%;object-fit:cover;opacity:.3;pointer-events:none}.video-touch-blocker{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;pointer-events:all}.background-video.hidden{display:none}.enter-button-container{z-index:2;position:absolute;bottom:1rem;left:0;width:100%;display:flex;justify-content:center}.enter-button{background-color:#fff;border:4px solid var(--cyber-cyan);color:var(--cyber-cyan);padding:1rem 4rem;font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:.5rem;cursor:pointer;text-shadow:0 0 10px var(--cyber-cyan);transition:all .9s ease}.enter-button:hover{background:var(--cyber-cyan);color:#000;box-shadow:0 0 30px var(--cyber-cyan)}.auth-form-wrapper{width:100%;max-width:480px;padding:2.5rem 3rem;background:#0a0a0abf;border:1px solid var(--cyber-magenta);box-shadow:0 0 30px #ff00ff80;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;opacity:0;transform:scale(.95);transition:opacity .5s ease-out,transform .5s ease-out}.auth-form-wrapper.visible{opacity:1;transform:scale(1)}.auth-title{text-align:center;margin-bottom:2.5rem;font-size:2.2rem;color:var(--cyber-cyan);text-shadow:0 0 5px var(--cyber-cyan);font-weight:700}.auth-form-wrapper h2{font-size:1.5rem;color:azure;text-align:center;margin-bottom:1.5rem}.subscribe-page-container{display:flex;justify-content:center;align-items:flex-end;min-height:100vh;padding:1rem 1rem 5rem;box-sizing:border-box;color:#fff;position:relative;overflow:hidden}.background-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-video-container video{width:100%;height:100%;object-fit:cover;opacity:1}.subscribe-box{max-width:550px;text-align:center;padding:2rem 2.5rem;border:1px solid var(--glitch-red);border-radius:4px;background-color:#121212d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.subscribe-box h1{color:var(--glitch-red);font-size:2.5rem}.subscribe-box p{color:#fff;line-height:1.6;font-size:1.1rem}.subscribe-action{margin:2rem 0}