*{box-sizing:border-box;margin:0;padding:0}.skip-to-main{z-index:999;color:#fff;background-color:#000000e6;border-radius:4px;padding:1em;text-decoration:none;position:absolute;left:-9999px}.player-controls{width:100%}.skip-to-main:focus{top:10px;left:50%;transform:translate(-50%)}body{background:#2a1810;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden auto}#video-bg{object-fit:cover;z-index:1;opacity:1;transform-origin:50%;width:100vw;min-width:100vw;height:100vh;min-height:100vh;transition:opacity .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(1.15)}#video-bg.video-hidden{opacity:0;pointer-events:none}.video-poster-bg{z-index:0;opacity:1;transform-origin:50%;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay{z-index:2;background:#65433e40;width:100%;height:100%;position:fixed;top:0;left:0}.weather-effect{pointer-events:none;z-index:3;mix-blend-mode:screen;position:fixed;inset:0;overflow:hidden}.snow-effect:before,.snow-effect:after{content:"";opacity:.62;will-change:transform;background-image:radial-gradient(circle,#ffffffe6 0 2px,#0000 2.5px),radial-gradient(circle,#ffffff80 0 2.8px,#0000 3.4px),radial-gradient(circle,#ffffff59 0 1.5px,#0000 2px);background-position:12px 24px,78px 96px,132px 42px;background-size:170px 190px,260px 280px,120px 150px;animation:23s linear infinite snowFall;position:absolute;inset:-100vh 0 0}.snow-effect:after{filter:blur(1px);opacity:.38;background-size:230px 250px,330px 360px,180px 210px;animation-duration:36s;animation-delay:-14s}.rain-effect{opacity:.92}@keyframes snowFall{0%{transform:translate(-1vw)}to{transform:translate(2vw,100vh)}}.nav-arrows{z-index:10;pointer-events:none;justify-content:space-between;width:100%;display:flex;position:fixed;top:50%}.nav-arrows .nav-arrow{pointer-events:all;color:#fff;text-decoration:none;transition:opacity .3s}.language-selector{z-index:10;position:absolute;top:35px;right:20px}.language-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.85rem;transition:all .3s;display:flex}.language-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.language-arrow{font-size:.7rem;transition:transform .3s}.language-btn.active .language-arrow{transform:rotate(180deg)}.language-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;visibility:hidden;background:#000000d9;border:1px solid #fff3;border-radius:8px;min-width:120px;margin-top:5px;transition:all .3s;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-10px)}.language-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.language-option{color:#fffc;border-bottom:1px solid #ffffff1a;align-items:center;padding:10px 15px;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.language-option:last-child{border-bottom:none}.language-option:hover{color:#fff;background:#ffffff1a}.language-option.current{color:#fff;background:#ffffff0d;font-weight:500}.language-flag{align-items:center;height:20px;margin-right:8px;display:inline-flex}.settings-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#0009;border:1px solid #fff3;border-radius:12px;min-width:275px;padding:15px;transition:all .3s;position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px)}.settings-popover.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.settings-popover:after{content:"";background:#0009;border-bottom:1px solid #fff3;border-right:1px solid #fff3;width:12px;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-6px)rotate(45deg)}.settings-title{color:#fff;text-align:center;margin-bottom:15px;font-size:1rem;font-weight:500}.settings-option{justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;display:flex}.settings-label{color:#ffffffe6;align-items:center;gap:8px;padding-right:12px;font-size:.9rem;display:flex}.settings-weather-icon{flex:none;width:24px;height:24px;position:relative}.settings-equalizer-icon{flex:none;justify-content:center;align-items:end;gap:3px;width:24px;height:24px;padding:4px 0;display:inline-flex}.settings-equalizer-icon span{background:linear-gradient(#ffbd6b,#ff4c4c);border-radius:999px;width:4px;box-shadow:0 0 6px #ff574c59}.settings-equalizer-icon span:first-child{height:10px}.settings-equalizer-icon span:nth-child(2){height:16px}.settings-equalizer-icon span:nth-child(3){height:13px}.settings-weather-icon.snow{stroke:#f5faffe6;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;filter:drop-shadow(0 1px 2px #ffffff2e)}.settings-weather-icon.rain:before{content:"";background:#dcebffbf;border-radius:10px;width:14px;height:8px;position:absolute;top:3px;left:5px;box-shadow:-4px 3px #dcebff8c,4px 2px #dcebff80}.settings-weather-icon.rain:after{content:"";background:#aadcffd9;border-radius:4px;width:3px;height:7px;position:absolute;top:14px;left:5px;transform:skew(-12deg);box-shadow:6px -1px #aadcffb3,12px 0 #aadcff8c}.settings-toggle{cursor:pointer;background:#ffffff4d;border:2px solid #fff3;border-radius:14px;width:46px;height:24px;transition:all .3s;position:relative}.settings-toggle.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff4d}.settings-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:0;left:1px;box-shadow:0 2px 8px #0000004d}.settings-toggle.active:after{left:22px}.container{z-index:5;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex;position:relative;top:50px}.about-section{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#2a18104d 0%,#000c 50%,#2a1810e6 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 20px 40px;display:flex;position:relative}.about-content{text-align:center;color:#fff;flex-direction:column;width:100%;max-width:800px;min-height:calc(100vh - 120px);display:flex}.about-title,.about-div{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:3rem;font-weight:700;animation:3s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:0 0 20px #ff6b6b4d}to{text-shadow:0 0 40px #45b7d180}}.about-text{color:#ffffffe6;text-shadow:1px 1px 3px #00000080;margin-bottom:50px;font-size:1.3rem;line-height:1.8}.about-text p{margin-bottom:20px}.genre-about,.genre-faq{text-align:center;color:#ffffffe6;text-shadow:1px 1px 3px #00000080;margin-bottom:50px}.genre-about h2,.genre-faq h2{color:#fff;margin-bottom:20px;font-size:1.6rem;font-weight:700}.genre-about p{margin-bottom:20px;font-size:1.15rem;line-height:1.8}.genre-faq h3{color:#fff;margin:24px 0 10px;font-size:1.2rem;font-weight:600}.genre-faq p{margin:0;font-size:1.1rem;line-height:1.7}@media (max-width:768px){.genre-about h2,.genre-faq h2{font-size:1.35rem}.genre-about p,.genre-faq p{font-size:1.05rem}}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:50px;display:grid}.features-h2{margin-bottom:30px;font-size:28px;display:block}.feature-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:30px 20px;transition:all .3s}.feature-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.feature-icon{margin-bottom:20px;font-size:3rem;display:block}.feature-title{color:#fff;margin-bottom:15px;font-size:1.4rem;font-weight:700}.feature-description{color:#fffc;font-size:1rem;line-height:1.6}.social-section{margin-top:40px}.social-title{color:#fff;text-shadow:2px 2px 4px #00000080;margin-bottom:30px;font-size:2rem;font-weight:700}.social-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;align-items:center;gap:10px;padding:15px 25px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{background:#fff3;border-color:#fff6;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.social-icon{font-size:1.5rem}.scroll-indicator{color:#ffffffb3;text-align:center;z-index:10;font-size:.9rem;animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.scroll-arrow{margin-top:5px;font-size:1.5rem;display:block}.logo-section{z-index:100;text-align:left;align-items:center;gap:12px;margin-bottom:0;display:flex;position:fixed;top:20px;left:20px}.logo-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 20px;animation:3s ease-in-out infinite alternate logoGlow;display:flex;position:relative}@keyframes logoGlow{0%{box-shadow:0 0 20px #ffffff4d}to{box-shadow:0 0 40px #ffffff80}}.logo-text{color:#fff;text-shadow:2px 2px 8px #000000b3;font-size:3rem;font-style:italic;font-weight:700;transform:rotate(-5deg)}.track-info{text-align:center;color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:10px;display:flex}.track-title{text-shadow:2px 2px 6px #000000b3;max-width:500px;margin-bottom:0;font-size:1.8rem;font-weight:400}.track-info .emoji{font-size:1.5rem;line-height:1}.now-playing{color:#ffffffd9;text-shadow:1px 1px 4px #000000b3;flex-basis:100%;min-height:1.4em;margin:4px 0 0;font-size:1rem;line-height:1.4}.now-playing-label{opacity:.7;font-size:.85em}.now-playing-title{margin-right:28px;font-weight:500}.progress-container{cursor:pointer;background:#fff3;border-radius:2px;width:80%;max-width:800px;height:4px;margin:0 auto 30px;transition:all .3s;position:relative}.progress-container:hover{height:6px;margin-bottom:29px}.progress-bar{background:linear-gradient(90deg,#ff6b6b,#ff8e53);border-radius:2px;width:3%;height:100%;transition:width .3s;position:relative}.progress-bar:after{content:"";opacity:0;background:#ff6b6b;border-radius:50%;width:12px;height:12px;transition:opacity .3s;position:absolute;top:-3px;right:-6px}.progress-container:hover .progress-bar:after{opacity:1}.volume-section{--volume-control-offset:33px;justify-content:space-between;align-items:flex-start;gap:15px;width:80%;max-width:800px;margin:0 auto 20px;padding:0 10px;display:flex}.volume-section-bars,.volume-section-wave{--volume-control-offset:44px}.volume-controls-left,.volume-controls-right{padding-top:var(--volume-control-offset);align-items:center;gap:10px;display:flex}.volume-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.1rem;transition:all .3s;display:flex}.volume-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:scale(1.05)}.volume-btn.muted{background:#ff6b6b4d;border-color:#ff6b6b80}.volume-slider-container{--eq-volume:0;--volume-percent:0%;cursor:pointer;touch-action:none;background:0 0;border-radius:8px;flex:1;min-width:0;height:82px;transition:background .3s;position:relative;overflow:visible}.volume-slider-container:before{content:"";background:#ffffff2e;border-radius:999px;height:4px;position:absolute;top:62%;left:0;right:0;transform:translateY(-50%)}.volume-slider-waveform{pointer-events:none;opacity:.62;transition:opacity .25s,filter .25s;position:absolute}.volume-slider-waveform.active{opacity:calc(.58 + var(--eq-volume) * .36);filter:saturate(calc(1 + var(--eq-volume) * .35))}.volume-slider-waveform span{transform-origin:bottom;transition:height .18s,transform .25s,box-shadow .25s;display:block}.volume-slider-waveform.active span{animation:equalizerBeat var(--eq-duration) ease-in-out infinite;animation-delay:var(--eq-delay)}.volume-slider-waveform.live span{animation:none}.volume-eq-bars{height:84px}.volume-eq-bars:before{height:6px;box-shadow:none;background:#fff3;top:73%}.volume-eq-bars .volume-slider-waveform{grid-template-columns:repeat(var(--eq-bar-count,72), minmax(7px, 1fr));pointer-events:none;opacity:.7;filter:saturate(1.08);align-items:end;gap:4px;display:grid;inset:4px 0 27px;overflow:hidden}.volume-eq-bars .volume-slider-waveform span{width:min(19px,96%);height:var(--eq-level);background:linear-gradient(180deg, rgb(calc(255 - var(--eq-progress) * 20) calc(156 - var(--eq-progress) * 38) calc(89 + var(--eq-progress) * 62)), rgb(calc(242 - var(--eq-progress) * 20) calc(93 + var(--eq-progress) * 8) calc(111 + var(--eq-progress) * 50)));border-radius:999px;justify-self:center;min-height:18px;box-shadow:0 0 12px #f6708b57}.volume-eq-wave{height:84px}.volume-eq-wave:before{background:#fff3;height:6px;top:73%}.volume-eq-wave .volume-slider-waveform{opacity:.7;filter:saturate(1.2);width:100%;height:84px;top:16px;left:0;right:0;overflow:visible}.volume-wave-glow,.volume-wave-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.volume-wave-glow{stroke:#f25bd6;stroke-width:11px;opacity:0;filter:blur(5px)}.volume-wave-line{stroke-width:5px;filter:drop-shadow(0 0 7px #f25bd694)}.volume-slider-fill{z-index:2;background:linear-gradient(90deg,#ff8d4f,#f05fb6 58%,#8a63ff);border-radius:999px;width:3%;height:4px;transition:width 40ms linear;position:absolute;top:62%;left:0;transform:translateY(-50%);box-shadow:0 0 14px #e95cb53d}.volume-slider-fill:after{content:"";background:linear-gradient(135deg,#ff9a59,#f15fd2);border:2px solid #ffc5a3b8;border-radius:50%;width:13px;height:13px;transition:transform .25s,box-shadow .25s;position:absolute;top:50%;right:-8px;transform:translateY(-50%);box-shadow:0 0 14px #f25bd275,0 0 24px #ff8e533d}.volume-eq-bars .volume-slider-fill{background:linear-gradient(90deg,#ff9858,#f06f8d 52%,#e690bb);height:6px;top:73%;box-shadow:0 0 16px #f6708b47}.volume-eq-wave .volume-slider-fill{opacity:.95;z-index:3;background:linear-gradient(90deg,#ff9b5f,#f26f93 52%,#eda0c8);height:6px;top:73%;box-shadow:0 0 10px #f26f9361,0 0 18px #e690bb47}.volume-eq-wave .volume-slider-fill:after{opacity:1;background:#f4a9f4;border-color:#ed61dd;width:13px;height:13px;box-shadow:0 0 0 3px #e556da2b,0 0 22px #e556dac7}.volume-slider-container:hover .volume-slider-fill:after{transform:translateY(-50%)scale(1.08)}@keyframes equalizerBeat{0%,to{transform:scaleY(calc(.72 + var(--eq-volume) * .22))}28%{transform:scaleY(calc(1.02 + var(--eq-volume) * .38))}54%{transform:scaleY(calc(.78 + var(--eq-volume) * .24))}78%{transform:scaleY(calc(.92 + var(--eq-volume) * .28))}}@media (max-width:768px){.volume-section-bars,.volume-section-wave{--volume-control-offset:39px}.volume-slider-container{height:74px}.volume-eq-bars .volume-slider-waveform{grid-template-columns:repeat(var(--eq-bar-count,36), minmax(7px, 1fr));gap:4px;bottom:24px}.volume-eq-wave .volume-slider-waveform{top:8px}}.volume-slider-container svg{overflow:visible}.volume-slider-container:focus-visible{outline-offset:4px;outline:2px solid #ffa865bf}.volume-slider-container .volume-wave-line,.volume-slider-container .volume-wave-glow{vector-effect:non-scaling-stroke;stroke-linecap:round;transition:stroke-width .25s}.volume-eq-wave .volume-slider-waveform.active .volume-wave-line{stroke-width:4.5px}.volume-eq-wave .volume-slider-waveform.active .volume-wave-glow{stroke-width:9px}.volume-eq-wave .volume-slider-waveform.live .volume-wave-line,.volume-eq-wave .volume-slider-waveform.live .volume-wave-glow{animation:none}.volume-eq-wave .volume-slider-waveform.active{transform-origin:50% 58%;animation:1.65s ease-in-out infinite wavePulse}@keyframes wavePulse{0%,to{transform:scaleY(1)translateY(0)}50%{transform:scaleY(1.075)translateY(-1px)}}.volume-eq-bars .volume-slider-waveform.live span{transform:none}.volume-slider-fill{pointer-events:none}.volume-eq-bars:hover .volume-slider-waveform span{box-shadow:0 0 15px #ec60bd85}.volume-eq-wave:hover .volume-wave-glow{opacity:0}.volume-eq-wave:hover .volume-wave-line{stroke-width:4.5px}.volume-eq-bars .volume-slider-waveform{contain:layout paint}.volume-eq-wave .volume-slider-waveform{contain:paint}.volume-eq-bars .volume-slider-fill:after{background:linear-gradient(135deg,#ff9a59,#ef7fa6)}.volume-percent{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;min-width:35px;padding:5px 8px;font-size:.9rem;font-weight:700}.volume-left,.volume-right{display:none}.bottom-controls{z-index:10;align-items:center;gap:30px;display:flex;transform:translate(-50%)}.control-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.9;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:relative;overflow:hidden}.control-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.control-btn:hover:before{left:100%}.control-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #0000004d}.play-btn{width:80px;height:80px}.play-btn.playing{background:#ff6b6be6;animation:2s infinite pulse}.play-btn.loading{pointer-events:none;background:#ffc107e6}.play-btn.loading .play-icon{display:none}.play-btn.loading:after{content:"";border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.control-icon{color:#333;font-size:1.5rem}.play-icon{margin-left:3px;font-size:2rem}.bottom-links{color:#ffffffb8;z-index:10;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff1f,#ffffff0f);border:1px solid #ffffff29;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:min(100%,840px);margin:auto auto 0;padding:18px 20px;font-size:.95rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000042}.bottom-links:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 20% 0,#ff6b6b38,#0000 34%),radial-gradient(circle at 82% 12%,#4ecdc433,#0000 38%);position:absolute;inset:0}.bottom-links nav{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px 14px;display:flex;position:relative}.footer-link-group{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.footer-link-group-secondary a{color:#ffffffbd;font-size:.86rem}.bottom-links a{color:#ffffffdb;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:9px 13px;line-height:1;text-decoration:none;transition:color .3s,background .3s,border-color .3s,transform .3s}.bottom-links a:hover{color:#fff;background:#ffffff26;border-color:#ffffff47;transform:translateY(-1px)}.bottom-links a:focus-visible{outline-offset:3px;outline:2px solid #4ecdc4d9}.copyright-text{color:#ffffff8c;letter-spacing:.02em;z-index:1;white-space:nowrap;font-size:.75rem;position:relative}.status{color:#fff;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#000000b3;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:opacity .3s;position:absolute;top:20px;left:50%;transform:translate(-50%)}.status.show{opacity:1}@media (max-width:768px){.logo-section{gap:8px;top:15px;left:15px}.logo-section .lr24-logo{width:80px;height:80px}.logo-section .lr24-logo img{border-width:2px;width:80px;height:80px}.logo-section .logo-text-image{height:35px}.logo-text{font-size:2.2rem}}@media (max-width:640px){.logo-section .logo-text-image{display:none}.track-info{gap:4px}.track-title{padding:0 0 0 20px;font-size:1.4rem}.track-info .emoji{font-size:1.2rem}.nav-arrow{display:none}.language-selector{top:15px;right:15px}.language-btn{padding:6px 10px;font-size:.75rem}.language-dropdown{min-width:110px}.language-option{padding:8px 12px;font-size:.75rem}.bottom-controls{gap:20px}.control-btn{width:50px;height:50px}.play-btn{width:70px;height:70px}.progress-container{width:90%}.volume-section{width:90%;padding:0 5px}.volume-btn{width:30px;height:30px;font-size:1rem}.volume-percent{min-width:30px;padding:4px 6px;font-size:.8rem}.bottom-links{gap:10px;padding:14px;font-size:.85rem;line-height:1.4}.bottom-links nav,.footer-link-group{gap:8px}.bottom-links a{padding:8px 10px}.copyright-text{white-space:normal;font-size:.65rem}.about-title,.about-div{font-size:2.5rem}.about-text{font-size:1.1rem}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:25px 15px}.social-links{flex-direction:column;align-items:center;gap:15px}.social-link{justify-content:center;width:100%;max-width:300px}.scroll-indicator{font-size:.8rem;bottom:20px}}@media (max-width:480px){.logo-section{gap:6px;top:10px;left:10px}.logo-section .lr24-logo{width:70px!important;height:70px!important}.logo-section .lr24-logo img{border-width:2px;width:70px!important;height:70px!important}.logo-section .logo-text-image{height:45px!important}}.loading{animation:1.5s ease-in-out infinite loadingPulse}@keyframes loadingPulse{0%,to{opacity:.7}50%{opacity:1}}.particles{pointer-events:none;z-index:3;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:#ffffff1a;border-radius:50%;animation:8s linear infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)rotate(360deg)}}:root{--lr24-menu-z:50;--lr24-menu-w:86vw;--lr24-menu-maxw:360px}.lr24-menu-btn{z-index:var(--lr24-menu-z);top:calc(21px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#00000059;border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background .15s;display:none;position:fixed;box-shadow:0 6px 16px #00000040}@media (max-width:480px){.lr24-menu-btn{display:flex}}.lr24-menu-btn:hover{background:#00000073;transform:scale(1.04)}.lr24-menu-overlay{z-index:calc(var(--lr24-menu-z) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000073;transition:opacity .2s;position:fixed;inset:0}.lr24-menu-overlay[data-open=true]{opacity:1;pointer-events:auto}.lr24-mobile-menu{z-index:var(--lr24-menu-z);width:var(--lr24-menu-w);max-width:var(--lr24-menu-maxw);color:#fff;-webkit-backdrop-filter:blur(14px);height:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#0c0c10b8;border-left:1px solid #ffffff1f;flex-direction:column;transition:transform .25s;display:none;position:fixed;inset:0 0 0 auto;transform:translate(100%)}@media (max-width:480px){.lr24-mobile-menu{display:flex}}.lr24-mobile-menu[aria-hidden=false]{transform:translate(0)}.lr24-menu-header{padding:calc(10px + env(safe-area-inset-top)) 14px 6px 16px;justify-content:space-between;align-items:center;gap:8px;display:flex}.lr24-menu-header h2{letter-spacing:.04em;opacity:.9;margin:0;font-size:18px}.lr24-menu-close{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lr24-menu-nav{padding:8px 10px;overflow:auto}.lr24-menu-item{text-align:left;color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:100%;margin:4px 0;padding:12px;text-decoration:none;display:block}.lr24-menu-item:active,.lr24-menu-item:hover{background:#ffffff1f}.lr24-menu-nav hr{border:none;border-top:1px solid #ffffff1f;margin:8px 0}.logo-section .lr24-logo{opacity:.75;cursor:pointer;justify-content:center;align-items:center;width:100px;height:100px;margin:0;text-decoration:none;transition:transform .3s,opacity .3s;display:flex}.logo-section .lr24-logo:hover{opacity:.9;transform:scale(1.05)}.logo-section .lr24-logo:focus{outline-offset:4px;outline:2px solid #fffc}.logo-section .lr24-logo img{border-radius:50%;width:100px;height:100px;display:block}.logo-section .logo-text-image{opacity:.95;filter:drop-shadow(0 2px 6px #0000004d);width:auto;height:65px;transition:opacity .3s;display:block}.logo-section .logo-text-image:hover{opacity:1}.lr24-mobile-menu .lr24-logo{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lr24-mobile-menu .lr24-logo svg{border-radius:50%;width:36px;height:36px;display:block}@media (prefers-reduced-motion:reduce){.lr24-mobile-menu,.lr24-menu-overlay{transition:none}}html.lr24-no-scroll,html.lr24-no-scroll body{overflow:hidden}@media (max-width:900px){.language,.lang,.language-switcher,.locale-switcher,.header-langs,.langs,.lang-switch,[data-lang-switcher],#language,#lang,#languageSwitcher,#localeSwitcher{display:none!important}}.lr24-menu-section-title{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:12px 12px 6px;font-size:12px}.lr24-lang-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 10px 8px;display:grid}.lr24-lang-btn{text-align:center;color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:14px;text-decoration:none;display:flex}.lr24-lang-btn:hover{background:#ffffff24}.lr24-lang-btn.active{background:#ffffff26;border:1px solid #ffffffe6;font-weight:500}@media (max-width:900px){.language-selector,.language-dropdown,.language-option,.language-btn,.language-flag,.language-arrow,.lang-selector,.lang-switcher,.lang-switch,.lang-grid,.header-langs,.langs,#languageSelector,#languageBtn,#languageDropdown,[data-lang-switcher]{display:none!important}}@media (max-width:480px){html,body{overflow-x:hidden}.header,.container,.controls,.bottom,.bottom-links,.links,.progress-container{box-sizing:border-box;width:100%;max-width:100vw}.track-info{gap:4px}.track-title,.status{overflow-wrap:anywhere;word-break:break-word;max-width:100%}img,video,canvas,svg{max-width:100%;height:auto}#video-bg,.video-poster-bg{transform:translate(-50%,-50%)scaleY(1.2)!important}.bottom-links{flex-wrap:wrap;gap:10px;display:flex;overflow:hidden}.bottom-links a{min-width:0}}.lr24-lang-btn.is-active{background:#ffffff38;box-shadow:inset 0 0 0 2px #ffffff1f;border-color:#ffffff73!important}.sections-inline{z-index:5;width:100%;margin-bottom:35px;padding:18px 0 10px;position:relative}.sections-inline .sections-inner{width:100%;margin:0;padding:0}.sections-inline .sections-title{color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #00000059;margin-bottom:30px;font-size:28px;font-weight:700}.sections-inline .carousel-wrap{margin-bottom:25px;position:relative}.sections-inline .carousel{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;gap:20px;padding:8px 8px 14px;display:flex;overflow-x:auto}.sections-inline .carousel.dragging{cursor:grabbing}.sections-inline .carousel::-webkit-scrollbar{height:8px}.sections-inline .carousel::-webkit-scrollbar-thumb{background:#fff3;border-radius:8px}.sections-inline .carousel-item{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:180px;height:180px;transition:transform .2s,background .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000040}.sections-inline .carousel-item:hover{background:#ffffff1f;border-color:#ffffff52;transform:scale(1.05)}.sections-inline .carousel-item img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.sections-inline .carousel-arrow{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:6;background:#00000059;border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background .15s,opacity .15s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.sections-inline .carousel-arrow:hover{background:#00000080;transform:translateY(-50%)scale(1.04)}.sections-inline .carousel-arrow.left{left:0}.sections-inline .carousel-arrow.right{right:0}@media (min-width:900px){.sections-inline .carousel-arrow{display:none}.sections-inline .carousel{cursor:default;flex-wrap:wrap;justify-content:center;padding:8px;overflow-x:visible}}@media (max-width:480px){.sections-inline .sections-title,.features-h2{font-size:24px}}.sections-inline{width:100vw;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.sections-inline .sections-inner{width:100%;margin:0;max-width:none!important}.sections-inline .carousel{padding-left:clamp(12px,4vw,40px);padding-right:clamp(12px,4vw,40px)}@media (min-width:900px){.sections-inline .carousel-arrow.left{left:clamp(4px,2vw,24px)}.sections-inline .carousel-arrow.right{right:clamp(4px,2vw,24px)}}.sections-inline .carousel-item{flex-direction:column;flex:none;align-items:center;gap:10px;width:180px;text-decoration:none;display:flex}.sections-inline .carousel-thumb{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;transition:transform .2s,background .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000040}.sections-inline .carousel-item:hover .carousel-thumb{background:#ffffff1f;border-color:#ffffff52;transform:scale(1.05)}.sections-inline .carousel-thumb img{object-fit:cover;border:3px solid #f1f0f0e0;border-radius:50%;width:100%;height:100%;display:block}.sections-inline .carousel-label{color:#fff;text-align:center;opacity:.9;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:180px;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}@media (min-width:900px){.sections-inline .carousel-item.hide-edge{visibility:hidden}}.sections-inline .carousel-item{height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;overflow:visible!important}.sections-inline .carousel-item:hover{transform:none!important}.sections-inline .carousel-item{gap:10px}.sections-inline .carousel-thumb{border-radius:50%!important}.bottom-controls{z-index:10;--btn-size:clamp(44px, 11vw, 60px);--play-size:calc(var(--btn-size) * 1.25);touch-action:manipulation;justify-content:center;align-items:center;gap:clamp(12px,3.5vw,28px);width:100%;max-width:min(640px,92vw);margin:24px auto 0;display:flex;position:static!important;inset:auto!important;transform:none!important}.bottom-controls .control-btn{flex:none;width:var(--btn-size)!important;height:var(--btn-size)!important}.bottom-controls .play-btn{width:var(--play-size)!important;height:var(--play-size)!important}.bottom-controls .control-icon{font-size:clamp(18px,4.5vw,22px)}.bottom-controls .play-icon{margin-left:2px;font-size:clamp(22px,5.8vw,28px)}@media (max-width:480px){.bottom-controls{gap:clamp(10px,4vw,18px);margin-top:20px}.bottom-controls .control-icon{width:18px!important;height:18px!important}.bottom-controls .play-icon{width:24px!important;height:24px!important}}.icon-volume{fill:currentColor;width:1.2em;height:1.2em;display:block}.volume-btn{color:#fff;font-size:1.2rem}@media (max-width:768px){.volume-btn{font-size:1.1rem}}.text-page-content{width:100%;max-width:900px;padding:40px 20px}.text-page-header{text-align:left;margin-bottom:40px}.back-link{color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:20px;padding:8px 16px;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translate(-5px)}.text-page-title{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:700;line-height:1.2}.text-page-updated{color:#ffffffa3;margin-bottom:12px;font-size:.9rem}.text-page-lead{color:#ffffffe6;text-shadow:1px 1px 2px #0000004d;max-width:760px;font-size:1.2rem;line-height:1.7}.text-page-body{text-align:left;margin-bottom:50px}.text-page-paragraph{color:#ffffffe6;text-shadow:1px 1px 2px #0000004d;margin-bottom:20px;font-size:1.15rem;line-height:1.8}.contact-section{border-top:1px solid #fff3;margin-top:40px;padding-top:30px}.contact-subtitle{color:#fff;text-shadow:2px 2px 4px #00000080;margin-bottom:15px;font-size:1.8rem;font-weight:600}.contact-link{color:#4ecdc4;border-radius:4px;padding:2px 4px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.contact-link:hover{color:#45b7d1;background:#4ecdc41a;transform:translate(3px)}@media (max-width:768px){.text-page-content{padding:30px 15px}.text-page-title{font-size:2rem}.text-page-paragraph{font-size:1rem}.text-page-lead{font-size:1.05rem}.contact-subtitle{font-size:1.5rem}.text-page-header{margin-bottom:30px}.back-link{padding:6px 12px;font-size:.9rem}}.genre-nav-wrapper{display:inline-block;position:relative}.genre-popover{z-index:1000;pointer-events:none;animation:.2s ease-out fadeInUp;position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%)}.genre-popover-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:150px;padding:8px 6px 6px;display:flex;box-shadow:0 8px 24px #0006}.genre-popover-image{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;width:120px;height:120px;box-shadow:0 4px 12px #0000004d}.genre-popover-name{color:#fffffff2;text-align:center;text-shadow:1px 1px 2px #00000080;max-width:140px;font-size:.9rem;font-weight:500;line-height:1.3}.genre-popover-arrow{background:#0006;border-bottom:1px solid #fff3;border-right:1px solid #fff3;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.genre-popover-content{min-width:130px;padding:10px}.genre-popover-image{width:100px;height:100px}.genre-popover-name{max-width:120px;font-size:.85rem}.settings-button-desktop-only{display:none}}