@import url(https://fonts.googleapis.com/css?family=Arima+Madurai:300);@import url(https://fonts.googleapis.com/css?family=Lobster+Two);@import url(https://fonts.googleapis.com/css?family=Roboto:300);@-webkit-keyframes border-glow{0%{border:1.2px solid rgba(237,235,224,.2);box-shadow:0 0 5px rgba(246,245,241,.9)}25%{border:1.2px solid rgba(247,246,238,.5);box-shadow:0 0 8px rgba(230,228,220,.7)}50%{border:1.2px solid rgba(218,211,174,.8);box-shadow:0 0 12px rgba(246,245,241,.9)}75%{border:1.2px solid rgba(172,166,136,.5);box-shadow:0 0 8px hsla(45,40%,98%,.7)}to{border:1.2px solid rgba(187,178,130,.2);box-shadow:0 0 5px rgba(228,227,222,.5)}}@keyframes border-glow{0%{border:1.2px solid rgba(237,235,224,.2);box-shadow:0 0 5px rgba(246,245,241,.9)}25%{border:1.2px solid rgba(247,246,238,.5);box-shadow:0 0 8px rgba(230,228,220,.7)}50%{border:1.2px solid rgba(218,211,174,.8);box-shadow:0 0 12px rgba(246,245,241,.9)}75%{border:1.2px solid rgba(172,166,136,.5);box-shadow:0 0 8px hsla(45,40%,98%,.7)}to{border:1.2px solid rgba(187,178,130,.2);box-shadow:0 0 5px rgba(228,227,222,.5)}}@-webkit-keyframes landing{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes landing{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse{25%{opacity:.4}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{25%{opacity:.4}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse2{25%{opacity:.4;-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse2{25%{opacity:.4;-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse3{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse3{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fly-right-two{0%{-webkit-transform:translateY(-2vh) translateX(-10vw) scale(.5);transform:translateY(-2vh) translateX(-10vw) scale(.5)}10%{-webkit-transform:translateY(0) translateX(10vw) scale(.4);transform:translateY(0) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(-4vh) translateX(30vw) scale(.6);transform:translateY(-4vh) translateX(30vw) scale(.6)}30%{-webkit-transform:translateY(1vh) translateX(50vw) scale(.45);transform:translateY(1vh) translateX(50vw) scale(.45)}40%{-webkit-transform:translateY(-2.5vh) translateX(70vw) scale(.5);transform:translateY(-2.5vh) translateX(70vw) scale(.5)}50%{-webkit-transform:translateY(0) translateX(90vw) scale(.45);transform:translateY(0) translateX(90vw) scale(.45)}51%{-webkit-transform:translateY(0) translateX(110vw) scale(.45);transform:translateY(0) translateX(110vw) scale(.45)}to{-webkit-transform:translateY(0) translateX(110vw) scale(.45);transform:translateY(0) translateX(110vw) scale(.45)}}@keyframes fly-right-two{0%{-webkit-transform:translateY(-2vh) translateX(-10vw) scale(.5);transform:translateY(-2vh) translateX(-10vw) scale(.5)}10%{-webkit-transform:translateY(0) translateX(10vw) scale(.4);transform:translateY(0) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(-4vh) translateX(30vw) scale(.6);transform:translateY(-4vh) translateX(30vw) scale(.6)}30%{-webkit-transform:translateY(1vh) translateX(50vw) scale(.45);transform:translateY(1vh) translateX(50vw) scale(.45)}40%{-webkit-transform:translateY(-2.5vh) translateX(70vw) scale(.5);transform:translateY(-2.5vh) translateX(70vw) scale(.5)}50%{-webkit-transform:translateY(0) translateX(90vw) scale(.45);transform:translateY(0) translateX(90vw) scale(.45)}51%{-webkit-transform:translateY(0) translateX(110vw) scale(.45);transform:translateY(0) translateX(110vw) scale(.45)}to{-webkit-transform:translateY(0) translateX(110vw) scale(.45);transform:translateY(0) translateX(110vw) scale(.45)}}@-webkit-keyframes flicker{0%{opacity:1;text-shadow:0 0 5px rgba(50,93,223,.5);-webkit-text-stroke:#5359d3 .1px}50%{opacity:.8;text-shadow:50 20px 50px rgba(35,190,211,.8);-webkit-text-stroke:#341ac9 .3px}to{opacity:1;text-shadow:10 20px 50px rgba(84,169,225,.5);-webkit-text-stroke:#633fe4 .5px}}@keyframes flicker{0%{opacity:1;text-shadow:0 0 5px rgba(50,93,223,.5);-webkit-text-stroke:#5359d3 .1px}50%{opacity:.8;text-shadow:50 20px 50px rgba(35,190,211,.8);-webkit-text-stroke:#341ac9 .3px}to{opacity:1;text-shadow:10 20px 50px rgba(84,169,225,.5);-webkit-text-stroke:#633fe4 .5px}}@-webkit-keyframes progressif{0%{opacity:.1}20%{opacity:.2}40%{opacity:.4}60%{opacity:.6}80%{opacity:.8}to{opacity:1}}@keyframes progressif{0%{opacity:.1}20%{opacity:.2}40%{opacity:.4}60%{opacity:.6}80%{opacity:.8}to{opacity:1}}@-webkit-keyframes invisible{0%{visibility:visible}to{visibility:hidden}}@keyframes invisible{0%{visibility:visible}to{visibility:hidden}}@-webkit-keyframes fly-cycle{to{background-position:-900px 0}}@keyframes fly-cycle{to{background-position:-900px 0}}@-webkit-keyframes fly-right-one{0%{-webkit-transform:scale(.3) translateX(-10vw);transform:scale(.3) translateX(-10vw)}10%{-webkit-transform:translateY(2vh) translateX(10vw) scale(.4);transform:translateY(2vh) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(0) translateX(30vw) scale(.5);transform:translateY(0) translateX(30vw) scale(.5)}30%{-webkit-transform:translateY(4vh) translateX(50vw) scale(.6);transform:translateY(4vh) translateX(50vw) scale(.6)}40%{-webkit-transform:translateY(2vh) translateX(70vw) scale(.6);transform:translateY(2vh) translateX(70vw) scale(.6)}50%{-webkit-transform:translateY(0) translateX(90vw) scale(.6);transform:translateY(0) translateX(90vw) scale(.6)}60%{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}to{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}}@keyframes fly-right-one{0%{-webkit-transform:scale(.3) translateX(-10vw);transform:scale(.3) translateX(-10vw)}10%{-webkit-transform:translateY(2vh) translateX(10vw) scale(.4);transform:translateY(2vh) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(0) translateX(30vw) scale(.5);transform:translateY(0) translateX(30vw) scale(.5)}30%{-webkit-transform:translateY(4vh) translateX(50vw) scale(.6);transform:translateY(4vh) translateX(50vw) scale(.6)}40%{-webkit-transform:translateY(2vh) translateX(70vw) scale(.6);transform:translateY(2vh) translateX(70vw) scale(.6)}50%{-webkit-transform:translateY(0) translateX(90vw) scale(.6);transform:translateY(0) translateX(90vw) scale(.6)}60%{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}to{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}}@keyframes move-background{0%{-webkit-transform:translateZ(0)}to{-webkit-transform:translate3d(1000px,0,0)}}@-webkit-keyframes move-background{0%{-webkit-transform:translateZ(0)}to{-webkit-transform:translate3d(1000px,0,0)}}.loginbutton{font-size:2rem}.hidden{visibility:hidden}.vosposts h1:hover{border:.5px solid red;box-shadow:1px 1px #000,1px 1px 5px 3px #fff;text-shadow:.5px 1px .5px #fff}.pulse{z-index:-1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:30rem}.pulse circle{fill:#ff5154;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:pulse 2s cubic-bezier(.5,.5,0,1);animation:pulse 2s cubic-bezier(.5,.5,0,1)}.pulse circle:nth-child(2){fill:#7fc6a4;-webkit-animation:pulse 2s cubic-bezier(.5,.5,0,1) .75s;animation:pulse 2s cubic-bezier(.5,.5,0,1) .75s}.pulse circle:nth-child(3){fill:#e5f77d;-webkit-animation:pulse 2s cubic-bezier(.5,.5,0,1) 1.5s;animation:pulse 2s cubic-bezier(.5,.5,0,1) 1.5s}.portee{height:100%;width:100%;opacity:.4}.remplissage{z-index:-1;position:absolute;margin-top:10vw;font-size:2.7rem;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;margin-bottom:2vw;overflow:hidden}.bird{z-index:1;background-size:auto 100%;width:88px;height:125px;will-change:background-position;z-index:5;-webkit-animation-name:fly-cycle;animation-name:fly-cycle;-webkit-animation-timing-function:steps(10);animation-timing-function:steps(10);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird--one{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:-.5s;animation-delay:-.5s}.bird--one,.bird--two{z-index:999;background-image:url(/static/media/bird-cells-new.579440de.svg)}.bird--two{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-delay:-.75s;animation-delay:-.75s}.bird--three{z-index:999;-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-delay:-.25s;animation-delay:-.25s;background-image:url(/static/media/bird-cells-new.579440de.svg)}.bird--four{-webkit-animation-duration:1.1s;animation-duration:1.1s;-webkit-animation-delay:-.5s;animation-delay:-.5s}.bird--five,.bird--four{z-index:5;background-image:url(/static/media/bird-cells-new.579440de.svg)}.bird--five{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-delay:-.9s;animation-delay:-.9s}.bird .bird-container--four:hover img{display:block;background-image:url(/static/media/bird-cells-new.579440de.svg)}.bird .bird-container--four img{display:none;position:absolute;top:0;left:0}.bird--six{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-delay:-.1s;animation-delay:-.1s;border-radius:80%;box-shadow:5px 5px 5px #131212;width:80%;border:1px solid gold}.bird--seven{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-delay:-.8s;animation-delay:-.8s}.bird--heigt{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:-.4s;animation-delay:-.4s}.bird-container{z-index:1;overflow:hidden;position:fixed;width:110%;left:-30vw;-webkit-animation-name:fly-right-one;animation-name:fly-right-one;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird-container--one{z-index:0;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:0;animation-delay:0}.bird-container--two{z-index:5;-webkit-animation-duration:18s;animation-duration:18s;-webkit-animation-delay:1s;animation-delay:1s}.bird-container--three{-webkit-animation-duration:14.6s;animation-duration:14.6s;-webkit-animation-delay:9.5s;animation-delay:9.5s}.bird-container--four{z-index:5;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:10.25s;animation-delay:10.25s}.bird-container--five{-webkit-animation-duration:19s;animation-duration:19s;-webkit-animation-delay:0;animation-delay:0}.bird-container--six{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:1s;animation-delay:1s}.bird-container--seven{-webkit-animation-duration:14.6s;animation-duration:14.6s;-webkit-animation-delay:9.5s;animation-delay:9.5s}.bird-container--eight{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:10.25s;animation-delay:10.25s}.animdiv{z-index:900;text-shadow:1px 2.5px 2px #000;padding:0;margin:.5% 0 0;display:flex;align-items:center;justify-items:center;-webkit-transform:translateY(-15%);transform:translateY(-15%);color:red;font-size:2.5em;letter-spacing:.2em}.animdiv div{margin:0;padding:0;color:0;font-family:"Aboreto",cursive;font-size:4rem;display:inline-block;-webkit-animation:animate2 1s linear forwards;animation:animate2 1s linear forwards}@media only screen and (max-width:699px){.animdiv div{margin-top:.5%;font-size:1.5rem}}@media only screen and (max-width:1000px) and (orientation:landscape){.animdiv div{margin-top:0;font-size:2rem}}.animdiv div:first-child{-webkit-animation-delay:1s;animation-delay:1s}.animdiv div:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s}.animdiv div:nth-child(3){-webkit-animation-delay:2.5s;animation-delay:2.5s}.animdiv div:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s}.animdiv div:nth-child(5){-webkit-animation-delay:3.5s;animation-delay:3.5s}.animdiv2{text-shadow:1px 1.5px 2px #000;text-align:center;color:#ddd;font-family:sans-serif;letter-spacing:.2em}.animdiv2 div{padding:1%;color:red;font-family:"Cinzel",serif;font-size:2rem;display:inline-block;-webkit-animation:animate2 1s linear forwards;animation:animate2 1s linear forwards}@media only screen and (max-width:699px){.animdiv2 div{margin-top:12%;font-size:2rem}}.animdiv2 div:first-child{-webkit-animation-delay:4s;animation-delay:4s}.animdiv2 div:nth-child(2){-webkit-animation-delay:4.5s;animation-delay:4.5s}.animdiv2 div:nth-child(3){-webkit-animation-delay:5s;animation-delay:5s}.animdiv2 div:nth-child(4){-webkit-animation-delay:6s;animation-delay:6s}.lds-roller{position:absolute;display:flex;width:55%;height:50%;top:20%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);justify-content:center;align-items:center}.lds-roller .white{transform-origin:40px 40px;height:8vw;background-color:#fff}.lds-roller .black,.lds-roller .white{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px}.lds-roller .black{transform-origin:40px 40px;height:4vw;background-color:#000;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}.lds-roller .black:after,.lds-roller .white:after{content:" ";display:block;position:absolute;border-radius:0;margin:-4px 0 0 -4px}.lds-roller .black:after{background-color:#000}@-webkit-keyframes lds-roller{0%{opacity:0;box-shadow:-1px 2px 2px 2px #0a0a0a;margin:3%;border-radius:1px}to{opacity:1;border-radius:1px;margin:3%}}@keyframes lds-roller{0%{opacity:0;box-shadow:-1px 2px 2px 2px #0a0a0a;margin:3%;border-radius:1px}to{opacity:1;border-radius:1px;margin:3%}}.transition{box-shadow:.1px 1px .5px 1px #0a0a0a;display:flex;align-items:center;align-content:center;justify-content:center;justify-items:center;z-index:500;opacity:1;border:1px solid gold;border-radius:40%;margin:5px}.hidden,.transition{transition:opacity .5s ease-out}.hidden{z-index:900;display:none}.oscillation{background-image:url(/static/media/piano.44b10a2b.jpg);background-size:cover;z-index:900;display:flex;border-radius:50%;border:2px solid gold;box-shadow:-1px 4px 4px 2px #0a0a0a;background-size:100%;background-repeat:no-repeat;background-position:50%;width:5vw;height:5vw;align-items:center;align-content:center;justify-content:center;justify-items:center}.oscillation:hover{margin-top:-2px;cursor:help}.pianocomp{top:1vw;left:0;position:absolute;opacity:.8}@media only screen and (max-width:1000px) and (orientation:landscape){.pianocomp{top:0}}.taillepiano .white{width:10vw;height:3vw}@media only screen and (max-width:1300px) and (orientation:portrait){.taillepiano .white{width:17vw;height:7vw}}.taillepiano .black{position:absolute;background-color:#000;width:10rem;margin-left:-160px;margin-top:-18px;height:2rem;border:1px solid #8b8686;box-shadow:1px 3px red,-.5em .2em olive}@media only screen and (max-width:1300px){.taillepiano .black{margin-left:-160px;margin-top:-14px;width:10.5rem;height:1.5rem}}.active,.active2,.white:active{background-size:50px 50px;background-position:100%}html{background-color:#000;margin:0;padding:0;overflow-x:hidden}html a:link,html a:visited{text-decoration:none}html ul{list-style:none}html body{width:100%;margin:0;padding:0}li{list-style:none}h1{font-family:"Arima Madurai",cursive;color:#000;font-size:4rem;letter-spacing:-3px;text-shadow:0 1px 1px hsla(0,0%,100%,.6);position:relative;margin:0}@media only screen and (max-width:1400px){h1{font-size:2.2rem}}.sectionaccueil{position:absolute;inset:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.classh1{color:#fff;z-index:1000;text-shadow:#000 2px 2px 2px}@media only screen and (max-width:1000px) and (orientation:portrait){.classh1{font-size:1.9rem}}.classh1:hover{text-shadow:#0fbb43 1px 1px}.searchbarvideo{z-index:1000;position:absolute;box-shadow:0 1.5px 2px 1px gold;bottom:70px;left:10px;letter-spacing:2px}@media only screen and (max-width:1300px) and (orientation:landscape){.searchbarvideo{position:absolute;bottom:8px;left:85%}}.searchbarvideo select{text-align:center;width:100px;text-shadow:#061098 1px 1px 1px}#bouton-cacher-log2{position:absolute;right:1rem;border-radius:50%;display:flex;top:0;right:5px;width:2.5vw;height:1.5vw}@media only screen and (max-width:1000px) and (orientation:portrait){#bouton-cacher-log2{width:6vw;height:6vw}#bouton-cacher-log2 button{background-color:#e6a4a8}}.enfant{position:absolute;z-index:2;width:8.2%;height:50%;bottom:.7vw;right:4vw}@media only screen and (max-width:699px){.enfant{right:0;width:22%;height:42%}}@media only screen and (max-width:1001px){.enfant{right:0;width:18%;height:42%}}.marge{margin:10px}.swiper-container{position:relative;width:100vw;margin:0;padding:0 0 5.5rem;overflow:visible;font-size:1rem}.swiper-wrapper{display:flex;align-items:center}.swiper-slide{width:min(62vw,(100vh - 17rem) * 16/9,1100px)!important;box-sizing:border-box;opacity:.32;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .4s ease,-webkit-transform .55s cubic-bezier(.22,1,.36,1);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s ease;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s ease,-webkit-transform .55s cubic-bezier(.22,1,.36,1)}.swiper-container.is-expanded .swiper-slide{width:min(78vw,(100vh - 14rem) * 16/9,1600px)!important}.swiper-slide-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:2}.player-shell{position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;border-radius:14px;border:1px solid rgba(120,220,255,.45);box-shadow:0 0 0 1px rgba(255,215,120,.25),0 12px 40px rgba(0,10,30,.55);background:rgba(4,10,28,.55)}.reactplayer{position:absolute!important;inset:0;width:100%!important;height:100%!important}.reactplayer>div,.reactplayer iframe{width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0;border-radius:14px}.description{position:relative;z-index:2;width:100%;box-sizing:border-box;margin:.85rem 0 0;padding:.7rem 1rem .8rem;color:#d7fbff;text-shadow:0 0 8px rgba(80,220,255,.35);background:linear-gradient(180deg,rgba(8,22,48,.72),rgba(4,10,24,.82));border:1px solid rgba(120,220,255,.4);-webkit-clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:600}.description .titre{font-size:.95rem;margin-bottom:.25rem}.description .bodydescritpion{letter-spacing:.04em;text-transform:none;font-weight:400;opacity:.85;font-size:.78rem;max-height:3.2em;overflow:hidden}.button_previous_and_next{z-index:999;position:absolute;left:50%;bottom:22px;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;grid-gap:14px;gap:14px}.button_previous_and_next button{min-width:9.5rem;padding:.55rem 1.4rem;color:#c9f6ff;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:600;background:linear-gradient(180deg,rgba(18,48,82,.9),rgba(6,14,32,.95));border:1px solid rgba(120,220,255,.55);-webkit-clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);box-shadow:0 0 16px rgba(70,190,255,.25);cursor:pointer}.button_previous_and_next button:hover{color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 0 22px rgba(120,230,255,.55)}@media (max-width:700px){.swiper-container.is-expanded .swiper-slide,.swiper-slide{width:min(84vw,(100vh - 15rem) * 16/9)!important}.button_previous_and_next button{min-width:7rem;padding:.5rem .8rem}}.piano-nav{position:absolute;top:0;right:0;z-index:1200;min-height:55vh;background:transparent!important;box-shadow:none!important;border:0!important}.piano-nav-wrap{display:flex;flex-direction:column;align-items:flex-end;grid-gap:10px;gap:10px;padding:10px 0 10px 8px}.piano-nav-controls{display:flex;align-items:center;grid-gap:8px;gap:8px;padding-right:8px}.piano-collapse,.piano-hide,.piano-mode{padding:.45rem .85rem;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:700;cursor:pointer;-webkit-clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.piano-hide,.piano-mode{color:#c9f6ff;background:linear-gradient(180deg,rgba(18,48,82,.9),rgba(6,14,32,.95));border:1px solid rgba(120,220,255,.55);box-shadow:0 0 14px rgba(70,190,255,.25)}.piano-mode--on{color:#04121f;background:linear-gradient(180deg,#9ff0ff,#35b9e6);box-shadow:0 0 22px rgba(120,230,255,.7)}.piano-collapse{color:#f7df9a;background:linear-gradient(180deg,rgba(58,44,24,.95),rgba(20,16,10,.95));border:1px solid rgba(255,215,120,.6)}.piano-collapse:hover{box-shadow:0 0 18px rgba(255,215,120,.45)}.piano-hide{padding:.45rem .7rem;letter-spacing:.3em}.piano-nav-wrap.is-collapsed{min-height:auto}.piano-keyboard{position:relative;display:flex;flex-direction:column;width:min(20vw,300px);min-height:52vh;padding:12px 0 12px 10px;background:rgba(6,12,28,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(120,220,255,.28);border-right:0;border-radius:14px 0 0 14px;box-shadow:0 10px 28px rgba(0,8,24,.4)}.piano-keyboard.is-sound{border-color:rgba(120,240,255,.75);box-shadow:0 0 26px rgba(90,220,255,.35)}.pkey{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0 .85rem;cursor:pointer;border:1px solid rgba(150,200,230,.28);transition:box-shadow .12s ease,background .12s ease,-webkit-transform .12s ease;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,-webkit-transform .12s ease}.pkey--white{height:clamp(28px,3.6vh,44px);background:linear-gradient(90deg,#f4f8fc,#e4edf5 55%,#c9d8e8);color:#06182c;box-shadow:inset 0 -2px 0 rgba(90,120,150,.35)}.pkey--black{height:clamp(12px,1.45vh,18px);width:55%;margin:clamp(-10px,-.8vh,-6px) 0 clamp(-10px,-.8vh,-6px) auto;z-index:3;padding:0 .65rem;background:linear-gradient(90deg,#151a24,#05070d 70%,#10151f);border-color:rgba(255,90,100,.35);box-shadow:inset -2px 0 0 #ff3b4a,inset 0 1px 0 hsla(0,0%,100%,.12),0 2px 6px rgba(0,0,0,.45);color:#fff}.pkey__label{letter-spacing:.1em;text-transform:uppercase;font-size:.52rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkey--black .pkey__label{color:#fff;font-size:.5rem;text-shadow:0 1px 0 rgba(0,0,0,.85),0 -1px 0 hsla(0,0%,100%,.22),0 0 8px rgba(120,220,255,.35)}.pkey--logout{background:linear-gradient(90deg,#3a1016,#1a0508 70%,#2a0a10);border-color:rgba(255,90,110,.7);box-shadow:inset -2px 0 0 #ff4d5e,0 0 14px rgba(255,70,90,.35)}.pkey--logout .pkey__label{color:#ffe4e8;text-shadow:0 1px 0 #000,0 0 8px rgba(255,90,110,.55)}.pkey:hover{-webkit-transform:translateX(-3px);transform:translateX(-3px);box-shadow:0 0 16px rgba(120,230,255,.45)}.pkey--pressed{-webkit-transform:translateX(-5px) scale(.99);transform:translateX(-5px) scale(.99);box-shadow:0 0 20px rgba(140,240,255,.7)}#bouton-cacher-log2{background:rgba(8,16,32,.7);color:#d7fbff;border:1px solid rgba(120,220,255,.45)}@media (max-width:700px){.piano-nav{min-height:auto}.piano-nav-wrap{padding:8px 0 8px 6px}.piano-keyboard{width:52vw;min-height:46vh}.pkey--white{height:26px}.pkey--black{height:12px;width:52%;margin:-6px 0 -6px auto}.piano-collapse,.piano-hide,.piano-mode{padding:.35rem .5rem;font-size:.5rem}}.piano-keyboard,.piano-keyboard *{-webkit-user-select:none;user-select:none}.pkey--black .pkey__label,.pkey--logout .pkey__label,.pkey .pkey__label{background:transparent!important;-webkit-text-stroke:0;color:#eef3f8;font-family:"Helvetica Neue",Arial,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.16em;overflow:visible;-webkit-transform:none;transform:none;transition:color .15s ease,text-shadow .15s ease;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95),0 2px 2px rgba(0,0,0,.55)}.pkey--logout .pkey__label{color:#ffe6ea;text-shadow:0 -1px 0 rgba(255,210,218,.35),0 1px 0 rgba(0,0,0,.95),0 2px 2px rgba(0,0,0,.55)}.pkey:hover .pkey__label{color:#fff;text-shadow:0 -1px 0 hsla(0,0%,100%,.45),0 1px 0 rgba(0,0,0,.95),0 2px 3px rgba(0,0,0,.6),0 0 6px rgba(140,225,255,.35)}.pkey--pressed .pkey__label{text-shadow:0 1px 0 rgba(0,0,0,.95),0 -1px 0 hsla(0,0%,100%,.15)}.pkey--black{overflow:hidden;justify-content:flex-start;padding:0 .5rem 0 .6rem}.pkey--black .pkey__label,.pkey--logout .pkey__label,.pkey .pkey__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.48rem,.62vw,.6rem);letter-spacing:.08em}.page-tag{position:absolute;top:12px;left:16px;z-index:1100;padding:.35rem 1rem;color:#eef3f8;font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);-webkit-clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95)}.button_previous_and_next button,.swiper-button-next,.swiper-button-prev,.swiper-container,.swiper-pagination-bullet,.swiper-slide,.swiper-slide .bodydescritpion,.swiper-slide .description,.swiper-slide .titre{cursor:pointer!important}.swiper-container:active .swiper-slide .description{cursor:-webkit-grabbing!important;cursor:grabbing!important}.PlayerNumber{flex-direction:column;align-items:center;color:#fff;max-width:90vh;background-color:#1a50a7;margin:20px auto;border-radius:20px;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.5)}@media only screen and (max-width:1000px) and (orientation:portrait){.PlayerNumber{width:37vh}}.PlayerNumber select{-webkit-animation:flicker 3s ease-in infinite;animation:flicker 3s ease-in infinite;font-size:1.2rem;width:100%;border:1px solid red;background-color:#153e80;color:#fff;text-shadow:red 1px 1px 1px;text-align:center}.PlayerNumber select option{color:#151597;background-color:#fff;text-shadow:#1c1c1c 1px 1px 1px;font-style:italic;font-weight:400}.PlayerNumber select:hover{background-color:#fff;color:#000;text-shadow:none;font-weight:700;text-align:center}.PlayerNumber span{display:flex}@media only screen and (max-width:1000px) and (orientation:portrait){.PlayerNumber span{width:37vh}}.PlayerNumber .textplayernumber{font-size:1.5rem;text-shadow:1px 1px 2px #000;margin-bottom:10px;word-break:normal;word-wrap:break-word;text-overflow:ellipsis}@media only screen and (max-width:1000px) and (orientation:portrait){.PlayerNumber .textplayernumber{width:37vh}}.PlayerNumber.textplayernumberoption{font-size:1.1rem;margin-top:10px}.photofiche{position:absolute;top:15px;left:20px}.photofiche img{width:15vh;height:15vh;border-radius:10%;box-shadow:1px 1px 1px #000}.photofiche img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Objectifs{position:absolute;top:200px;left:10px}.Objectifs img{width:15vh;height:15vh;border-radius:10%;box-shadow:1px 1px 1px #000}.fiche .createPostPage{font-family:Arial,Helvetica,sans-serif;padding:3rem;margin-top:2rem;display:flex;justify-content:center;align-items:center;border:1px solid red;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(3,16,91,.5));border-radius:10%}@media only screen and (max-width:1000px){.fiche .createPostPage{background:none;border:0}}.ficheAdmin{display:flex;flex-direction:column;align-items:center;width:150vh;background-size:cover;background-repeat:no-repeat;box-shadow:2px 2px #5d80f5,.5em .5em 1.5em #13538f;text-shadow:.4px .4px .4px #b39e9e}.ficheAdmin h1{color:#fff}.ficheAdmin .info p{width:100%;padding:1%;border-radius:10%}.ficheAdmin .lien:hover{box-shadow:1px -1px 1px .5px #000;color:#fff;text-shadow:1px 1px .5px #fff}.ficheAdmin p:first-child{display:inherit;-webkit-text-stroke:.2px rgba(172,9,9,.658);color:#1d6dee;font-size:1rem;background-color:#fff}.ficheAdmin .ficheAdmin_haut{display:flex;flex-direction:column;align-items:center;padding:1%;margin-bottom:1%}@media only screen and (max-width:700px){.ficheAdmin .ficheAdmin_haut{display:flex;flex-direction:column;align-items:center}}.ficheAdmin .ficheAdmin_haut .boutonfiche-admin{display:flex;justify-content:space-around;align-content:space-between;border-radius:10%;background-color:#1d6dee;border:1px solid #2a62bd;box-shadow:1px 1px 1px gold;padding:1vh}.ficheAdmin .ficheAdmin_haut button{margin-left:10%;margin-right:10%;width:40vh;height:100%}@media only screen and (max-width:1000px) and (orientation:portrait){.ficheAdmin .ficheAdmin_haut button{width:20vh}}.ficheAdmin .ficheAdmin_haut div img{margin:4%}.ficheAdmin .administration{width:100vh}@media only screen and (max-width:1000px) and (orientation:portrait){.ficheAdmin .administration{width:45vh}}.ficheAdmin .createPostPage{font-family:Arial,Helvetica,sans-serif;padding:1rem;display:flex;align-items:center;flex-direction:column;border:1px solid red;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(3,16,91,.5));border-radius:10%}.ficheAdmin .createPostPage .formContainer2{display:flex;flex-direction:column;justify-content:center;align-content:center;background:no-repeat,url(/static/media/icon.cd182cb4.ico);background-attachment:fixed;box-shadow:0 1px 1px #111;text-shadow:#e2e2df 1px 1px 1px;font-weight:700;font-size:1.5rem;padding:3%;border:5px solid #d1525a;border-radius:10%;background-color:#fff;margin-top:3%;margin-bottom:3%}.ficheAdmin .createPostPage .formContainer2 input{padding:1%;background:no-repeat,url(/static/media/icon.cd182cb4.ico)}.ficheAdmin .createPostPage .formContainer2 .titleform{color:#f7fdfd;background-color:#153e80;border-radius:20%;border:1px solid #121111;-webkit-text-stroke:.5px hsla(0,0%,97.3%,.658);text-shadow:.4px .4px .4px #0a0a99}.ficheAdmin .createPostPage .formContainer2 .titre{font-size:2rem;margin-bottom:2%;background-color:#f8f6f2}.ficheAdmin .createPostPage .formContainer2 span{color:red;font-size:1rem}.ficheAdmin .createPostPage .formContainer2 label{font-size:1.5rem;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}@media only screen and (max-width:1500px){.ficheAdmin .createPostPage .formContainer2 label{font-size:.9rem}}.ficheAdmin .createPostPage .formContainer2 form{justify-items:center;display:flex;flex-direction:column;text-align:center;align-content:center}.ficheAdmin .createPostPage .formContainer2 form input{margin-bottom:3%;box-shadow:0 1px .2px #111;border:.1px solid #2069dd}.ficheAdmin .createPostPage .formContainer2 button{display:flex;height:15%;width:100%;border-color:#d1515a solid 2px;border-radius:5px;color:#fff;text-shadow:#000 1px 1px 1px;font-size:17px;margin-top:5%;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(1,7,40,.5))}.ficheAdmin .createPostPage .formContainer2 button:hover{background-color:#153e80;-webkit-transform:scale(1.02);transform:scale(1.02);border-radius:20%;transition:1s linear}.ficheAdmin .createPostPage .formContainer2 .formContainer2 button:hover{cursor:pointer;background-color:#1e90ff}.ficheAdmin .createPostPage .formContainer2.formContainer2 button:active{background-color:#6cc963}.ficheAdmin .indivi{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(3,16,91,.5));margin-top:1%;border-radius:20%;padding:4%;color:#fff}.ficheAdmin .indivi .liste{font-size:1.5rem;width:100%;color:#fff;padding:2%;border-radius:20%;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(1,7,40,.5));text-shadow:#000 1px 1px 1px;border-top:.2px solid gold;border-left:.2px solid gold;border-bottom:1px solid #090909}.ficheAdmin .indivi .liste:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.ficheAdmin .indivi .renseignement{font-size:1.5rem;color:#fff;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;text-shadow:#676662 1px 1px 1px;margin-bottom:2%}.ficheAdmin .indivi #retour{background-color:#0d11e9;width:20vw;margin-top:0}.ficheAdmin .indivi button{color:#fff}.ficheAdmin .indivi .post2{width:100%;height:auto;word-wrap:break-word;background:no-repeat,url(/static/media/icon.cd182cb4.ico);background-repeat:no-repeat;background-position:100% 100%;margin:.5%;border:1px solid #d1515a;font-family:Arial,Helvetica,sans-serif;box-shadow:0 2px 8px 0 #0f0f0c;border-radius:15px}@media only screen and (max-width:699px){.ficheAdmin .indivi .post2{padding:0}.ficheAdmin .indivi .post2 .body{display:flex;flex-direction:column;margin-left:0;margin-right:0;margin-top:0;font-weight:500;background-color:#f7fdfd;color:#000;white-space:pre-line}}.ficheAdmin .indivi .post2 .boutonsupr{height:2vh;width:auto;padding:1vh;display:flex;align-items:center}.ficheAdmin .indivi .post2 .title{background-color:#122441;display:block;place-content:center;color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;width:100%;padding-bottom:2%;padding-top:2%;box-shadow:0 7px 29px 0 rgba(13,13,14,.2);font-size:20px}.ficheAdmin .indivi .post2 .body{display:flex;flex-direction:column;margin-left:0;margin-right:0;font-weight:500;background-color:#f7fdfd;color:#000;white-space:pre-line}.ficheAdmin .indivi .post2 .body .lien,.ficheAdmin .indivi .post2 .body .lien img{width:100%;height:100%}.ficheAdmin .indivi .post2 .footer{display:flex;flex-direction:column;padding-bottom:2%;padding-top:2%;align-items:center;color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.ficheAdmin .indivi .post2:hover{box-shadow:0 7px 29px 0 rgba(248,248,250,.2);cursor:pointer}.ficheAdmin .indivi .addCommentContainer input,.ficheAdmin .indivi button{margin-top:2%;width:50%;height:100%;border-radius:8px;color:#f8f0f0}.ficheAdmin .indivi .addCommentContainer input :hover,.ficheAdmin .indivi button :hover{background-color:#a9a2eb}.ficheAdmin .indivi button{background-color:#d1515a;width:100%}.ficheAdmin .indivi button :hover{background-color:#83050e;width:110%}.ficheAdmin .indivi .addCommentContainer button{background-color:#1e90ff;color:#fff;width:100%}.ficheAdmin .indivi .addCommentContainer input{border:2px solid #1e90ff}.ficheAdmin .indivi .listOfComments{display:flex;flex-direction:column-reverse}.ficheAdmin .indivi .listOfComments .comment{width:100%;height:100%;padding:30px;white-space:pre-line;border:1px solid #d1515a;border-radius:5px;margin-top:20px;background-color:#f0f8ff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:25px;grid-gap:15px;gap:15px;background-color:#1a50a7;background-position:bottom,0 0;background-repeat:repeat;color:#fff}.ficheAdmin .indivi #individual .footer{font-size:30px;display:flex;justify-content:space-around;align-items:center;height:100%;width:100%}.ficheAdmin .indivi #individual .body{display:flex;height:100%;width:100%;text-align:center}.photo{margin:2vh;border:4px solid #e7e1e1}.photo,.photo img{height:8rem;width:6rem}.photo img{border:4px solid red}#image,.fichier{color:#fff}.fichier{width:40vh;text-shadow:#484745 1px 1px 1px}.video-container{width:98%;height:20vh;border-top:.1px solid gold;border-bottom:.1px solid gold}.containerlogin{-webkit-animation:border-glow 5s infinite;animation:border-glow 5s infinite;width:40%;height:60%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:hsla(0,0%,100%,.2);border-radius:10px;box-shadow:1px 1px 1px 1px #fff;-webkit-filter:blur(0);filter:blur(0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(2px);color:#333;text-align:center;padding:20px}.containerlogin #button_log{border:2px solid gold}.containerlogin #forget{font-size:1rem}.containerlogin #forget:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.containerlogin .inform-email{margin-right:10px}.containerlogin #button_log:hover{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#1a50a7;color:#f7fdfd}.containerlogin .loginbutton{display:flex;flex-direction:column;margin:2%;grid-gap:20%;gap:20%}.containerlogin .loginbutton button{padding:3%;font-size:2rem;margin:3%;color:#fff;cursor:pointer}.containerlogin .loginbutton button,.containerlogin .loginbutton button:hover{background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(1,7,40,.5));font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.containerlogin .loginbutton button:hover{text-shadow:#0a0a0a 1px 1px 1px;-webkit-transform:scale(1.02);transform:scale(1.02)}.containerlogin .loginbutton div{margin:5%}.containerlogin .inputlog{display:flex;justify-content:center;border:1px solid gold;box-shadow:.2px .2px #fff,-.2em -.2em .2em #000;background-color:#1a50a7;width:100vh}@media only screen and (max-width:1300px){.containerlogin .inputlog{display:flex;flex-direction:column;width:40vh}.containerlogin .inputlog input{text-align:center;width:100%;margin-top:2%;margin-bottom:10%}}.containerlogin .inputlog input{width:40vh}.containerlogin .inputlog div{border:none;box-shadow:none}.containerlogin button{border:1px solid gold;box-shadow:.2px .2px #fff,-.2em -.2em .2em #000;border-radius:20%}.containerlogin .input{margin:5%}.containerlogin .containerlog{display:flex;flex-direction:column;margin-top:5%;align-items:center}.containerlogin .containerlog input{width:100%;border-radius:5px;font-size:1.2rem;text-shadow:#000,1px,1px,1px}.containerlogin div{display:flex;margin-top:1%;background:none;border-radius:10px;padding:1%;border:1px solid #000;box-shadow:2px 2px #fff,-.2em -.2em .9em #000}@media only screen and (max-width:1000px){.containerlogin div{background:none;border:0}}.containerlogin input{-webkit-animation:landing 1s linear forwards;animation:landing 1s linear forwards;width:20vw}.containerlogin button{height:2vw;width:100%;height:100%}.containerlogin .boutonenvoyer{margin-top:1%;height:5vw;width:15vw}.containerlogin .identifiant{margin-top:2%;border:none;box-shadow:none;display:flex;flex-direction:column;width:22vw}.containerlogin .identifiant button{margin-top:5%;margin-bottom:5%;font-size:.7rem}.containerlogin .identifiant div{margin-top:2%;margin-bottom:2%}.containerlogin .identifiant input{padding:2%;width:20vw;font-size:1.2rem}.containerapropos{display:flex;align-items:center;flex-direction:column;width:100%;height:100vh;font-size:1.2rem;background-repeat:no-repeat;background-position:50%;background-size:cover}.containerapropos .presentation{display:flex;margin:5%}.containerapropos .apropos{height:100vw;display:flex;margin-top:0;padding:1% 4%;color:#f7fdfd;text-shadow:0 1px 10px rgba(19,82,219,.6);-webkit-text-stroke:.6px rgba(7,7,7,.658);border-radius:10px;border:1px solid #000;box-shadow:2px 2px #141414,-.2em -.2em .9em #000}@media only screen and (max-width:1000px){.containerapropos .apropos{flex-direction:column}}.containerapropos .apropos .piano{margin-bottom:10px;width:100px;border-radius:20%;border:2px solid gold;box-shadow:2px 2px #fff,-.2em -.2em .9em #000}.containerapropos .apropos .clavier{box-shadow:-2px 2px 2px 2px #000,0 -.1em .1em #fff;border-radius:5%}@media only screen and (max-width:1000px){.containerapropos .apropos .clavier{width:50%}}.containerapropos .aproposbis{display:block;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-weight:700;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(3,16,91,.5));border-radius:10px;padding:3%;border:1px solid gold;box-shadow:2px 2px #111010,-.2em -.2em .9em #000;text-shadow:#000 2px 2px 3px;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif}.containerapropos .aproposbis h1{margin:1%;color:#fff;box-shadow:2px 2px #111010,-.2em -.2em .9em #000;text-shadow:#000 1px 1px 1px;border-radius:10% 0 10% 0}.containerapropos .aproposbistext{font-family:"Caveat",cursive;padding:10px;font-size:1.4rem;color:#fff;background-color:#122441;margin-left:10px;border-radius:10px;border:1px solid gold;box-shadow:2px 2px #111010,-.2em -.2em .9em #000}.containerloginRegistration{display:flex;align-items:center;color:#0a0a0a;flex-direction:column;width:100%;height:100vh;font-size:2rem;box-shadow:2px 2px #ea6666,-.2em -.2em .9em #000;text-shadow:0 1px 1px rgba(237,240,245,.6);-webkit-text-stroke:.6px rgba(90,36,226,.658);background-image:url(/static/media/garcon-regardant-lune-dans-nuit2.73132265.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}.containerloginRegistration .forminscription{margin-top:3%;opacity:.8;display:flex;justify-content:center;width:65vw}.containerloginRegistration .forminscription .alignementverticale{width:50vw;display:flex;align-items:center;flex-direction:column;position:relative}.containerloginRegistration .forminscription .alignementverticale:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#410fd4;border:1px solid #000;background-size:cover;z-index:-1}.containerloginRegistration .forminscription .alignementverticale .spanform{width:100%;color:red;margin:2%;display:flex}.containerloginRegistration .forminscription .alignementverticale label{opacity:1;padding:2%;width:100%;background-color:#f0f8ff;border:1px solid gold;box-shadow:.2px .2px #fff,-.1em -.1em .1em 2px #000;border-radius:0 10% 10% 0}.containerloginRegistration .forminscription .alignementverticale .a,.containerloginRegistration .forminscription .alignementverticale .b,.containerloginRegistration .forminscription .alignementverticale .c{opacity:1;padding:2%;background-color:#161717;border:1px solid gold;box-shadow:.2px .2px #fff,-.2em -.2em .2em 2px #000;border-radius:0 10% 10% 0;width:50%;margin-left:-50%;color:#fff}@media only screen and (max-width:1000px) and (orientation:portrait){.containerloginRegistration .forminscription .alignementverticale .a,.containerloginRegistration .forminscription .alignementverticale .b,.containerloginRegistration .forminscription .alignementverticale .c{width:80%}}.containerloginRegistration div button{position:relative;margin-top:10%;padding:2%;width:100%;border:1px solid gold;box-shadow:.2px .2px #fff,-.1em -.1em .1em #000;border-radius:20%}.containerloginRegistration .containerlog{display:flex;flex-direction:column;margin-top:5%;align-items:center}.containerloginRegistration div{display:flex;background:none;border-radius:10px;padding:1%;border:1px solid #000;box-shadow:2px 2px #fff,-.2em -.2em .9em #000}@media only screen and (max-width:1000px){.containerloginRegistration div{background:none;border:0}}.containerloginRegistration input{-webkit-animation:landing 1s linear forwards;animation:landing 1s linear forwards;width:20vw}.containerloginRegistration button{height:2vw;width:100%;height:100%}.containerloginRegistration .boutonenvoyer{margin-top:1%;height:5vw;width:15vw}.containerloginRegistration .identifiant{margin-top:2%;border:none;box-shadow:none;display:flex;flex-direction:column;width:22vw}.containerloginRegistration .identifiant button{margin-top:5%;margin-bottom:5%;font-size:.7rem}.containerloginRegistration .identifiant div{margin-top:2%;margin-bottom:2%}.containerloginRegistration .identifiant input{padding:2%;width:20vw;font-size:1.2rem}.containerpostcreate{display:flex;align-items:center;color:#fff;-webkit-text-stroke:.7px #917373;flex-direction:column;height:100vh;margin-top:2%;background:url(/static/media/icon.cd182cb4.ico);background-size:10%;font-size:2rem;border-radius:10px;-webkit-filter:blur(0);filter:blur(0);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);text-align:center;padding:20px;text-shadow:0 1px 1px rgba(237,240,245,.6);background-repeat:repeat-x;background-position:80% 90%}.containerpostcreate div{display:flex;width:80%;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(1,7,40,.5));border-radius:10px;padding:1%;border:1px solid #000;box-shadow:2px 2px #fff,-.2em -.2em .9em #000}@media only screen and (max-width:1000px){.containerpostcreate div{background:none;border:0}}.alignswiper{display:flex;align-content:center;justify-content:center}.choix{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/static/media/garcon-regardant-lune-dans-nuit2.73132265.jpg);background-repeat:no-repeat;background-size:cover;-webkit-text-stroke:.3px rgba(46,17,211,.658)}.choix,.choix h1{font-size:3rem;margin:0}.choix h1{z-index:1;font-family:"Lobster Two",cursive;letter-spacing:.5vw;top:.3vw;width:67%;color:#fff;box-shadow:2px 2px #080606,-.2em -.2em .9em #000;border-radius:20%;left:15vw;padding:0}@media only screen and (max-width:699px){.choix h1{margin-top:.5%;font-size:1.5rem}}@media only screen and (max-width:1000px) and (orientation:landscape){.choix h1{margin-top:0;font-size:2rem}}.choix h1:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.grid-container{display:flex;flex-direction:column-reverse;width:100%}.grid-container h1{font-size:1.2rem}.grid-container button{margin:5px;padding:5px}.chekbox{z-index:1;display:flex;align-items:center;color:#fff;text-shadow:#000 1px 1px 1px;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(1,7,40,.5));border-radius:20%;padding:3%;grid-gap:10px;gap:10px;box-shadow:0 2px 8px 3px #0f0f0c}.listepostsparutilisateur2{display:flex;z-index:2;height:100%;width:100%;flex-direction:row;flex-wrap:wrap;padding:0;align-items:center;justify-content:center;background-position:fixed;background-attachment:fixed}@media only screen and (max-width:1000px) and (orientation:portrait){.listepostsparutilisateur2{width:45vh}}.listepostsparutilisateur2 .post3{font-size:1.4rem;z-index:1;margin-bottom:2%;margin-top:2%;justify-items:center;flex-direction:column;height:40vh;text-align:center;border:1px solid gold;box-shadow:0 2px 8px 3px #0f0f0c;border-radius:15px;background-color:#0a0a0a;color:#fff}@media only screen and (min-width:1000px) and (max-width:2000px) and (orientation:landscape){.listepostsparutilisateur2 .post3{border:1px solid gold;margin:2%}}.listepostsparutilisateur2 .post3 .title{background-color:#122441;border-radius:14px 14px 0 0;color:#fff;justify-items:flex-start;margin:0;padding:2%;box-shadow:0 7px 29px 0 rgba(13,13,14,.2);overflow:hidden;text-overflow:ellipsis}.listepostsparutilisateur2 .post3 .body{width:40vh;display:flex;flex-direction:column;text-align:center;margin-left:0;margin-right:0;font-weight:500;white-space:pre-line;font-size:20px;overflow:hidden;text-overflow:ellipsis;align-items:center;align-content:center}@media only screen and (max-width:699px){.listepostsparutilisateur2 .post3 .body{margin-bottom:2px;width:99.2%;display:flex;flex-direction:column;text-align:center;margin-left:0;margin-right:0;font-weight:500;background-color:#a9a2eb;color:#000;white-space:pre-line;font-size:20px;overflow:hidden;text-overflow:ellipsis;align-items:center;align-content:center}}.post3:hover,.post:hover{box-shadow:0 7px 29px 0 rgba(248,248,250,.2);cursor:pointer}.indivi{display:flex;flex-direction:column;place-items:center;margin-right:2%;margin-left:2%}.indivi button{color:#fff;background-color:#d1515a}.indivi button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.indivi .post2{display:flex;width:100%;word-wrap:break-word;border-radius:10px;-webkit-text-stroke:.6px rgba(90,36,226,.658);margin:.5%;border:1px solid #d1515a;font-family:Arial,Helvetica,sans-serif;box-shadow:0 2px 8px 0 #0f0f0c;border-radius:15px;background-color:#fff}@media only screen and (max-width:699px){.indivi .post2{padding:0}.indivi .post2 .body{display:flex;flex-direction:column;margin-left:0;margin-right:0;margin-top:0;font-weight:500;background-color:#f7fdfd;color:#000;white-space:pre-line}}.indivi .post2 .title{background-color:#122441;display:block;place-content:center;color:#fff;border-radius:15px;padding-bottom:2%;padding-top:2%;box-shadow:0 7px 29px 0 rgba(13,13,14,.2);font-size:20px;width:15%;margin:1.5%}.indivi .post2 .body{display:flex;flex-direction:column;align-items:center;margin-left:0;margin-right:0;height:100%;color:#000;white-space:pre-line}.indivi .post2 .categorie{-webkit-text-stroke:.1px #d1cdf1;text-shadow:#000 -.5px -.5px .5px;margin-bottom:0;align-content:center;justify-content:center;padding:1rem;list-style:none;-webkit-text-stroke:.2px rgba(172,9,9,.658);color:#000;font-size:1rem;box-shadow:0 1px 1px #111;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(10,38,199,.5))}.indivi .post2 .footerpost{display:flex;flex-direction:column;width:100%;padding-bottom:2%;padding-top:2%;align-items:center;background-color:#122441;color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.indivi .post2:hover{box-shadow:0 7px 29px 0 rgba(248,248,250,.2);cursor:pointer}.indivi button{margin:2%;padding:.5%;border-radius:8px;color:#f8f0f0;border:1px solid #0a0a0a;cursor:crosshair}.indivi button:hover{background-color:#f40303;color:#fff;text-shadow:#000 1px 1px 1px}.indivi .addCommentContainer button{background-color:#1e90ff;color:#fff}.indivi .addCommentContainer input{border:2px solid #1e90ff}.indivi .addCommentContainer textarea{border:2px solid gold;margin-top:5px;border-radius:5%;box-shadow:1px 1px silver,-.1em 0 .1em #000}.indivi .listOfComments{display:flex;flex-direction:column-reverse}.indivi .listOfComments .comment{width:100%;height:100%;white-space:pre-line;border:1px solid #d1515a;border-radius:5px;margin-top:20px;background-color:#f0f8ff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:25px;background-color:#1a50a7;background-position:bottom,0 0;background-repeat:repeat;color:#fff}.indivi #individual .footerpost{font-size:30px;display:flex;justify-content:space-around;align-items:center;height:100%;width:100%}.indivi #individual .body{display:flex;height:100%;width:100%;text-align:center}.information{width:55vh;color:#fff;text-shadow:#000 1px 1px 1.5px;-webkit-text-stroke:#080808 .25px;background-color:rgba(94,156,151,.5);padding:.2%;border-radius:10%;position:absolute;top:3px;left:5px;box-shadow:1px 1px 1px #0a0a0a;box-shadow:h-offset v-offset blur spread color}@media only screen and (max-width:1000px){.information{display:none}}.displayposts{display:flex;flex-direction:column;margin-top:1%;place-items:center;margin-right:2%;margin-left:2%;color:#fff;text-shadow:#122441;-webkit-text-stroke:#0a0a0a 1px 1px 1px}.displayposts .title{background-color:#d1515a}.displayposts .body,.displayposts .title{padding:1%;border-radius:10%;box-shadow:h-offset v-offset blur spread color;text-shadow:#000 .5px .5px .8px;-webkit-text-stroke:#080808 .05px;box-shadow:1px 1px 1px #000}.displayposts .body{background-color:#74afe6;margin-bottom:1.5%}.displayposts .categorie{background-color:#5e9c97;text-shadow:#000 .5px .5px .8px;-webkit-text-stroke:#080808 .05px}.displayposts .categorie,.displayposts .date{padding:1%;border-radius:10%;box-shadow:h-offset v-offset blur spread color;box-shadow:1px 1px 1px #000}.displayposts .date{background-color:#1c83b6}.spanform{font-size:18px}.searchbar{text-align:center;margin:1%;border-radius:20%;box-shadow:2px 2px #ea6666,-.2em -.2em .9em #000;text-shadow:0 1px 1px rgba(237,240,245,.6)}.grid2{height:100%;background-size:cover}#change{padding:.5%;margin:.5%}.rechercher{box-shadow:1px 1px 1px #000;background:linear-gradient(180deg,rgba(3,11,89,.5),rgba(67,80,200,.5))}.flex{width:100%;display:flex;flex-direction:column-reverse;background-size:cover}.flex .listepostsparutilisateur{width:100vw;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;margin:0;padding:0;justify-content:center;z-index:2}.flex .listepostsparutilisateur .post3{width:20%;justify-items:center;z-index:30;align-items:center;align-content:center;justify-content:center;text-align:center;margin:.2%;height:100%;border-radius:15px;background-color:#0a0a0a;color:#fff}@media only screen and (max-width:1000px) and (orientation:portrait){.flex .listepostsparutilisateur .post3{width:90%}}.flex .listepostsparutilisateur .post3 .title{background-color:#122441;border:1px solid #d1515a;height:70px;display:flex;place-content:center;color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;margin:0;padding:2%;box-shadow:0 7px 29px 0 rgba(13,13,14,.2);font-size:20px;overflow:hidden;text-overflow:ellipsis}.flex .listepostsparutilisateur .post3 .body{border:1px solid #d1515a;height:30vw;display:flex;flex-direction:column;text-align:center;height:50px;margin-left:0;margin-right:0;text-overflow:ellipsis;font-weight:500;background-color:#a9a2eb;color:#000;white-space:pre-line;font-size:20px;overflow:hidden;align-items:center;align-content:center}@media only screen and (max-width:699px){.flex .listepostsparutilisateur .post3 .body{margin-bottom:2px;width:99.2%;display:flex;flex-direction:column;text-align:center;margin-left:0;margin-right:0;font-weight:500;background-color:#a9a2eb;color:#000;white-space:pre-line;font-size:20px;overflow:hidden;text-overflow:ellipsis;align-items:center;align-content:center;height:100%}}.flex .listepostsparutilisateur .post3 .categorie{border:1px solid #d1515a;background-color:#f7fdfd}.flex .listepostsparutilisateur .post3 .video-container{width:99%;border-left:1px solid #d1515a;border-right:1px solid #d1515a}.flex .listepostsparutilisateur .post3.date{border-radius:0 0 20% 20%;border:1px solid #d1515a;background-color:#f7fdfd}.selectbackground{text-align:center;width:10vh;text-shadow:#061098 1px 1px 1px;z-index:2000;box-shadow:0 1.5px 2px 1px gold;letter-spacing:2px;position:absolute;bottom:70px;right:15px}.selectbackground:hover{color:#5085da}.fond{background-color:#5493f8}.ajouter,.fond{border-radius:20%}.ajouter{background-color:#e38f11}.selectbacurl{color:#fff;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;position:absolute;bottom:100px;right:20px}.selectbacurl button{background:#2069dd;margin:1vh;border-radius:10%;color:#fff}.selectbacurl button:hover{box-shadow:0 .5px .5px .5px gold;background:#04327b;margin:1vh;border-radius:10%;color:#fff}.selectbacurlsupr{text-shadow:#061098 1px 1px 1px;display:flex;flex-direction:column-reverse;position:absolute;bottom:120px;right:20px}#videospantitre{margin-left:5px}.formContainer2{width:80%;color:#000;font-family:"Times New Roman",Times,serif;border:5px solid gold;display:flex;align-items:center;align-content:center;justify-content:center;justify-items:center}.formContainer2 .titre{margin-top:1%;margin-bottom:1%;background-color:#f8f6f2;box-shadow:2px 2px #000,-.2em -.2em .9em #fff;justify-content:center;width:100%;display:flex;flex-direction:row}.formContainer2 form{display:flex;flex-direction:column;align-items:center;width:105vw}.formContainer2 form label{background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(1,7,40,.5));border-radius:10px;padding:.2%;border:1px solid #000;box-shadow:2px 2px #fff,-.2em -.2em .9em #000}.formContainer2 form input{margin:1%}.formContainer2 form input,.formContainer2 form textarea{z-index:100;width:100%;height:2rem;box-shadow:2px 2px #000,-.2em -.2em .9em #fff;border:.1px solid #2069dd}.formContainer2 form textarea{margin:1% 1% 2rem}.formContainer2 .marge{font-size:1rem}.formContainer2 select{margin:1.5%}.formContainer2 button{height:15%;width:100%;border-color:#d1515a solid 2px;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(1,7,40,.5));border-radius:5px;color:#fff;font-size:17px;justify-content:center;margin-top:5%;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;text-shadow:#000 1px 1px 1px}.formContainer2 button:hover{background-color:#5085da;font-size:1.2rem}.formContainer2 .formContainer2 button:hover{cursor:pointer;background-color:#1e90ff}.formContainer2.formContainer2 button:active{background-color:#66f859}.formContainer2 span .black{background-color:#fff}.noteoiseau{margin-right:-30px}.noteoiseau2{margin-right:-70px}.log{z-index:1000;display:flex;flex-direction:column;position:absolute;right:0;margin-top:-5px;background-color:#f0f8ff;border-radius:0 0 20% 20%;text-shadow:.4px .4px .4px #000;padding:.5vw;box-shadow:inset .2em .2em gold;border-bottom:3px solid #000;border-left:1px solid #000}.log #deco_button{text-shadow:#fff 1px 1px 1px;background-color:#1588da;border-radius:10%;margin-top:2%}@media only screen and (max-width:1000px) and (orientation:portrait){.log #deco_button{background-color:red;border-radius:20%}}.log #deco_button:hover{border-radius:20%;background-color:#d1515a;color:#fff;text-shadow:#2f2e2e 1px 1px 1px}@media only screen and (max-width:1000px) and (orientation:portrait){.log{border-radius:20% 20% 0 0;position:fixed;bottom:0;left:30%;width:40%;align-items:center;margin:0}.log button{margin-left:100PX;border-radius:20%}}.log button{z-index:10;margin-left:1vw;margin-right:1vw}.log button:hover{border-bottom:1.5px solid #000;border-left:1px solid #000}.log li{margin:1.5%}.log li:hover{border-bottom:1.5px solid gold;border-left:1px solid gold;border-radius:10%}.barredenavigation{border-radius:5%}.barredenavigation,.barredenavigation .accueil{display:flex;top:0;right:1vw;background-color:#000}.barredenavigation .accueil{margin:0;border:2px solid red;flex-direction:row;border-radius:5%}.barredenavigation .accueil ul:not(:empty){border:2px solid red}.barredenavigation .accueil ul:not(:empty),.barredenavigation .accueil ul:not(:empty) li{display:flex;justify-items:center;align-content:center;justify-content:center;align-items:center}.barredenavigation a :hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.barredenavigationavantstyle div{z-index:4}.barredenavigationavantstyle div,.barredenavigationavantstyle div div{display:flex;justify-items:center;align-content:center;justify-content:center;align-items:center}.middle{color:#fff;text-shadow:1px 1px 1px #000;display:flex;justify-content:center}.footer{color:#f0f8ff;position:absolute;bottom:1px;z-index:1}@media only screen and (max-width:699px){.footer{color:#000}}.container{position:absolute;width:100%;height:100vh;z-index:1;align-items:center;text-align:center;flex-direction:column;margin:0;padding:0;display:flex;align-content:center;overflow-x:hidden;opacity:1;z-index:-1;background-repeat:no-repeat;background-size:cover;background-position:20%}@media only screen and (max-width:699px) and (orientation:portrait){.container{opacity:1;z-index:-1;background-position:60%;background-size:cover}}.backgroundligne{z-index:10;bottom:0;width:100%;background-repeat:no-repeat;background-position:20% 100%;opacity:1;border-radius:50%}.selectbackground{width:auto;min-width:9rem;padding:.45rem .75rem;color:#d8f8ff;background:rgba(5,16,34,.72);border:1px solid rgba(120,220,255,.42);border-radius:999px;box-shadow:0 0 14px rgba(70,190,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.72;transition:opacity .2s ease,box-shadow .2s ease}.selectbackground:focus,.selectbackground:hover{opacity:1;box-shadow:0 0 20px rgba(120,230,255,.48);outline:none}.categorie{display:inline-block;padding:.35rem .8rem;color:#f2fdff;background:linear-gradient(135deg,rgba(17,64,94,.9),rgba(8,20,42,.92));border:1px solid rgba(120,220,255,.48);border-radius:999px;box-shadow:inset 0 1px hsla(0,0%,100%,.3),0 4px 12px rgba(0,10,30,.4);text-shadow:1px 1px 1px #03101c}.glass-panel{color:#e6f6ff;text-align:left;background:linear-gradient(180deg,rgba(10,28,52,.84),rgba(4,10,24,.92));border:1px solid rgba(120,220,255,.4);border-radius:16px;box-shadow:0 18px 50px rgba(0,8,24,.55),inset 0 1px 0 hsla(0,0%,100%,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-btn,.glass-icon,.glass-panel{font-family:"Helvetica Neue",Arial,sans-serif}.glass-btn,.glass-icon{color:#eef3f8;font-weight:700;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);border-radius:999px;box-shadow:0 0 12px rgba(70,190,255,.18);cursor:pointer;white-space:nowrap;transition:box-shadow .15s ease,opacity .15s ease,-webkit-transform .15s ease;transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease;transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease,-webkit-transform .15s ease}.glass-btn:hover:not(:disabled),.glass-icon:hover:not(:disabled){color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 0 18px rgba(120,230,255,.5)}.glass-btn:disabled,.glass-icon:disabled{opacity:.4;cursor:default}.glass-btn{padding:.45rem 1rem;font-size:.64rem;letter-spacing:.16em}.glass-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;font-size:.75rem}.glass-btn--danger{background:linear-gradient(180deg,rgba(72,18,30,.88),rgba(26,6,10,.92));border-color:rgba(255,110,125,.6)}.glass-btn--danger:hover:not(:disabled){box-shadow:0 0 18px rgba(255,90,110,.45)}.glass-input{flex:1 1 180px;min-width:0;box-sizing:border-box;padding:.5rem .9rem;color:#eaf8ff;font-size:.82rem;font-family:"Helvetica Neue",Arial,sans-serif;background-color:rgba(3,10,24,.68);border:1px solid rgba(120,220,255,.35);border-radius:999px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.glass-input:focus{border-color:rgba(140,235,255,.85);box-shadow:0 0 12px rgba(120,230,255,.35)}.glass-input::-webkit-input-placeholder{color:rgba(200,230,245,.5)}.glass-input::placeholder{color:rgba(200,230,245,.5)}.glass-input option{color:#eaf8ff;background:#07142a}select.glass-input{appearance:none;-webkit-appearance:none;padding-right:2.2rem;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#9fe8ff 0),linear-gradient(135deg,#9fe8ff 50%,transparent 0);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat}input.glass-input[type=datetime-local]{color-scheme:dark}.glass-close{padding:0 .2rem;color:#cfefff;font-size:1.35rem;line-height:1;background:none;border:0;cursor:pointer}.glass-close:hover{color:#fff;text-shadow:0 0 8px rgba(120,230,255,.8)}.glass-error,.glass-info{margin:.5rem 0;padding:.45rem .8rem;font-size:.78rem;border-radius:10px}.glass-error{color:#ffd9de;background:rgba(90,10,24,.55);border:1px solid rgba(255,110,125,.5)}.glass-info{color:#d9f8ff;background:rgba(10,60,90,.5);border:1px solid rgba(120,220,255,.45)}.glass-label{display:flex;flex-direction:column;grid-gap:.3rem;gap:.3rem;color:#bfe9fb;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.glass-tabs{display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.glass-tabs button{padding:.5rem 1.1rem;color:rgba(230,246,255,.7);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);background:transparent;border:1px solid rgba(120,220,255,.2);border-radius:999px;cursor:pointer}.glass-tabs button.is-active{color:#fff;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border-color:rgba(120,220,255,.5);box-shadow:0 0 14px rgba(120,230,255,.35)}.glass-count{display:inline-block;min-width:1.3em;margin-left:.4em;padding:0 .35em;color:#04121f;text-align:center;text-shadow:none;background:#6fdcff;border-radius:999px}.bg-switcher__toggle{position:fixed;right:14px;bottom:14px;z-index:2000;width:42px;height:42px;padding:3px;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);border-radius:50%;box-shadow:0 0 14px rgba(70,190,255,.3);opacity:.72;cursor:pointer;transition:opacity .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,box-shadow .2s ease,transform .2s ease;transition:opacity .2s ease,box-shadow .2s ease,transform .2s ease,-webkit-transform .2s ease}.bg-switcher__toggle.is-open,.bg-switcher__toggle:hover{opacity:1;-webkit-transform:scale(1.06);transform:scale(1.06);box-shadow:0 0 22px rgba(120,230,255,.6)}.bg-switcher__icon{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:50%;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.25)}.bg-switcher__panel{position:fixed;right:14px;bottom:66px;z-index:2000;box-sizing:border-box;width:min(340px,100vw - 28px);padding:.8rem}.bg-switcher__panel.glass-panel{max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:1.4rem;scrollbar-gutter:stable}.bg-switcher__head{display:flex;align-items:center;justify-content:space-between;grid-gap:.5rem;gap:.5rem;margin-bottom:.7rem;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95)}.bg-switcher__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.55rem;gap:.55rem}.bg-thumb{position:relative;display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem;min-width:0}.bg-thumb__img{width:100%;aspect-ratio:16/10;padding:0;background-color:rgba(3,10,24,.6);background-size:cover;background-position:50%;border:1px solid rgba(120,220,255,.3);border-radius:10px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,-webkit-transform .15s ease;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease,-webkit-transform .15s ease}.bg-thumb__img:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);border-color:rgba(140,235,255,.8)}.bg-thumb.is-active .bg-thumb__img{border-color:#9ff0ff;box-shadow:0 0 0 2px rgba(120,230,255,.55),0 0 14px rgba(120,230,255,.5)}.bg-thumb__label{overflow:hidden;color:#d8f2ff;font-size:.56rem;letter-spacing:.14em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);white-space:nowrap}.bg-thumb__del,.bg-thumb__save{position:absolute;top:4px;width:20px;height:20px;padding:0;color:#fff;font-size:.75rem;line-height:1;border:1px solid hsla(0,0%,100%,.35);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s ease}.bg-thumb__del{right:4px;background:rgba(120,20,34,.88)}.bg-thumb__save{left:4px;background:rgba(18,70,110,.92)}.bg-thumb:hover .bg-thumb__del,.bg-thumb:hover .bg-thumb__save,.bg-thumb__del:focus,.bg-thumb__save:focus{opacity:1}@media (hover:none){.bg-thumb__del,.bg-thumb__save{opacity:.85}}.bg-switcher__add{display:flex;grid-gap:.45rem;gap:.45rem;margin-top:.8rem}.bg-switcher__hint{margin-top:.5rem;color:rgba(200,230,245,.65);font-size:.62rem}.searchbarvideo{box-shadow:none!important;letter-spacing:normal}.searchbarvideo select{appearance:none;-webkit-appearance:none;width:auto;min-width:9.5rem;padding:.42rem 2.1rem .42rem 1rem;color:#eef3f8;font-family:"Helvetica Neue",Arial,sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-align:left;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);background-color:rgba(10,30,56,.88);background-image:linear-gradient(45deg,transparent 50%,#9fe8ff 0),linear-gradient(135deg,#9fe8ff 50%,transparent 0);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;border:1px solid rgba(120,220,255,.5);border-radius:999px;box-shadow:0 0 12px rgba(70,190,255,.2);outline:none;cursor:pointer;opacity:.85;transition:box-shadow .15s ease,opacity .15s ease}.searchbarvideo select:focus,.searchbarvideo select:hover{opacity:1;box-shadow:0 0 18px rgba(120,230,255,.5)}.searchbarvideo select option{color:#eaf8ff;font-size:.8rem;letter-spacing:normal;text-transform:none;text-shadow:none;background:#07142a}.social-page{position:absolute;inset:0;z-index:5;box-sizing:border-box;overflow-y:auto;padding:64px 1rem 90px}.social-page--player{overflow:hidden;padding:0}.social-panel{box-sizing:border-box;width:min(880px,100%);margin:0 auto;padding:1.1rem 1.2rem}.social-panel--small{width:min(420px,100% - 2rem);margin-top:18vh}.social-form{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.5rem;gap:.5rem;margin-bottom:.8rem}.social-form--stack{flex-direction:column;align-items:stretch}.social-form--stack .glass-input{flex:none}.social-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;margin:0 0 .8rem;padding:0;list-style:none}.social-card{display:flex;align-items:center;justify-content:space-between;grid-gap:.8rem;gap:.8rem;padding:.6rem .8rem;background:rgba(4,12,28,.55);border:1px solid rgba(120,220,255,.2);border-radius:12px}.social-card.is-unread{border-color:rgba(140,235,255,.7);box-shadow:0 0 12px rgba(120,230,255,.25)}.social-card.is-expired{opacity:.55}.social-card__main{flex:1 1;min-width:0}.social-card__title{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem;color:#f2fbff;font-size:.9rem;font-weight:700;letter-spacing:.06em;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95)}.social-card__meta{overflow:hidden;color:rgba(200,230,245,.72);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.social-card__message{margin-top:.25rem;color:#d7f4ff;font-size:.78rem;font-style:italic}.social-card__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;grid-gap:.35rem;gap:.35rem}.social-subtitle{margin:1rem 0 .5rem;color:#bfe9fb;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95)}.social-empty{margin:.4rem 0 .8rem;color:rgba(200,230,245,.6);font-size:.78rem}.prof-badge{display:inline-block;margin-left:.4rem;padding:.05rem .5rem;color:#2a1a00;font-size:.56rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 0 hsla(0,0%,100%,.45);vertical-align:middle;background:linear-gradient(180deg,#ffe7a3,#e0b04a);border-radius:999px}.friends-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.carousel-editor__head{display:flex;justify-content:space-between;margin-bottom:.8rem}.share-link{width:100%;margin-bottom:.25rem;font-size:.72rem}.glass-modal{position:fixed;inset:0;z-index:1900;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,6,18,.55)}.glass-modal__box{box-sizing:border-box;width:min(560px,100%);max-height:85vh;overflow-y:auto;padding:1rem 1.1rem}.carousel-stage{position:fixed;inset:0;z-index:1150;overflow:hidden;background:rgba(0,6,18,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.carousel-stage__bar{position:absolute;top:12px;left:16px;z-index:1000;display:flex;align-items:center;grid-gap:.8rem;gap:.8rem}.carousel-stage__title{font-size:.8rem;font-weight:700;letter-spacing:.18em}.carousel-stage__title,.share-info{color:#eef3f8;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95)}.share-info{position:absolute;top:12px;left:50%;z-index:1000;display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;max-width:70vw;padding:.35rem 1rem;font-size:.7rem;letter-spacing:.14em;white-space:nowrap;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);border-radius:999px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.share-info__title{overflow:hidden;font-weight:700;text-overflow:ellipsis}.share-info__owner{opacity:.8}.video-carousel-empty{position:absolute;top:45%;left:50%;z-index:3;color:#d7fbff;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:700px){.social-card{flex-direction:column;align-items:stretch}.social-card__actions{justify-content:flex-start}.friends-columns{grid-template-columns:1fr}}.form-page{position:absolute;inset:0;z-index:5;overflow-y:auto;padding:64px calc(min(20vw, 300px) + 24px) 96px 24px;color:#e6f6ff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left}.form-page,.form-page *,.form-page :after,.form-page :before{box-sizing:border-box}.form-page .fx-stack{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;width:min(760px,100%);margin:0 auto}.form-page .fx-card{width:min(760px,100%);margin:0 auto;padding:1.25rem 1.4rem 1.4rem;background:linear-gradient(180deg,rgba(14,38,66,.86),rgba(5,12,28,.92));border:1px solid rgba(120,220,255,.4);border-radius:18px;box-shadow:0 18px 50px rgba(0,8,24,.55),inset 0 1px 0 hsla(0,0%,100%,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.form-page .fx-stack .fx-card{margin:0;width:100%}.form-page .fx-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:.6rem;gap:.6rem;margin-bottom:1.1rem}.form-page .fx-section-title,.form-page .fx-title{margin:0;color:#f2fbff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95)}.form-page .fx-title{font-size:.95rem}.form-page .fx-section-title{margin-bottom:.9rem;font-size:.78rem;color:#bfe9fb}.form-page .fx-chip{padding:.25rem .75rem;color:#d9f8ff;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(40,120,170,.25);border:1px solid rgba(120,220,255,.35);border-radius:999px}.form-page .fx-segmented{display:flex;grid-gap:4px;gap:4px;margin-bottom:1.1rem;padding:4px;background:rgba(3,10,24,.6);border:1px solid rgba(120,220,255,.25);border-radius:999px}.form-page .fx-segmented button{flex:1 1;padding:.55rem .8rem;color:rgba(230,246,255,.7);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.form-page .fx-segmented button:hover{color:#fff}.form-page .fx-segmented button.is-active{color:#fff;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border-color:rgba(120,220,255,.5);box-shadow:0 0 14px rgba(120,230,255,.35)}.form-page .fx-form{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.form-page .fx-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.form-page .fx-field{display:flex;flex-direction:column;grid-gap:.35rem;gap:.35rem;min-width:0}.form-page .fx-label{color:#cdeefc;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95)}.form-page .fx-req{color:#7fe3ff;text-shadow:0 0 6px rgba(120,230,255,.6)}.form-page .fx-input{width:100%;margin:0;padding:.62rem .9rem;color:#eef8ff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9rem;line-height:1.4;background-color:rgba(3,10,24,.66);border:1px solid rgba(120,220,255,.3);border-radius:12px;box-shadow:inset 0 1px 3px rgba(0,0,0,.45);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.form-page .fx-input::-webkit-input-placeholder{color:rgba(200,230,245,.42)}.form-page .fx-input::placeholder{color:rgba(200,230,245,.42)}.form-page .fx-input:hover{border-color:rgba(140,230,255,.5)}.form-page .fx-input:focus{background-color:rgba(4,16,34,.8);border-color:rgba(140,235,255,.9);box-shadow:inset 0 1px 3px rgba(0,0,0,.45),0 0 0 3px rgba(90,200,255,.18),0 0 16px rgba(120,230,255,.35)}.form-page .fx-input option{color:#eaf8ff;background:#07142a}.form-page .fx-textarea{min-height:110px;resize:vertical}.form-page .fx-select{appearance:none;-webkit-appearance:none;padding-right:2.4rem;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#9fe8ff 0),linear-gradient(135deg,#9fe8ff 50%,transparent 0);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}.form-page .fx-help{color:rgba(200,230,245,.62);font-size:.7rem;line-height:1.35}.form-page .fx-error{color:#ffb8c2;font-size:.72rem}.form-page .fx-empty{margin:0 0 .8rem;color:rgba(200,230,245,.7);font-size:.82rem}.form-page .fx-preview{position:relative;width:100%;margin-top:.4rem;padding-top:56.25%;overflow:hidden;background:rgba(3,10,24,.7);border:1px solid rgba(120,220,255,.4);border-radius:14px;box-shadow:0 10px 30px rgba(0,8,24,.5)}.form-page .fx-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.form-page .fx-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:.8rem;gap:.8rem;margin-top:.3rem}.form-page .fx-actions--start{justify-content:flex-start}.form-page .fx-btn{padding:.55rem 1.1rem;color:#eef3f8;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);white-space:nowrap;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);border-radius:999px;box-shadow:0 0 12px rgba(70,190,255,.18);cursor:pointer;transition:box-shadow .15s ease,opacity .15s ease,-webkit-transform .15s ease;transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease;transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease,-webkit-transform .15s ease}.form-page .fx-btn:hover:not(:disabled){color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 0 18px rgba(120,230,255,.5)}.form-page .fx-btn:disabled{opacity:.5;cursor:default}.form-page .fx-btn--primary{padding:.75rem 1.8rem;font-size:.72rem;color:#fff;background:linear-gradient(180deg,rgba(60,170,230,.95),rgba(14,70,130,.95));border-color:rgba(160,235,255,.85);box-shadow:0 0 18px rgba(90,200,255,.45),inset 0 1px 0 hsla(0,0%,100%,.35)}.form-page .fx-btn--danger{background:linear-gradient(180deg,rgba(72,18,30,.88),rgba(26,6,10,.92));border-color:rgba(255,110,125,.6)}.form-page .fx-btn--danger:hover:not(:disabled){box-shadow:0 0 18px rgba(255,90,110,.45)}.form-page .fx-alert{padding:.6rem .9rem;font-size:.82rem;border-radius:12px}.form-page .fx-alert--error{color:#ffd9de;background:rgba(90,10,24,.55);border:1px solid rgba(255,110,125,.5)}.form-page .fx-alert--success{color:#d8fff0;background:rgba(10,80,60,.5);border:1px solid rgba(110,240,190,.5)}.form-page .fx-link{display:inline-block;margin-top:.6rem;color:#9fe8ff;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95)}.form-page .fx-link:hover{color:#fff;text-shadow:0 0 10px rgba(120,230,255,.7)}.form-page .fx-switch{display:inline-flex;align-items:center;grid-gap:.7rem;gap:.7rem;color:#d8f2ff;font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none}.form-page .fx-switch input{position:absolute;opacity:0;width:1px;height:1px}.form-page .fx-switch__track{position:relative;flex:none;width:40px;height:22px;background:rgba(3,10,24,.75);border:1px solid rgba(120,220,255,.4);border-radius:999px;transition:background .15s ease}.form-page .fx-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#cfefff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.6);transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.form-page .fx-switch input:checked+.fx-switch__track{background:linear-gradient(180deg,rgba(60,170,230,.95),rgba(14,70,130,.95))}.form-page .fx-switch input:checked+.fx-switch__track:after{-webkit-transform:translateX(18px);transform:translateX(18px);background:#fff}.form-page .fx-switch input:focus-visible+.fx-switch__track{box-shadow:0 0 0 3px rgba(90,200,255,.3)}.form-page .fx-profile__main{display:flex;align-items:center;grid-gap:1.2rem;gap:1.2rem}.form-page .fx-avatar{position:relative;flex:none;width:96px;height:96px;padding:0;overflow:hidden;background:rgba(3,10,24,.7);border:2px solid rgba(140,230,255,.7);border-radius:50%;box-shadow:0 0 20px rgba(90,200,255,.35);cursor:pointer}.form-page .fx-avatar img{display:block;width:100%;height:100%;object-fit:cover}.form-page .fx-avatar:focus-visible .fx-avatar__edit,.form-page .fx-avatar:hover .fx-avatar__edit{opacity:1}.form-page .fx-avatar__empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9fe8ff;font-size:2rem}.form-page .fx-avatar__edit{position:absolute;right:0;bottom:0;left:0;padding:.25rem 0 .35rem;color:#fff;font-size:.56rem;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase;background:rgba(4,12,28,.75);opacity:0;transition:opacity .15s ease}.form-page .fx-profile__info{display:flex;flex-direction:column;grid-gap:.35rem;gap:.35rem;min-width:0}.form-page .fx-profile__name{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.2rem;gap:.2rem;color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:.06em;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);overflow-wrap:anywhere}.form-page .fx-profile__actions{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin-top:.4rem}.form-page .fx-photo-form{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.8rem;gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(120,220,255,.18)}.form-page .fx-file{max-width:100%;color:#d8f2ff;font-size:.78rem}.form-page .fx-file::file-selector-button{margin-right:.7rem;padding:.45rem .9rem;color:#eef3f8;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);border-radius:999px;cursor:pointer}.form-page .fx-playernumber .textplayernumber{display:block;margin-bottom:.6rem;color:rgba(200,230,245,.75);font-size:.74rem;text-shadow:none}.form-page .fx-playernumber .textplayernumberoption{margin:0}.form-page .fx-playernumber select{appearance:none;-webkit-appearance:none;width:100%;padding:.62rem 2.4rem .62rem .9rem;color:#eef8ff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.86rem;background-color:rgba(3,10,24,.66);background-image:linear-gradient(45deg,transparent 50%,#9fe8ff 0),linear-gradient(135deg,#9fe8ff 50%,transparent 0);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat;border:1px solid rgba(120,220,255,.3);border-radius:12px;outline:none;cursor:pointer}.form-page .fx-playernumber select:focus{border-color:rgba(140,235,255,.9);box-shadow:0 0 16px rgba(120,230,255,.35)}.form-page .fx-playernumber select option{color:#eaf8ff;background:#07142a}.form-page .fx-info-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.form-page .fx-info-item{display:flex;align-items:center;grid-gap:.7rem;gap:.7rem;width:100%;padding:.7rem .9rem;color:#eef8ff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.88rem;text-align:left;background:rgba(4,12,28,.55);border:1px solid rgba(120,220,255,.2);border-radius:12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.form-page .fx-info-item:hover{border-color:rgba(140,235,255,.6);box-shadow:0 0 12px rgba(120,230,255,.2)}.form-page .fx-info-item__text{flex:1 1;min-width:0;overflow-wrap:anywhere}.form-page .fx-info-item__edit{color:rgba(160,230,255,.6);opacity:0;transition:opacity .15s ease}.form-page .fx-info-item:hover .fx-info-item__edit{opacity:1}@media (max-width:1100px){.form-page{padding:64px 24px 96px}}@media (max-width:700px){.form-page{padding:56px 10px 90px}.form-page .fx-card{padding:1rem;border-radius:14px}.form-page .fx-segmented{flex-direction:column;border-radius:16px}.form-page .fx-profile__main{flex-direction:column;align-items:flex-start}.form-page .fx-actions{flex-direction:column-reverse;align-items:stretch}.form-page .fx-btn--primary{width:100%}}.form-page--auth{display:flex;flex-direction:column}.form-page .fx-auth{width:min(460px,100%);margin:auto}.form-page .fx-segmented--slide{position:relative;isolation:isolate}.form-page .fx-segmented--slide button{position:relative;z-index:1}.form-page .fx-segmented--slide button.is-active{background:transparent;border-color:transparent;box-shadow:none}.form-page .fx-segmented__thumb{position:absolute;top:4px;bottom:4px;left:4px;z-index:0;width:calc(50% - 6px);background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);border-radius:999px;box-shadow:0 0 14px rgba(120,230,255,.35);transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1)}.form-page .fx-segmented__thumb.is-right{-webkit-transform:translateX(calc(100% + 4px));transform:translateX(calc(100% + 4px))}.form-page .fx-panes{position:relative;display:grid;margin:-6px;padding:0;overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1)}.form-page .fx-pane{grid-area:1/1;align-self:start;min-width:0;padding:6px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .35s,-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:opacity .3s ease,transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s;transition:opacity .3s ease,transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s,-webkit-transform .35s cubic-bezier(.4,0,.2,1)}.form-page .fx-pane.fx-pane--left{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.form-page .fx-pane.fx-pane--right{-webkit-transform:translateX(24px);transform:translateX(24px)}.form-page .fx-pane.is-active{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:none;transform:none;transition:opacity .3s ease .05s,visibility 0s,-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:opacity .3s ease .05s,transform .35s cubic-bezier(.4,0,.2,1),visibility 0s;transition:opacity .3s ease .05s,transform .35s cubic-bezier(.4,0,.2,1),visibility 0s,-webkit-transform .35s cubic-bezier(.4,0,.2,1)}.form-page .fx-pane__intro{margin:0 0 .2rem;font-size:.78rem}.form-page .fx-pane>.fx-pane__intro{margin-bottom:1rem}.form-page .fx-password{position:relative}.form-page .fx-password .fx-input{padding-right:5.6rem}.form-page .fx-password__toggle{position:absolute;top:50%;right:6px;padding:.32rem .7rem;color:#bfefff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(40,120,170,.22);border:1px solid rgba(120,220,255,.3);border-radius:999px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;transition:background .15s ease,color .15s ease}.form-page .fx-password__toggle:focus-visible,.form-page .fx-password__toggle:hover{color:#fff;background:rgba(60,160,220,.4);outline:none}.form-page .fx-textlink{padding:.2rem 0;color:rgba(170,230,255,.85);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.76rem;text-decoration:underline;-webkit-text-decoration-color:rgba(170,230,255,.35);text-decoration-color:rgba(170,230,255,.35);text-underline-offset:3px;background:none;border:0;cursor:pointer}.form-page .fx-textlink:focus-visible,.form-page .fx-textlink:hover{color:#fff;-webkit-text-decoration-color:hsla(0,0%,100%,.8);text-decoration-color:hsla(0,0%,100%,.8);outline:none}.form-page .fx-inline{display:flex;grid-gap:.5rem;gap:.5rem}.form-page .fx-inline .fx-input{flex:1 1;min-width:0}.form-page .fx-btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem}.form-page .fx-spinner{width:.85em;height:.85em;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;-webkit-animation:fx-spin .7s linear infinite;animation:fx-spin .7s linear infinite}@-webkit-keyframes fx-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fx-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:700px){.form-page .fx-segmented--slide{flex-direction:row;border-radius:999px}}@media (prefers-reduced-motion:reduce){.form-page .fx-pane,.form-page .fx-panes,.form-page .fx-segmented__thumb{transition:none!important}}.form-page.hub-page .hub{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;width:min(1080px,100%);margin:0 auto}.form-page.hub-page .hub .fx-card{width:100%;margin:0}.form-page.hub-page .hub-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:.8rem 1.4rem;gap:.8rem 1.4rem;padding:1rem 1.3rem}.form-page.hub-page .hub-head__sub{margin:.35rem 0 0}.form-page.hub-page .hub-tabs{flex:0 1 470px;margin:0}.form-page.hub-page .hub-badge{display:inline-block;min-width:1.3em;margin-left:.35rem;padding:.05rem .4rem;color:#04101f;font-size:.62rem;line-height:1.4;text-align:center;text-shadow:none;background:#7fe3ff;border-radius:999px}.form-page.hub-page .hub-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:.8rem;gap:.8rem}.form-page.hub-page .hub-chips{display:flex;flex-wrap:wrap;grid-gap:.45rem;gap:.45rem}.form-page.hub-page .hub-chip{display:inline-flex;align-items:center;grid-gap:.45rem;gap:.45rem;padding:.42rem .85rem;color:#d9f3ff;font-family:inherit;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);background:rgba(6,18,38,.72);border:1px solid rgba(120,220,255,.22);border-radius:999px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.form-page.hub-page .hub-chip span{color:rgba(200,230,245,.66);font-weight:400;letter-spacing:0}.form-page.hub-page .hub-chip:hover{border-color:rgba(140,230,255,.6)}.form-page.hub-page .hub-chip.is-active{color:#fff;background:linear-gradient(180deg,rgba(40,130,190,.9),rgba(10,50,100,.92));border-color:rgba(160,235,255,.85);box-shadow:0 0 14px rgba(110,220,255,.4)}.form-page.hub-page .hub-chip.is-active span{color:#d8f6ff}.form-page.hub-page .hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:1rem;gap:1rem}.form-page.hub-page .hub-card{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(14,38,66,.88),rgba(5,12,28,.94));border:1px solid rgba(120,220,255,.32);border-radius:16px;box-shadow:0 14px 34px rgba(0,8,24,.5);transition:box-shadow .18s ease,border-color .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,-webkit-transform .18s ease}.form-page.hub-page .hub-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);border-color:rgba(140,230,255,.6);box-shadow:0 18px 40px rgba(0,8,24,.6),0 0 18px rgba(90,200,255,.2)}.form-page.hub-page .hub-card.is-unread{border-color:rgba(127,227,255,.85);box-shadow:0 0 18px rgba(127,227,255,.35)}.form-page.hub-page .hub-card__cover{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;background:#04101f;border:0;cursor:pointer}.form-page.hub-page .hub-cover{position:absolute;inset:0;display:block;overflow:hidden}.form-page.hub-page .hub-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.form-page.hub-page .hub-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,8,20,.75))}.form-page.hub-page .hub-cover__empty{display:flex;align-items:center;justify-content:center;height:100%;color:rgba(127,227,255,.55);font-size:2.4rem;background:radial-gradient(circle at 30% 20%,rgba(40,120,180,.45),rgba(4,12,28,.95))}.form-page.hub-page .hub-cover__play{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding-left:4px;color:#fff;font-size:1.1rem;background:rgba(10,60,110,.75);border:1px solid rgba(160,235,255,.85);border-radius:50%;box-shadow:0 0 18px rgba(90,200,255,.5);opacity:0;-webkit-transform:translate(-50%,-50%) scale(.85);transform:translate(-50%,-50%) scale(.85);transition:opacity .18s ease,-webkit-transform .18s ease;transition:opacity .18s ease,transform .18s ease;transition:opacity .18s ease,transform .18s ease,-webkit-transform .18s ease}.form-page.hub-page .hub-cover__count{position:absolute;right:8px;bottom:8px;z-index:1;padding:.18rem .55rem;color:#eaf8ff;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(2,8,20,.78);border:1px solid rgba(120,220,255,.35);border-radius:999px}.form-page.hub-page .hub-card__cover:focus-visible,.form-page.hub-page .hub-card__cover:hover{outline:none}.form-page.hub-page .hub-card__cover:focus-visible .hub-cover__play,.form-page.hub-page .hub-card__cover:hover .hub-cover__play{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.form-page.hub-page .hub-card__cover:focus-visible .hub-cover img,.form-page.hub-page .hub-card__cover:hover .hub-cover img{-webkit-transform:scale(1.04);transform:scale(1.04)}.form-page.hub-page .hub-card__body{display:flex;flex:1 1;flex-direction:column;grid-gap:.45rem;gap:.45rem;padding:.8rem .9rem .95rem}.form-page.hub-page .hub-card__title{padding:0;color:#f2fbff;font-family:inherit;font-size:.98rem;font-weight:700;line-height:1.25;text-align:left;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);background:none;border:0;cursor:pointer;overflow-wrap:anywhere}.form-page.hub-page .hub-card__title:focus-visible,.form-page.hub-page .hub-card__title:hover{color:#9fe8ff;outline:none}.form-page.hub-page .hub-card__meta{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.3rem;gap:.3rem;color:rgba(200,230,245,.66);font-size:.74rem}.form-page.hub-page .hub-card__date{color:rgba(200,230,245,.5)}.form-page.hub-page .hub-tag{padding:.14rem .55rem;color:#bff1ff;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:rgba(40,120,170,.25);border:1px solid rgba(120,220,255,.35);border-radius:999px}.form-page.hub-page .hub-tag--muted{color:rgba(200,230,245,.5);background:transparent;border-color:rgba(200,230,245,.18)}.form-page.hub-page .hub-card__desc{display:-webkit-box;margin:0;overflow:hidden;color:rgba(200,230,245,.66);font-size:.76rem;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.form-page.hub-page .hub-card__actions{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem;margin-top:auto;padding-top:.35rem}.form-page.hub-page .hub-card__actions .fx-btn{padding:.42rem .62rem;font-size:.58rem;letter-spacing:.1em}.form-page.hub-page .hub-empty{display:flex;flex-direction:column;align-items:center;grid-gap:.8rem;gap:.8rem;padding:2rem 1rem;text-align:center}.form-page.hub-page .hub-empty p{margin:0;color:rgba(200,230,245,.66)}.form-page.hub-page .hub-legacy{align-self:center;margin:.2rem 0 0;padding:.4rem .9rem;text-align:center;background:rgba(4,12,28,.72);border:1px solid rgba(120,220,255,.2);border-radius:999px}.form-page.hub-page .hub-legacy a{color:#9fe8ff}.form-page.hub-page .hub-detail__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:.8rem;gap:.8rem;margin-bottom:1rem}.form-page.hub-page .hub-detail__actions{display:flex;flex-wrap:wrap;grid-gap:.45rem;gap:.45rem}.form-page.hub-page .hub-detail__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;grid-gap:1rem;gap:1rem}.form-page.hub-page .hub-items,.form-page.hub-page .hub-posts,.form-page.hub-page .hub-shares{margin:0;padding:0;list-style:none}.form-page.hub-page .hub-item,.form-page.hub-page .hub-post{display:grid;align-items:center;grid-gap:.7rem;gap:.7rem;margin-bottom:.5rem;padding:.5rem;background:rgba(4,12,28,.5);border:1px solid rgba(120,220,255,.18);border-radius:12px}.form-page.hub-page .hub-item{grid-template-columns:18px 104px minmax(0,1fr) auto}.form-page.hub-page .hub-post{grid-template-columns:84px minmax(0,1fr) auto}.form-page.hub-page .hub-item__num{color:rgba(160,230,255,.6);font-size:.72rem;font-weight:700;text-align:center}.form-page.hub-page .hub-item__thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/9;color:rgba(127,227,255,.55);background:#04101f;border-radius:8px}.form-page.hub-page .hub-item__thumb img{display:block;width:100%;height:100%;object-fit:cover}.form-page.hub-page .hub-item__text{display:flex;flex-direction:column;grid-gap:.15rem;gap:.15rem;min-width:0}.form-page.hub-page .hub-item__title{color:#f0faff;font-size:.84rem;font-weight:700;overflow-wrap:anywhere}.form-page.hub-page .hub-item__desc{display:-webkit-box;overflow:hidden;color:rgba(200,230,245,.66);font-size:.72rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}.form-page.hub-page .hub-item__link{overflow:hidden;color:rgba(200,230,245,.45);font-size:.64rem;white-space:nowrap;text-overflow:ellipsis}.form-page.hub-page .hub-item__actions{display:flex;grid-gap:.3rem;gap:.3rem}.form-page.hub-page .hub-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:#d9f3ff;font-size:.72rem;background:rgba(6,18,38,.8);border:1px solid rgba(120,220,255,.35);border-radius:50%;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.form-page.hub-page .hub-icon:hover:not(:disabled){border-color:rgba(160,235,255,.85);box-shadow:0 0 10px rgba(110,220,255,.4)}.form-page.hub-page .hub-icon:disabled{opacity:.35;cursor:default}.form-page.hub-page .hub-icon--danger{color:#ffc2ca;font-size:1rem;border-color:rgba(255,110,125,.5)}.form-page.hub-page .hub-icon--danger:hover:not(:disabled){border-color:rgba(255,130,145,.9);box-shadow:0 0 10px rgba(255,90,110,.45)}.form-page.hub-page .hub-add .fx-segmented button{padding:.5rem .6rem}.form-page.hub-page .hub-add__preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(120,220,255,.4);border-radius:12px}.form-page.hub-page .hub-add__desc{min-height:72px}.form-page.hub-page .hub-posts{max-height:380px;overflow-y:auto}.form-page.hub-page .hub-modal{width:min(560px,100vw - 24px);max-height:calc(100vh - 40px);overflow-y:auto}.form-page.hub-page .hub-modal__head{display:flex;align-items:center;justify-content:space-between;grid-gap:.8rem;gap:.8rem;margin-bottom:.8rem}.form-page.hub-page .hub-modal__head .fx-section-title{margin:0}.form-page.hub-page .hub-modal>.fx-alert{margin-top:.8rem}.form-page.hub-page .hub-share{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem;margin-top:.7rem;padding:.6rem;background:rgba(4,12,28,.5);border:1px solid rgba(120,220,255,.18);border-radius:12px}.form-page.hub-page .hub-share.is-expired{opacity:.55}.form-page.hub-page .hub-share__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:.5rem;gap:.5rem}.form-page.hub-page .hub-share__btns{display:flex;grid-gap:.4rem;gap:.4rem}@media (max-width:1000px){.form-page.hub-page .hub-detail__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.form-page.hub-page .hub-head{flex-direction:column;align-items:stretch}.form-page.hub-page .hub-tabs{flex:none;flex-direction:row}.form-page.hub-page .hub-toolbar>.fx-btn{width:100%}.form-page.hub-page .hub-item{grid-template-columns:76px minmax(0,1fr)}.form-page.hub-page .hub-item .hub-item__num{display:none}.form-page.hub-page .hub-item .hub-item__actions{grid-column:1/-1;justify-content:flex-end}}.form-page.hub-page .hub-periods{flex-wrap:wrap;margin-bottom:0}.form-page.hub-page .hub-periods button{flex:1 0 auto;min-width:4.6rem;padding:.5rem .7rem;white-space:nowrap}.form-page.hub-page .hub-periods__result{color:#9fe8ff;letter-spacing:.04em}.form-page.hub-page .hub-periods__result.is-never{color:rgba(200,230,245,.66)}.form-page.hub-page .hub-share__meta{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.5rem;gap:.5rem;min-width:0}.form-page.hub-page .hub-share__badge{padding:.18rem .6rem;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(120,220,255,.45);border-radius:999px}.form-page.hub-page .hub-share__badge.is-timed{color:#d8f6ff;background:linear-gradient(180deg,rgba(40,130,190,.75),rgba(10,50,100,.8))}.form-page.hub-page .hub-share__badge.is-never{color:#2a1a00;text-shadow:0 1px 0 hsla(0,0%,100%,.45);background:linear-gradient(180deg,#ffe7a3,#e0b04a);border-color:rgba(255,215,120,.8)}.form-page.hub-page .hub-share__badge.is-expired{color:#ffd6d6;background:rgba(120,20,30,.55);border-color:rgba(255,120,120,.55)}@media (max-width:700px){.form-page.hub-page .hub-periods{flex-direction:row;border-radius:18px}.form-page.hub-page .hub-periods button{flex:1 0 28%}}.form-page.hub-page .hub-tag--public{color:#04101f;text-shadow:none;background:linear-gradient(180deg,#a8f2ff,#52c6ef);border-color:rgba(200,248,255,.9);box-shadow:0 0 10px rgba(110,220,255,.35)}.form-page.hub-page .hub-search{flex:0 1 280px;min-width:180px;margin:0}.form-page.hub-page .hub-count{margin:-.25rem 0 0}.form-page.hub-page .hub-more{display:flex;justify-content:center;padding:.4rem 0 1rem}.form-page.hub-page .hub-public-switch{align-self:flex-start;margin:.2rem 0 .4rem;font-weight:700;letter-spacing:.04em}.form-page.hub-page .hub-public-switch small{margin-left:.35rem;color:rgba(200,230,245,.66);font-size:.72rem;font-weight:400;letter-spacing:0}@media (max-width:640px){.form-page.hub-page .hub-search{flex:1 1 100%}}.container.home-page{box-sizing:border-box;align-items:center;align-items:safe center}.home-bar{position:fixed;z-index:1000;max-width:calc(100vw - 16px);touch-action:none}.home-bar.is-docked{top:12px;left:16px}.home-bar.is-dragging{opacity:.92;-webkit-filter:drop-shadow(0 8px 18px rgba(0,8,24,.6));filter:drop-shadow(0 8px 18px rgba(0,8,24,.6))}.home-bar-shield{position:fixed;inset:0;z-index:2000;cursor:-webkit-grabbing;cursor:grabbing;background:transparent}.home-bar__pill{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;max-width:min(46vw,300px);padding:.42rem .8rem .42rem .65rem;color:#d7fbff;font:inherit;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);white-space:nowrap;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);border-radius:999px;box-shadow:0 0 16px rgba(70,190,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.home-bar__pill:focus-visible,.home-bar__pill:hover{color:#fff;border-color:rgba(160,235,255,.85);box-shadow:0 0 18px rgba(120,230,255,.5);outline:none}.is-dragging .home-bar__pill{cursor:-webkit-grabbing;cursor:grabbing}.home-bar__ico{flex:none;color:#9fe8ff}.home-bar__pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.home-bar__chev{flex:none;color:#9fe8ff;font-size:.7rem}.home-bar__grip{flex:none;margin:0 -.2rem 0 -.45rem;padding:.15rem .3rem;color:rgba(159,232,255,.75);font-size:.95rem;line-height:1;letter-spacing:0;border-radius:6px;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.home-bar__grip:hover{color:#fff;background:rgba(120,220,255,.12)}.is-dragging .home-bar__grip{cursor:-webkit-grabbing;cursor:grabbing}.home-bar__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:#c9f6ff;font:inherit;font-size:.8rem;letter-spacing:0;background:rgba(18,48,82,.6);border:1px solid rgba(120,220,255,.4);border-radius:50%;cursor:pointer}.home-bar__icon:focus-visible,.home-bar__icon:hover{color:#fff;box-shadow:0 0 12px rgba(120,230,255,.5);outline:none}.home-picker{position:relative;box-sizing:border-box;display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;max-width:min(100vw - 16px,860px);padding:.3rem .45rem .3rem 1rem;color:#eef3f8;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 -1px 0 hsla(0,0%,100%,.35),0 1px 0 rgba(0,0,0,.95);white-space:nowrap;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(120,220,255,.5);border-radius:999px;box-shadow:0 0 18px rgba(70,190,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-picker__label{color:#9fe8ff;font-weight:700;opacity:.85}.home-picker__text{overflow:hidden;text-overflow:ellipsis;opacity:.9}.home-picker__text--title{font-weight:700;opacity:1}.home-picker__from{opacity:.8}.home-picker__hint{opacity:.6;text-transform:none;letter-spacing:.04em}.home-picker__select{min-width:0;max-width:34vw;padding:.32rem 1.9rem .32rem .75rem;overflow:hidden;color:#eef3f8;font-size:.72rem;letter-spacing:.06em;text-overflow:ellipsis;background-color:rgba(4,12,28,.75);background-image:linear-gradient(45deg,transparent 50%,#9fe8ff 0),linear-gradient(135deg,#9fe8ff 50%,transparent 0);background-repeat:no-repeat;background-position:calc(100% - 13px) 55%,calc(100% - 8px) 55%;background-size:5px 5px,5px 5px;border:1px solid rgba(120,220,255,.4);border-radius:999px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.home-picker__select:focus{border-color:#9fe8ff;box-shadow:0 0 10px rgba(120,230,255,.45)}.home-picker__select optgroup,.home-picker__select option{color:#eef3f8;background:#0a1830}.home-picker__link{padding:.32rem .85rem;color:#c9f6ff;font:inherit;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:rgba(18,48,82,.6);border:1px solid rgba(120,220,255,.4);border-radius:999px;cursor:pointer}.home-picker__link:hover{color:#fff;box-shadow:0 0 12px rgba(120,230,255,.5)}.home-picker__link--primary{color:#2a1a00;text-shadow:0 1px 0 hsla(0,0%,100%,.45);background:linear-gradient(180deg,#ffe7a3,#e0b04a);border-color:rgba(255,215,120,.8)}.home-picker__link--primary:hover{color:#1a1000;box-shadow:0 0 14px rgba(255,215,120,.6)}.player-shell--card{background:radial-gradient(120% 90% at 15% 0,rgba(60,170,255,.22),transparent 55%),radial-gradient(90% 80% at 100% 100%,rgba(255,210,120,.12),transparent 60%),linear-gradient(180deg,rgba(10,26,52,.88),rgba(3,8,22,.92));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player-shell--card:before{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(160,230,255,.04) 1px,transparent 1px 4px);pointer-events:none;content:""}.intro-card{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-gap:.9rem;gap:.9rem;padding:6% 8%;color:#d7fbff;text-align:left;text-shadow:0 0 10px rgba(80,220,255,.3)}.intro-card__top{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.intro-card__step{padding:.25rem .8rem;color:#9fe8ff;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border:1px solid rgba(120,220,255,.55);-webkit-clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);background:rgba(18,48,82,.6)}.intro-card__icon{color:rgba(255,225,150,.95);font-size:clamp(1.6rem,3.4vw,3rem);font-weight:800;line-height:1;letter-spacing:.06em;text-shadow:0 0 18px rgba(255,200,100,.45)}.intro-card__title{margin:0;color:#fff;font-size:clamp(1.1rem,2.6vw,2.2rem);font-weight:700;line-height:1.2;letter-spacing:.04em;text-shadow:0 0 14px rgba(80,220,255,.45),0 2px 2px rgba(0,0,0,.8)}.intro-card__body{max-width:46em;margin:0;font-size:clamp(.8rem,1.25vw,1.1rem);line-height:1.55;opacity:.88}.intro-card__actions{display:flex;flex-wrap:wrap;grid-gap:.8rem;gap:.8rem;margin-top:.4rem}.intro-card__btn{padding:.6rem 1.5rem;color:#c9f6ff;font-size:.74rem;font-weight:600;letter-spacing:.18em;text-decoration:none;text-transform:uppercase;background:linear-gradient(180deg,rgba(18,48,82,.9),rgba(6,14,32,.95));border:1px solid rgba(120,220,255,.55);-webkit-clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);box-shadow:0 0 16px rgba(70,190,255,.25)}.intro-card__btn:hover{color:#fff;box-shadow:0 0 22px rgba(120,230,255,.55)}.intro-card__btn--primary{color:#2a1a00;text-shadow:0 1px 0 hsla(0,0%,100%,.45);background:linear-gradient(180deg,#ffe7a3,#e0b04a)}.intro-card__btn--primary:hover{color:#1a1000}@media (max-width:700px){.home-bar.is-docked.is-open{top:58px;left:8px}.home-bar__pill{max-width:min(42vw,240px)}.home-picker{max-width:calc(100vw - 16px);font-size:.6rem}.player-shell--card{padding-top:118%}.home-picker__label{display:none}.home-picker__select{max-width:52vw}.intro-card{grid-gap:.5rem;gap:.5rem;padding:5% 6%}.intro-card__body{font-size:.82rem}.intro-card__btn{padding:.45rem 1rem;font-size:.62rem}}.stack-frame{position:absolute;inset:0}.stack-frame--up{-webkit-animation:stack-in-up .55s cubic-bezier(.22,1,.36,1);animation:stack-in-up .55s cubic-bezier(.22,1,.36,1)}.stack-frame--down{-webkit-animation:stack-in-down .55s cubic-bezier(.22,1,.36,1);animation:stack-in-down .55s cubic-bezier(.22,1,.36,1)}@-webkit-keyframes stack-in-up{0%{opacity:.2;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes stack-in-up{0%{opacity:.2;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes stack-in-down{0%{opacity:.2;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes stack-in-down{0%{opacity:.2;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.stack-badge{display:inline-flex;align-items:center;grid-gap:.45rem;gap:.45rem;min-width:0;max-width:100%;padding:.14rem .65rem;color:#eef8ff;font-size:.64rem;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9);background:linear-gradient(180deg,rgba(18,48,82,.92),rgba(6,14,32,.95));border:1px solid rgba(120,220,255,.5);border-radius:999px;box-shadow:0 0 10px rgba(70,190,255,.25);pointer-events:none}.stack-badge .prof-badge{flex:none;margin-left:0}.stack-badge__who{min-width:0;overflow:hidden;text-overflow:ellipsis}.stack-badge__pos{flex:none;padding-left:.45rem;color:rgba(255,225,150,.95);border-left:1px solid rgba(120,220,255,.35)}.reply-rail{position:relative;z-index:3;display:flex;align-items:stretch;grid-gap:.45rem;gap:.45rem;margin-top:.6rem}.reply-rail.is-idle{visibility:hidden}.reply-rail__arrow,.reply-rail__toggle{padding:.35rem .8rem;color:#c9f6ff;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,rgba(18,48,82,.9),rgba(6,14,32,.95));border:1px solid rgba(120,220,255,.5);cursor:pointer}.reply-rail__arrow:hover:not(:disabled),.reply-rail__toggle:hover:not(:disabled){color:#fff;box-shadow:0 0 14px rgba(120,230,255,.5)}.reply-rail__arrow:disabled,.reply-rail__toggle:disabled{opacity:.35;cursor:default}.reply-rail__arrow{min-width:2.6rem;border-radius:10px}.reply-rail__toggle{border-radius:999px}.reply-rail__toggle.is-open{color:#2a1a00;text-shadow:0 1px 0 hsla(0,0%,100%,.45);background:linear-gradient(180deg,#ffe7a3,#e0b04a);border-color:rgba(255,215,120,.85)}.reply-rail__handle{flex:1 1;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;grid-gap:.6rem;gap:.6rem;min-height:2.1rem;color:#d7fbff;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;background:repeating-linear-gradient(90deg,rgba(160,230,255,.08) 2px,transparent 2px 8px),rgba(4,12,28,.6);border:1px dashed rgba(120,220,255,.45);border-radius:10px;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.reply-rail__handle:active{cursor:-webkit-grabbing;cursor:grabbing}.reply-rail__handle.is-empty{opacity:.6}.reply-rail__grip{flex:none;color:rgba(255,225,150,.95);font-size:1rem}.reply-rail__pos{font-weight:700}.reply-rail__pos small{font-weight:400;opacity:.75}.reply-rail__pos--muted{font-weight:400;opacity:.8}.reply-drag-shield{position:fixed;inset:0;z-index:5000;background:transparent;cursor:-webkit-grabbing;cursor:grabbing;touch-action:none}.replies-panel{position:absolute;top:64px;right:16px;bottom:84px;z-index:1100;box-sizing:border-box;display:flex;flex-direction:column;grid-gap:.7rem;gap:.7rem;width:min(380px,100vw - 2rem);padding:.9rem;color:#d7fbff;text-align:left;background:linear-gradient(180deg,rgba(14,38,68,.9),rgba(4,10,26,.94));border:1px solid rgba(120,220,255,.5);border-radius:16px;box-shadow:0 18px 50px rgba(0,8,24,.6),0 0 22px rgba(70,190,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-animation:replies-in .3s ease;animation:replies-in .3s ease}@-webkit-keyframes replies-in{0%{opacity:0;-webkit-transform:translateX(24px);transform:translateX(24px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes replies-in{0%{opacity:0;-webkit-transform:translateX(24px);transform:translateX(24px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.replies-panel__head{display:flex;align-items:center;justify-content:space-between}.replies-panel__title{color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.replies-panel__close{width:2rem;height:2rem;color:#c9f6ff;font-size:1.2rem;line-height:1;background:transparent;border:1px solid rgba(120,220,255,.35);border-radius:50%;cursor:pointer}.replies-panel__close:hover{color:#fff;border-color:#9fe8ff}.replies-panel__error,.replies-panel__info{padding:.45rem .65rem;font-size:.74rem;border-radius:8px}.replies-panel__error{color:#ffd6d6;background:rgba(120,20,30,.45);border:1px solid rgba(255,120,120,.45)}.replies-panel__info{color:#d8ffe9;background:rgba(20,100,60,.4);border:1px solid rgba(120,255,180,.4)}.replies-panel__login{font-size:.8rem;text-align:center}.replies-panel__login a{color:#ffe7a3;font-weight:700}.replies-list{flex:1 1;min-height:0;margin:0;padding:0 .2rem 0 0;overflow-y:auto;list-style:none}.replies-list__empty{padding:1rem 0;font-size:.8rem;text-align:center;opacity:.75}.reply{display:flex;flex-direction:column;grid-gap:.35rem;gap:.35rem;margin-bottom:.55rem;padding:.6rem .7rem;background:rgba(4,12,28,.55);border:1px solid rgba(120,220,255,.18);border-radius:12px}.reply.is-playing{border-color:rgba(255,215,120,.75);box-shadow:0 0 12px rgba(255,210,120,.25)}.reply__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;grid-gap:.4rem;gap:.4rem}.reply__author{color:#fff;font-size:.78rem;font-weight:700}.reply__date{font-size:.66rem;opacity:.65}.reply__text{margin:0;font-size:.8rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.reply__video{position:relative;display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.3rem;color:#d7fbff;font:inherit;text-align:left;background:rgba(18,48,82,.45);border:1px solid rgba(120,220,255,.3);border-radius:10px;cursor:pointer}.reply__video img{width:96px;height:54px;object-fit:cover;border-radius:6px}.reply__video:hover{border-color:#9fe8ff}.reply__play{position:absolute;top:50%;left:calc(.3rem + 48px);color:#fff;font-size:1rem;text-shadow:0 0 8px rgba(0,0,0,.9);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.reply__video-label{font-size:.68rem}.reply__delete,.reply__video-label{letter-spacing:.1em;text-transform:uppercase}.reply__delete{align-self:flex-end;padding:.2rem .6rem;color:#ffc9c9;font-size:.64rem;background:transparent;border:1px solid rgba(255,120,120,.4);border-radius:999px;cursor:pointer}.reply__delete:hover{color:#fff;background:rgba(120,20,30,.5)}.reply-form{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;padding-top:.6rem;border-top:1px solid rgba(120,220,255,.2)}.reply-form__text,.reply-form__url{box-sizing:border-box;width:100%;padding:.55rem .7rem;color:#eef8ff;font-family:inherit;font-size:.8rem;background:rgba(3,10,24,.7);border:1px solid rgba(120,220,255,.35);border-radius:10px;outline:none;resize:vertical}.reply-form__text:focus,.reply-form__url:focus{border-color:#9fe8ff;box-shadow:0 0 10px rgba(120,230,255,.35)}.reply-form__text.is-invalid,.reply-form__url.is-invalid{border-color:rgba(255,120,120,.8)}.reply-form__preview{display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;font-size:.72rem;line-height:1.35}.reply-form__preview img{width:96px;height:54px;object-fit:cover;border:1px solid rgba(120,220,255,.4);border-radius:6px}.reply-form__submit{align-self:flex-end;padding:.5rem 1.4rem;color:#2a1a00;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 0 hsla(0,0%,100%,.45);background:linear-gradient(180deg,#ffe7a3,#e0b04a);border:1px solid rgba(255,215,120,.85);border-radius:999px;cursor:pointer}.reply-form__submit:disabled{opacity:.45;cursor:default}@media (max-width:700px){.replies-panel{top:auto;right:.5rem;bottom:72px;left:.5rem;width:auto;max-height:62vh}.reply-rail__toggle{padding:.35rem .55rem;font-size:.6rem}.reply-rail__handle{font-size:.6rem;grid-gap:.35rem;gap:.35rem}.stack-badge{grid-gap:.35rem;gap:.35rem;padding:.1rem .5rem;font-size:.56rem;letter-spacing:.08em}.stack-badge__lbl{display:none}}.fg{position:fixed;right:14px;bottom:66px;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-transform-origin:bottom right;transform-origin:bottom right}.fg-child{display:block;width:auto;height:min(48vh,400px);max-width:14vw;object-fit:contain;object-position:bottom}.home-page:has(.swiper-container.is-expanded) .fg:not(.fg--child){-webkit-transform:scale(.62);transform:scale(.62)}.home-page:has(.swiper-container.is-expanded) .fg-child{height:min(34vh,280px);max-width:9vw}.fg-note{position:absolute;color:rgba(255,225,150,.95);font-size:22px;line-height:1;text-shadow:0 0 10px rgba(255,200,100,.7);opacity:0;-webkit-animation:fg-note-rise 6s ease-in-out infinite;animation:fg-note-rise 6s ease-in-out infinite}.fg-note--2{font-size:18px;color:rgba(160,235,255,.95);text-shadow:0 0 10px rgba(110,220,255,.8);-webkit-animation-delay:2s;animation-delay:2s}.fg-note--3{font-size:16px;-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes fg-note-rise{0%{opacity:0;-webkit-transform:translateY(10px) rotate(-8deg);transform:translateY(10px) rotate(-8deg)}20%{opacity:.95}80%{opacity:.6}to{opacity:0;-webkit-transform:translate(18px,-60px) rotate(10deg);transform:translate(18px,-60px) rotate(10deg)}}@keyframes fg-note-rise{0%{opacity:0;-webkit-transform:translateY(10px) rotate(-8deg);transform:translateY(10px) rotate(-8deg)}20%{opacity:.95}80%{opacity:.6}to{opacity:0;-webkit-transform:translate(18px,-60px) rotate(10deg);transform:translate(18px,-60px) rotate(10deg)}}.fg-spectrum{position:relative;display:flex;align-items:flex-end;grid-gap:4px;gap:4px;width:150px;height:110px;padding:0 4px 8px;box-sizing:border-box;-webkit-filter:drop-shadow(0 0 12px rgba(90,200,255,.4));filter:drop-shadow(0 0 12px rgba(90,200,255,.4))}.fg-spectrum__bar{flex:1 1;height:100%;height:calc(100%*var(--amp, 1));transition:height .6s ease;background:linear-gradient(0deg,#3fb8ff,#a0ebff 55%,#ffe7a3);border-radius:3px 3px 1px 1px;box-shadow:0 0 6px rgba(140,225,255,.6);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(.55);transform:scaleY(.55);-webkit-animation:fg-spectrum 1.6s ease-in-out infinite alternate;animation:fg-spectrum 1.6s ease-in-out infinite alternate;-webkit-animation-delay:calc(var(--i)*-0.23s);animation-delay:calc(var(--i)*-0.23s);-webkit-animation-play-state:paused;animation-play-state:paused}.fg-spectrum.is-playing .fg-spectrum__bar{-webkit-animation-play-state:running;animation-play-state:running}.fg-spectrum:not(.is-playing){opacity:.75}.fg-spectrum__bar:nth-child(3n){-webkit-animation-duration:1.1s;animation-duration:1.1s}.fg-spectrum__bar:nth-child(3n+1){-webkit-animation-duration:1.9s;animation-duration:1.9s}.fg-spectrum__bar:nth-child(2n){-webkit-transform:scaleY(.8);transform:scaleY(.8)}.fg-spectrum__bar:nth-child(4n+1){-webkit-transform:scaleY(.35);transform:scaleY(.35)}.fg-spectrum__floor{position:absolute;left:0;right:0;bottom:2px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,215,120,.85),transparent);border-radius:2px}@-webkit-keyframes fg-spectrum{0%{-webkit-transform:scaleY(.18);transform:scaleY(.18)}35%{-webkit-transform:scaleY(.85);transform:scaleY(.85)}60%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes fg-spectrum{0%{-webkit-transform:scaleY(.18);transform:scaleY(.18)}35%{-webkit-transform:scaleY(.85);transform:scaleY(.85)}60%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.fg-piano{position:relative;display:block;width:160px;height:128px;-webkit-filter:drop-shadow(0 0 14px rgba(90,200,255,.35));filter:drop-shadow(0 0 14px rgba(90,200,255,.35));-webkit-animation:fg-bob 7s ease-in-out infinite;animation:fg-bob 7s ease-in-out infinite}.fg-piano__lid{position:absolute;left:14px;top:40px;width:132px;height:7px;background:linear-gradient(90deg,#1c3358,#0a1630);border:1px solid rgba(160,235,255,.55);border-radius:4px 40px 4px 4px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}.fg-piano__body{position:absolute;left:0;top:46px;width:160px;height:40px;background:linear-gradient(180deg,rgba(160,235,255,.18),transparent 40%),linear-gradient(180deg,#1b2d4f,#060c1c);border:1px solid rgba(140,225,255,.6);border-radius:8px 64px 26px 8px}.fg-piano__keys{position:absolute;left:6px;top:74px;width:92px;height:9px;background:repeating-linear-gradient(90deg,#0b1222 3px,transparent 3px 7px,#0b1222 7px 10px,transparent 10px 14px,transparent 14px 21px) top/100% 55% no-repeat,repeating-linear-gradient(90deg,#f4f8ff 6px,#24324a 6px 7px);border-radius:2px;box-shadow:0 0 8px hsla(0,0%,100%,.35)}.fg-piano__leg{position:absolute;top:85px;width:6px;height:38px;background:linear-gradient(180deg,#1b2d4f,#04080f);border:1px solid rgba(140,225,255,.4);border-radius:0 0 3px 3px}.fg-piano__leg--front{left:12px}.fg-piano__leg--back{left:74px;height:30px;opacity:.6}.fg-piano__leg--tail{left:138px}.fg-piano .fg-note--1{left:70px;top:6px}.fg-piano .fg-note--2{left:110px;top:14px}.fg-moon{position:relative;display:block;width:130px;height:130px;-webkit-animation:fg-bob 8s ease-in-out infinite;animation:fg-bob 8s ease-in-out infinite}.fg-moon__halo{left:20px;top:34px;width:86px;height:86px;background:radial-gradient(circle,rgba(255,220,140,.35),rgba(110,200,255,.12) 55%,transparent 70%);-webkit-animation:fg-glow 5s ease-in-out infinite;animation:fg-glow 5s ease-in-out infinite}.fg-moon__crescent,.fg-moon__halo{position:absolute;border-radius:50%}.fg-moon__crescent{left:34px;top:48px;width:58px;height:58px;background:transparent;box-shadow:inset -15px 6px 0 0 #ffe7a3;-webkit-filter:drop-shadow(0 0 10px rgba(255,215,120,.75));filter:drop-shadow(0 0 10px rgba(255,215,120,.75));-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}.fg-moon .fg-note--1{left:92px;top:40px}.fg-moon .fg-note--2{left:104px;top:64px}.fg-moon .fg-note--3{left:80px;top:20px}.fg-metronome{position:relative;display:block;width:100px;height:140px;-webkit-filter:drop-shadow(0 0 14px rgba(90,200,255,.35));filter:drop-shadow(0 0 14px rgba(90,200,255,.35))}.fg-metronome__body{left:14px;top:12px;width:72px;height:112px;background:linear-gradient(180deg,rgba(160,235,255,.2),transparent 35%),linear-gradient(180deg,#1c3358,#060c1c)}.fg-metronome:before,.fg-metronome__body{position:absolute;-webkit-clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}.fg-metronome:before{left:12px;top:10px;width:76px;height:115px;background:rgba(140,225,255,.55);content:""}.fg-metronome__body{z-index:1}.fg-metronome__scale{position:absolute;left:46px;top:34px;z-index:2;width:8px;height:64px;background:repeating-linear-gradient(180deg,rgba(255,225,150,.9) 1px,transparent 1px 8px);opacity:.8}.fg-metronome__arm{position:absolute;left:49px;top:14px;z-index:3;width:2px;height:92px;background:linear-gradient(180deg,#fff3cf,#e0b04a);border-radius:2px;box-shadow:0 0 6px rgba(255,215,120,.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:fg-tick 1.2s ease-in-out infinite alternate;animation:fg-tick 1.2s ease-in-out infinite alternate}.fg-metronome__weight{position:absolute;left:-5px;top:22px;width:12px;height:9px;background:linear-gradient(180deg,#ffe7a3,#b8862e);border-radius:2px}.fg-metronome__base{position:absolute;left:8px;bottom:6px;z-index:2;width:84px;height:10px;background:linear-gradient(180deg,#1b2d4f,#04080f);border:1px solid rgba(140,225,255,.55);border-radius:3px}@-webkit-keyframes fg-tick{0%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}to{-webkit-transform:rotate(22deg);transform:rotate(22deg)}}@keyframes fg-tick{0%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}to{-webkit-transform:rotate(22deg);transform:rotate(22deg)}}@-webkit-keyframes fg-bob{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes fg-bob{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes fg-glow{0%,to{opacity:.7}50%{opacity:1}}@keyframes fg-glow{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.fg *,.fg-pick *{-webkit-animation:none!important;animation:none!important}.fg-note{opacity:.8}}@media (max-width:1100px){.fg:not(.fg--child){-webkit-transform:scale(.78);transform:scale(.78)}}@media (max-width:900px){.fg:not(.fg--child){-webkit-transform:scale(.66);transform:scale(.66)}}@media (max-width:700px){.fg{right:6px;bottom:62px}.fg:not(.fg--child){-webkit-transform:scale(.5);transform:scale(.5)}.fg-child{height:120px;max-width:none}}@media (max-height:460px),(max-width:700px) and (max-height:700px){.fg{display:none}}.fg-pick{margin-top:.8rem;padding-top:.7rem;border-top:1px solid rgba(120,220,255,.2)}.fg-pick__head{margin-bottom:.5rem;color:#9fe8ff;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.fg-pick__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));grid-gap:.4rem;gap:.4rem}.fg-pick__item{display:flex;flex-direction:column;align-items:center;grid-gap:.25rem;gap:.25rem;min-width:0;padding:.3rem .2rem .35rem;color:#d8f2ff;font:inherit;font-size:.6rem;letter-spacing:.06em;background:rgba(4,12,28,.6);border:1px solid rgba(120,220,255,.28);border-radius:10px;cursor:pointer}.fg-pick__item:focus-visible,.fg-pick__item:hover{border-color:rgba(160,235,255,.75);outline:none}.fg-pick__item.is-active{border-color:#ffd987;box-shadow:0 0 10px rgba(255,215,120,.45)}.fg-pick__preview{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:48px;overflow:hidden}.fg-pick__preview>span{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%) scale(.32);transform:translateX(-50%) scale(.32);-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation:none;animation:none}.fg-pick__preview .fg-child{height:46px;max-width:none}.fg-pick__none{color:rgba(220,240,250,.85);font-size:2.1rem;font-weight:300;line-height:46px}.fg-pick__label{max-width:100%;overflow-wrap:anywhere;line-height:1.15;text-align:center}.fg__hit{padding:0;color:inherit;font:inherit;background:none;border:0;border-radius:12px;cursor:pointer;pointer-events:auto;transition:-webkit-filter .2s ease,-webkit-transform .2s ease;transition:filter .2s ease,transform .2s ease;transition:filter .2s ease,transform .2s ease,-webkit-filter .2s ease,-webkit-transform .2s ease}.fg__hit,.fg__hit>span{display:block}.fg__hit:hover{-webkit-filter:brightness(1.2) drop-shadow(0 0 10px rgba(255,215,120,.55));filter:brightness(1.2) drop-shadow(0 0 10px rgba(255,215,120,.55))}.fg__hit:focus-visible{outline:2px solid #ffd987;outline-offset:4px}@media (prefers-reduced-motion:reduce){.fg__hit{transition:none}}.fg-pick__preview>.fg-pick__none{position:static;-webkit-transform:none;transform:none;line-height:46px}.fg-viz{position:relative;display:block;width:150px;height:110px;-webkit-filter:drop-shadow(0 0 12px rgba(90,200,255,.4));filter:drop-shadow(0 0 12px rgba(90,200,255,.4))}.fg-viz:not(.is-playing) *{-webkit-animation:none!important;animation:none!important}.fg-viz:not(.is-playing){opacity:.75}.fg-radial{width:120px;height:120px}.fg-radial__core{position:absolute;inset:42px;background:radial-gradient(circle,rgba(255,231,163,.9),rgba(255,211,107,.25) 60%,transparent 72%);border:1px solid rgba(255,231,163,.7);border-radius:50%}.fg-radial__arm{position:absolute;left:58px;top:0;width:4px;height:60px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.fg-radial__bar{position:absolute;left:0;bottom:22px;width:4px;height:34px;height:calc(34px*var(--amp, 1));background:linear-gradient(0deg,#3fb8ff,#a0ebff 60%,#ffe7a3);border-radius:2px;box-shadow:0 0 5px rgba(140,225,255,.6);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(.35);transform:scaleY(.35);transition:height .6s ease;-webkit-animation:fg-spectrum 1.4s ease-in-out infinite alternate;animation:fg-spectrum 1.4s ease-in-out infinite alternate;-webkit-animation-delay:calc(var(--i)*-0.31s);animation-delay:calc(var(--i)*-0.31s)}.fg-radial.is-playing .fg-radial__core{-webkit-animation:fg-glow 1.2s ease-in-out infinite;animation:fg-glow 1.2s ease-in-out infinite}.fg-scope{overflow:hidden;height:80px;background:rgba(4,12,28,.55);border:1px solid rgba(160,235,255,.45);border-radius:10px}.fg-scope__grid{position:absolute;inset:0;background:linear-gradient(rgba(160,235,255,.12) 1px,transparent 0) 0 0/100% 20px,linear-gradient(90deg,rgba(160,235,255,.12) 1px,transparent 0) 0 0/25px 100%}.fg-scope__wave{position:absolute;left:0;top:10px;width:300px;height:60px;-webkit-transform:scaleY(.04);transform:scaleY(.04);transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.fg-scope__wave svg{display:block;width:100%;height:100%;overflow:visible}.fg-scope__wave path{fill:none;stroke:#ffe7a3;stroke-width:2.5;vector-effect:non-scaling-stroke;-webkit-filter:drop-shadow(0 0 4px rgba(255,215,120,.9));filter:drop-shadow(0 0 4px rgba(255,215,120,.9))}.fg-scope.is-playing .fg-scope__wave{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform:scaleY(var(--amp,1));transform:scaleY(var(--amp,1));-webkit-animation:fg-scope-run 1.6s linear infinite,fg-scope-breathe 2.3s ease-in-out infinite alternate;animation:fg-scope-run 1.6s linear infinite,fg-scope-breathe 2.3s ease-in-out infinite alternate}@-webkit-keyframes fg-scope-run{0%{translate:0 0}to{translate:-150px 0}}@keyframes fg-scope-run{0%{translate:0 0}to{translate:-150px 0}}@-webkit-keyframes fg-scope-breathe{0%{-webkit-transform:scaleY(.45);transform:scaleY(.45);-webkit-transform:scaleY(calc(var(--amp, 1)*0.45));transform:scaleY(calc(var(--amp, 1)*0.45))}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform:scaleY(var(--amp,1));transform:scaleY(var(--amp,1))}}@keyframes fg-scope-breathe{0%{-webkit-transform:scaleY(.45);transform:scaleY(.45);-webkit-transform:scaleY(calc(var(--amp, 1)*0.45));transform:scaleY(calc(var(--amp, 1)*0.45))}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform:scaleY(var(--amp,1));transform:scaleY(var(--amp,1))}}.fg-led{display:flex;grid-gap:4px;gap:4px;align-items:flex-end;width:140px}.fg-led__col{display:flex;flex:1 1;flex-direction:column-reverse;grid-gap:3px;gap:3px;height:100%;-webkit-clip-path:inset(88% 0 0 0);clip-path:inset(88% 0 0 0);-webkit-animation:fg-led 1.3s ease-in-out infinite alternate;animation:fg-led 1.3s ease-in-out infinite alternate;-webkit-animation-delay:calc(var(--i)*-0.37s);animation-delay:calc(var(--i)*-0.37s)}.fg-led__col:nth-child(3n){-webkit-animation-duration:.9s;animation-duration:.9s}.fg-led__col:nth-child(3n+1){-webkit-animation-duration:1.7s;animation-duration:1.7s}.fg-led__cell{flex:1 1;background:#35e07a;border-radius:2px;box-shadow:0 0 4px rgba(53,224,122,.7)}.fg-led__cell:nth-child(n+6){background:#ffd36b;box-shadow:0 0 4px rgba(255,211,107,.7)}.fg-led__cell:nth-child(n+9){background:#ff4d4d;box-shadow:0 0 4px rgba(255,77,77,.8)}@-webkit-keyframes fg-led{0%{-webkit-clip-path:inset(75% 0 0 0);clip-path:inset(75% 0 0 0);-webkit-clip-path:inset(calc(100% - var(--amp, 1)*25%) 0 0 0);clip-path:inset(calc(100% - var(--amp, 1)*25%) 0 0 0)}40%{-webkit-clip-path:inset(15% 0 0 0);clip-path:inset(15% 0 0 0);-webkit-clip-path:inset(calc(100% - var(--amp, 1)*85%) 0 0 0);clip-path:inset(calc(100% - var(--amp, 1)*85%) 0 0 0)}70%{-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);-webkit-clip-path:inset(calc(100% - var(--amp, 1)*50%) 0 0 0);clip-path:inset(calc(100% - var(--amp, 1)*50%) 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-clip-path:inset(calc(100% - var(--amp, 1)*100%) 0 0 0);clip-path:inset(calc(100% - var(--amp, 1)*100%) 0 0 0)}}@keyframes fg-led{0%{-webkit-clip-path:inset(75% 0 0 0);clip-path:inset(75% 0 0 0);-webkit-clip-path:inset(calc(100% - var(--amp, 1)*25%) 0 0 0);clip-path:inset(calc(100% - var(--amp, 1)*25%) 0 0 0)}40%{-webkit-clip-path:inset(15% 0 0 0);clip-path:inset(15% 0 0 0);-webkit-clip-path:inset(calc(100% - var(--amp, 1)*85%) 0 0 0);clip-path:inset(calc(100% - var(--amp, 1)*85%) 0 0 0)}70%{-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);-webkit-clip-path:inset(calc(100% - var(--amp, 1)*50%) 0 0 0);clip-path:inset(calc(100% - var(--amp, 1)*50%) 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-clip-path:inset(calc(100% - var(--amp, 1)*100%) 0 0 0);clip-path:inset(calc(100% - var(--amp, 1)*100%) 0 0 0)}}.fg-vu{width:150px;height:92px;overflow:hidden;background:linear-gradient(180deg,#fff6dc,#f1d89a);border:3px solid #1c3358;border-radius:10px 10px 6px 6px;box-shadow:inset 0 0 12px rgba(120,80,10,.4),0 0 0 1px rgba(160,235,255,.5);-webkit-filter:drop-shadow(0 0 12px rgba(255,215,120,.35));filter:drop-shadow(0 0 12px rgba(255,215,120,.35))}.fg-vu__scale{background:repeating-conic-gradient(from -50deg at 50% 50%,#3a2a10 0 1deg,transparent 1deg 10deg);-webkit-mask:radial-gradient(circle,transparent 46px,#000 47px,#000 56px,transparent 57px),conic-gradient(from -51deg,#000 0 102deg,transparent 102deg);mask:radial-gradient(circle,transparent 46px,#000 47px,#000 56px,transparent 57px),conic-gradient(from -51deg,#000 0 102deg,transparent 102deg);mask-composite:intersect;-webkit-mask-composite:source-in}.fg-vu__red,.fg-vu__scale{position:absolute;left:15px;top:14px;width:114px;height:114px;border-radius:50%}.fg-vu__red{background:conic-gradient(from 25deg,#d92d2d 0 25deg,transparent 25deg);-webkit-mask:radial-gradient(circle,transparent 52px,#000 53px,#000 57px,transparent 58px);mask:radial-gradient(circle,transparent 52px,#000 53px,#000 57px,transparent 58px)}.fg-vu__label{position:absolute;left:0;right:0;top:46px;color:#3a2a10;font:700 12px/1 serif;letter-spacing:.15em;text-align:center}.fg-vu__needle{position:absolute;left:71px;top:18px;width:2px;height:56px;background:linear-gradient(180deg,#b0161c,#1a1a1a);border-radius:1px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotate(-48deg);transform:rotate(-48deg);transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.fg-vu.is-playing .fg-vu__needle{-webkit-animation:fg-vu .9s ease-in-out infinite alternate;animation:fg-vu .9s ease-in-out infinite alternate}@-webkit-keyframes fg-vu{0%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg);-webkit-transform:rotate(calc(-48deg + var(--amp, 1)*30deg));transform:rotate(calc(-48deg + var(--amp, 1)*30deg))}35%{-webkit-transform:rotate(34deg);transform:rotate(34deg);-webkit-transform:rotate(calc(-48deg + var(--amp, 1)*82deg));transform:rotate(calc(-48deg + var(--amp, 1)*82deg))}60%{-webkit-transform:rotate(7deg);transform:rotate(7deg);-webkit-transform:rotate(calc(-48deg + var(--amp, 1)*55deg));transform:rotate(calc(-48deg + var(--amp, 1)*55deg))}to{-webkit-transform:rotate(48deg);transform:rotate(48deg);-webkit-transform:rotate(calc(-48deg + var(--amp, 1)*96deg));transform:rotate(calc(-48deg + var(--amp, 1)*96deg))}}@keyframes fg-vu{0%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg);-webkit-transform:rotate(calc(-48deg + var(--amp, 1)*30deg));transform:rotate(calc(-48deg + var(--amp, 1)*30deg))}35%{-webkit-transform:rotate(34deg);transform:rotate(34deg);-webkit-transform:rotate(calc(-48deg + var(--amp, 1)*82deg));transform:rotate(calc(-48deg + var(--amp, 1)*82deg))}60%{-webkit-transform:rotate(7deg);transform:rotate(7deg);-webkit-transform:rotate(calc(-48deg + var(--amp, 1)*55deg));transform:rotate(calc(-48deg + var(--amp, 1)*55deg))}to{-webkit-transform:rotate(48deg);transform:rotate(48deg);-webkit-transform:rotate(calc(-48deg + var(--amp, 1)*96deg));transform:rotate(calc(-48deg + var(--amp, 1)*96deg))}}.fg-vu__pivot{position:absolute;left:64px;top:67px;width:16px;height:16px;background:radial-gradient(circle at 35% 35%,#6a7fa8,#1c3358);border-radius:50%}.fg-keys{width:152px;height:70px;padding:0}.fg-keys__white{position:absolute;top:0;left:calc(var(--i)*15px);width:14px;height:66px;background:linear-gradient(180deg,#f4f8ff,#cfdcef);border:1px solid rgba(160,235,255,.6);border-radius:0 0 3px 3px;-webkit-animation:fg-key 2.6s ease-in-out infinite;animation:fg-key 2.6s ease-in-out infinite;-webkit-animation-delay:calc(var(--i)*-0.83s);animation-delay:calc(var(--i)*-0.83s);-webkit-animation-duration:calc(1.9s + var(--i)*0.37s);animation-duration:calc(1.9s + var(--i)*0.37s)}.fg-keys__black{position:absolute;top:0;z-index:1;width:9px;height:40px;background:linear-gradient(180deg,#2a3a5c,#060c1c);border:1px solid rgba(160,235,255,.35);border-radius:0 0 2px 2px;-webkit-animation:fg-key-black 3.1s ease-in-out infinite;animation:fg-key-black 3.1s ease-in-out infinite;-webkit-animation-delay:calc(var(--i)*-1.13s);animation-delay:calc(var(--i)*-1.13s);-webkit-animation-duration:calc(2.3s + var(--i)*0.41s);animation-duration:calc(2.3s + var(--i)*0.41s)}@-webkit-keyframes fg-key{0%,74%,to{-webkit-transform:translateY(0);transform:translateY(0);background:linear-gradient(180deg,#f4f8ff,#cfdcef);box-shadow:none}80%,90%{-webkit-transform:translateY(2px);transform:translateY(2px);background:linear-gradient(180deg,#fff3cf,#ffd36b);box-shadow:0 0 16px rgba(255,211,107,.9);box-shadow:0 0 calc(16px*var(--amp, 1)) rgba(255,211,107,calc(.4 + var(--amp, 1)*0.5))}}@keyframes fg-key{0%,74%,to{-webkit-transform:translateY(0);transform:translateY(0);background:linear-gradient(180deg,#f4f8ff,#cfdcef);box-shadow:none}80%,90%{-webkit-transform:translateY(2px);transform:translateY(2px);background:linear-gradient(180deg,#fff3cf,#ffd36b);box-shadow:0 0 16px rgba(255,211,107,.9);box-shadow:0 0 calc(16px*var(--amp, 1)) rgba(255,211,107,calc(.4 + var(--amp, 1)*0.5))}}@-webkit-keyframes fg-key-black{0%,70%,to{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:none}78%,88%{-webkit-transform:translateY(2px);transform:translateY(2px);background:linear-gradient(180deg,#3fb8ff,#1c3358);box-shadow:0 0 12px rgba(63,184,255,.9);box-shadow:0 0 calc(12px*var(--amp, 1)) rgba(63,184,255,.9)}}@keyframes fg-key-black{0%,70%,to{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:none}78%,88%{-webkit-transform:translateY(2px);transform:translateY(2px);background:linear-gradient(180deg,#3fb8ff,#1c3358);box-shadow:0 0 12px rgba(63,184,255,.9);box-shadow:0 0 calc(12px*var(--amp, 1)) rgba(63,184,255,.9)}}.fg-ripples{width:120px;height:120px}.fg-ripples__dot{position:absolute;left:52px;top:52px;width:16px;height:16px;background:radial-gradient(circle,#fff3cf,#ffd36b 60%,transparent 70%);border-radius:50%;box-shadow:0 0 12px rgba(255,211,107,.8)}.fg-ripples__ring{position:absolute;inset:0;border:2px solid rgba(160,235,255,.8);border-radius:50%;box-shadow:0 0 8px rgba(110,220,255,.6),inset 0 0 8px rgba(110,220,255,.4);-webkit-transform:scale(calc(.2 + var(--i)*0.08));transform:scale(calc(.2 + var(--i)*0.08));opacity:.35;-webkit-animation:fg-ripple 2.4s ease-out infinite;animation:fg-ripple 2.4s ease-out infinite;-webkit-animation-delay:calc(var(--i)*-0.6s);animation-delay:calc(var(--i)*-0.6s)}.fg-ripples__ring:nth-child(2n){border-color:rgba(255,231,163,.75)}@-webkit-keyframes fg-ripple{0%{-webkit-transform:scale(.12);transform:scale(.12);opacity:.95}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:scale(calc(.35 + var(--amp, 1)*0.65));transform:scale(calc(.35 + var(--amp, 1)*0.65));opacity:0}}@keyframes fg-ripple{0%{-webkit-transform:scale(.12);transform:scale(.12);opacity:.95}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform:scale(calc(.35 + var(--amp, 1)*0.65));transform:scale(calc(.35 + var(--amp, 1)*0.65));opacity:0}}.fg-mirror{height:120px}.fg-mirror__row{position:absolute;left:0;right:0;top:0;display:flex;grid-gap:4px;gap:4px;align-items:flex-end;height:70px;padding:0 4px}.fg-mirror__row--reflet{top:72px;height:46px;align-items:flex-start;opacity:.4;-webkit-mask:linear-gradient(180deg,#000,transparent 90%);mask:linear-gradient(180deg,#000,transparent 90%)}.fg-mirror__row--reflet .fg-mirror__bar{-webkit-transform-origin:top;transform-origin:top;background:linear-gradient(180deg,#3fb8ff,#a0ebff 70%,#ffe7a3)}.fg-mirror__bar{flex:1 1;height:100%;height:calc(100%*var(--amp, 1));background:linear-gradient(0deg,#3fb8ff,#a0ebff 55%,#ffe7a3);border-radius:2px;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(.4);transform:scaleY(.4);transition:height .6s ease;-webkit-animation:fg-spectrum 1.5s ease-in-out infinite alternate;animation:fg-spectrum 1.5s ease-in-out infinite alternate;-webkit-animation-delay:calc(var(--i)*-0.27s);animation-delay:calc(var(--i)*-0.27s)}.fg-mirror__bar:nth-child(3n){-webkit-animation-duration:1.05s;animation-duration:1.05s}.fg-mirror__line{position:absolute;left:0;right:0;top:70px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,120,.9),transparent)}.hub-home{display:flex;margin:0 0 .75rem}.fx-btn.hub-home__link{display:inline-flex;align-items:center;grid-gap:.45rem;gap:.45rem;padding:.45rem 1rem;color:#ffe7a3;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-decoration:none;background:linear-gradient(180deg,rgba(18,48,82,.85),rgba(6,14,32,.9));border:1px solid rgba(255,215,120,.6);border-radius:999px;box-shadow:0 0 10px rgba(255,215,120,.25)}.fx-btn.hub-home__link:focus-visible,.fx-btn.hub-home__link:hover{color:#fff3cf;border-color:#ffd987;box-shadow:0 0 14px rgba(255,215,120,.55);outline:none}@media (max-width:700px){.fx-btn.hub-home__link{min-height:40px}}.amb{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.amb *{pointer-events:none!important}.amb__p{position:absolute;display:block;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;will-change:transform,opacity}.amb__p--notes{bottom:-40px;color:rgba(255,225,150,.85);font-size:26px;font-size:calc(26px*var(--s, 1));text-shadow:0 0 10px rgba(255,200,100,.6);-webkit-animation-name:amb-rise;animation-name:amb-rise}.amb__p--notes:nth-child(2n){color:rgba(160,235,255,.85);text-shadow:0 0 10px rgba(110,220,255,.7)}@-webkit-keyframes amb-rise{0%{opacity:0;-webkit-transform:translate(0) rotate(-10deg);transform:translate(0) rotate(-10deg)}10%{opacity:.9}50%{-webkit-transform:translate(30px,-55vh) rotate(8deg);transform:translate(30px,-55vh) rotate(8deg)}90%{opacity:.5}to{opacity:0;-webkit-transform:translate(-10px,-110vh) rotate(-6deg);transform:translate(-10px,-110vh) rotate(-6deg)}}@keyframes amb-rise{0%{opacity:0;-webkit-transform:translate(0) rotate(-10deg);transform:translate(0) rotate(-10deg)}10%{opacity:.9}50%{-webkit-transform:translate(30px,-55vh) rotate(8deg);transform:translate(30px,-55vh) rotate(8deg)}90%{opacity:.5}to{opacity:0;-webkit-transform:translate(-10px,-110vh) rotate(-6deg);transform:translate(-10px,-110vh) rotate(-6deg)}}.amb__p--stars{width:120px;height:2px;background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(255,240,200,.95));border-radius:2px;box-shadow:0 0 8px rgba(255,230,170,.8);opacity:0;-webkit-animation-name:amb-shoot;animation-name:amb-shoot;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes amb-shoot{0%{opacity:0;-webkit-transform:rotate(18deg) translateX(-200px);transform:rotate(18deg) translateX(-200px)}4%{opacity:1}14%{opacity:0;-webkit-transform:rotate(18deg) translateX(320px);transform:rotate(18deg) translateX(320px)}to{opacity:0;-webkit-transform:rotate(18deg) translateX(320px);transform:rotate(18deg) translateX(320px)}}@keyframes amb-shoot{0%{opacity:0;-webkit-transform:rotate(18deg) translateX(-200px);transform:rotate(18deg) translateX(-200px)}4%{opacity:1}14%{opacity:0;-webkit-transform:rotate(18deg) translateX(320px);transform:rotate(18deg) translateX(320px)}to{opacity:0;-webkit-transform:rotate(18deg) translateX(320px);transform:rotate(18deg) translateX(320px)}}.amb__p--bubbles{bottom:-60px;width:34px;width:calc(34px*var(--s, 1));height:34px;height:calc(34px*var(--s, 1));background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.55),rgba(160,235,255,.12) 45%,rgba(110,200,255,.05) 70%);border:1px solid rgba(180,240,255,.45);border-radius:50%;-webkit-animation-name:amb-bubble;animation-name:amb-bubble}@-webkit-keyframes amb-bubble{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}10%{opacity:.8}33%{-webkit-transform:translate(18px,-38vh);transform:translate(18px,-38vh)}66%{-webkit-transform:translate(-14px,-76vh);transform:translate(-14px,-76vh)}to{opacity:0;-webkit-transform:translate(6px,-115vh);transform:translate(6px,-115vh)}}@keyframes amb-bubble{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}10%{opacity:.8}33%{-webkit-transform:translate(18px,-38vh);transform:translate(18px,-38vh)}66%{-webkit-transform:translate(-14px,-76vh);transform:translate(-14px,-76vh)}to{opacity:0;-webkit-transform:translate(6px,-115vh);transform:translate(6px,-115vh)}}.amb__p--snow{top:-20px;width:8px;width:calc(8px*var(--s, 1));height:8px;height:calc(8px*var(--s, 1));background:radial-gradient(circle,#fff 0,hsla(0,0%,100%,.8) 40%,hsla(0,0%,100%,0) 70%);border-radius:50%;-webkit-animation-name:amb-snow;animation-name:amb-snow}@-webkit-keyframes amb-snow{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}8%{opacity:.9}50%{-webkit-transform:translate(-30px,55vh);transform:translate(-30px,55vh)}to{opacity:.2;-webkit-transform:translate(20px,110vh);transform:translate(20px,110vh)}}@keyframes amb-snow{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}8%{opacity:.9}50%{-webkit-transform:translate(-30px,55vh);transform:translate(-30px,55vh)}to{opacity:.2;-webkit-transform:translate(20px,110vh);transform:translate(20px,110vh)}}.amb__p--leaves{top:-30px;width:18px;width:calc(18px*var(--s, 1));height:12px;height:calc(12px*var(--s, 1));border-radius:0 80% 0 80%;background:linear-gradient(135deg,#e8a33c,#b4471f);box-shadow:inset -2px -2px 0 rgba(90,30,10,.25);opacity:.9;-webkit-animation-name:amb-leaf;animation-name:amb-leaf}.amb__p--leaves:nth-child(4n+1){background:linear-gradient(135deg,#f2c35b,#c9741f)}.amb__p--leaves:nth-child(4n+2){background:linear-gradient(135deg,#d4602a,#8e2b15)}.amb__p--leaves:nth-child(4n+3){background:linear-gradient(135deg,#c99a4a,#7b4a1c)}@-webkit-keyframes amb-leaf{0%{opacity:0;-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}8%{opacity:.95}25%{-webkit-transform:translate(40px,27vh) rotate(120deg);transform:translate(40px,27vh) rotate(120deg)}50%{-webkit-transform:translate(-20px,55vh) rotate(220deg);transform:translate(-20px,55vh) rotate(220deg)}75%{-webkit-transform:translate(35px,82vh) rotate(330deg);transform:translate(35px,82vh) rotate(330deg)}to{opacity:.3;-webkit-transform:translate(-10px,110vh) rotate(420deg);transform:translate(-10px,110vh) rotate(420deg)}}@keyframes amb-leaf{0%{opacity:0;-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}8%{opacity:.95}25%{-webkit-transform:translate(40px,27vh) rotate(120deg);transform:translate(40px,27vh) rotate(120deg)}50%{-webkit-transform:translate(-20px,55vh) rotate(220deg);transform:translate(-20px,55vh) rotate(220deg)}75%{-webkit-transform:translate(35px,82vh) rotate(330deg);transform:translate(35px,82vh) rotate(330deg)}to{opacity:.3;-webkit-transform:translate(-10px,110vh) rotate(420deg);transform:translate(-10px,110vh) rotate(420deg)}}.amb__p--flowers{bottom:0;width:30px;width:calc(30px*var(--s, 1));height:90px;height:calc(90px*var(--s, 1));-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation-name:amb-flower;animation-name:amb-flower;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.amb__p--flowers:before{content:"";position:absolute;left:50%;bottom:0;width:3px;height:70%;margin-left:-1.5px;border-radius:2px;background:linear-gradient(0deg,#2f7a45,#6cc27a)}.amb__p--flowers:after{content:"";position:absolute;left:0;top:0;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffd76a 0 18%,transparent 19%),radial-gradient(circle at 50% 18%,#ff9ec4 0 22%,transparent 23%),radial-gradient(circle at 82% 42%,#ff9ec4 0 22%,transparent 23%),radial-gradient(circle at 70% 80%,#ff9ec4 0 22%,transparent 23%),radial-gradient(circle at 30% 80%,#ff9ec4 0 22%,transparent 23%),radial-gradient(circle at 18% 42%,#ff9ec4 0 22%,transparent 23%);background:radial-gradient(circle at 50% 50%,#ffd76a 0 18%,transparent 19%),radial-gradient(circle at 50% 18%,var(--petal,#ff9ec4) 0 22%,transparent 23%),radial-gradient(circle at 82% 42%,var(--petal,#ff9ec4) 0 22%,transparent 23%),radial-gradient(circle at 70% 80%,var(--petal,#ff9ec4) 0 22%,transparent 23%),radial-gradient(circle at 30% 80%,var(--petal,#ff9ec4) 0 22%,transparent 23%),radial-gradient(circle at 18% 42%,var(--petal,#ff9ec4) 0 22%,transparent 23%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-name:amb-bloom;animation-name:amb-bloom;-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-delay:inherit;animation-delay:inherit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.amb__p--flowers:nth-child(4n+1){--petal:#9fd4ff}.amb__p--flowers:nth-child(4n+2){--petal:#ffe08a}.amb__p--flowers:nth-child(4n+3){--petal:#c9a6ff}@-webkit-keyframes amb-flower{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}8%{opacity:1}25%{-webkit-transform:scaleY(1.06);transform:scaleY(1.06)}32%{-webkit-transform:scaleY(1);transform:scaleY(1)}80%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes amb-flower{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}8%{opacity:1}25%{-webkit-transform:scaleY(1.06);transform:scaleY(1.06)}32%{-webkit-transform:scaleY(1);transform:scaleY(1)}80%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes amb-bloom{0%,18%{-webkit-transform:scale(0) rotate(-40deg);transform:scale(0) rotate(-40deg)}30%{-webkit-transform:scale(1.2) rotate(8deg);transform:scale(1.2) rotate(8deg)}36%,80%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{-webkit-transform:scale(1) rotate(10deg);transform:scale(1) rotate(10deg)}}@keyframes amb-bloom{0%,18%{-webkit-transform:scale(0) rotate(-40deg);transform:scale(0) rotate(-40deg)}30%{-webkit-transform:scale(1.2) rotate(8deg);transform:scale(1.2) rotate(8deg)}36%,80%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{-webkit-transform:scale(1) rotate(10deg);transform:scale(1) rotate(10deg)}}.amb__p--light{top:-20vh;width:90px;width:calc(90px*var(--s, 1));height:150vh;margin-left:-45px;background:linear-gradient(180deg,rgba(255,232,160,.55),rgba(255,210,120,.18) 55%,rgba(255,210,120,0));-webkit-filter:blur(14px);filter:blur(14px);-webkit-transform:rotate(24deg);transform:rotate(24deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:0;-webkit-animation-name:amb-light;animation-name:amb-light;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes amb-light{0%,to{opacity:0;-webkit-transform:rotate(24deg) translateX(-30px);transform:rotate(24deg) translateX(-30px)}50%{opacity:.85;-webkit-transform:rotate(20deg) translateX(30px);transform:rotate(20deg) translateX(30px)}}@keyframes amb-light{0%,to{opacity:0;-webkit-transform:rotate(24deg) translateX(-30px);transform:rotate(24deg) translateX(-30px)}50%{opacity:.85;-webkit-transform:rotate(20deg) translateX(30px);transform:rotate(20deg) translateX(30px)}}@media (prefers-reduced-motion:reduce){.amb{display:none}}.amb-pick .fg-pick__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.amb-pick__icon{color:#ffe7a3;font-size:1.3rem;line-height:30px;text-shadow:0 0 8px rgba(255,215,120,.6)}.cursor-fx{position:fixed;inset:0;z-index:2600;width:100vw;height:100vh;pointer-events:none}.fg-pick__note{margin-top:.4rem;color:rgba(200,230,245,.7);font-size:.62rem}@media (prefers-reduced-motion:reduce){.cursor-fx{display:none}}.site-bar{position:fixed;top:10px;right:12px;z-index:1200;display:flex;align-items:center;grid-gap:.4rem;gap:.4rem;max-width:calc(100vw - 24px);padding:.3rem .45rem;background:linear-gradient(180deg,rgba(18,48,82,.82),rgba(6,14,32,.88));border:1px solid rgba(120,220,255,.45);border-radius:999px;box-shadow:0 0 18px rgba(70,190,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.has-home-bar #bouton-cacher-log2,body.has-home-bar .site-bar{display:none!important}.sa{position:relative;display:flex;grid-gap:.35rem;gap:.35rem;min-width:0;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.sa,.sa-btn{align-items:center}.sa-btn{display:inline-flex;flex:none;justify-content:center;grid-gap:.3rem;gap:.3rem;height:28px;padding:0 .6rem;color:#c9f6ff;font:inherit;font-weight:700;letter-spacing:inherit;white-space:nowrap;background:rgba(18,48,82,.7);border:1px solid rgba(120,220,255,.45);border-radius:999px;cursor:pointer}.sa-btn:focus-visible,.sa-btn:hover{color:#fff;box-shadow:0 0 12px rgba(120,230,255,.5);outline:none}.sa-btn.is-on{color:#04121f;background:linear-gradient(180deg,#9ff0ff,#35b9e6);box-shadow:0 0 14px rgba(120,230,255,.6)}.sa-icon{width:28px;padding:0;font-size:.95rem;letter-spacing:0}.sa-sound.is-on{color:#2a1a00;background:linear-gradient(180deg,#fff0bf,#f2c55c);border-color:#ffd987;box-shadow:0 0 14px rgba(255,215,120,.6)}.sa--compact .sa-btn__txt,.sa--compact .sa-links,.sa--compact .sa-piano-btn{display:none}.sa-link{flex:none;padding:.3rem .55rem;color:#d8f2ff;font:inherit;font-weight:700;letter-spacing:inherit;text-decoration:none;text-transform:uppercase;white-space:nowrap;background:none;border:1px solid transparent;border-radius:999px;cursor:pointer}.sa-link:focus-visible,.sa-link:hover{color:#fff;border-color:rgba(160,235,255,.6);outline:none}.sa-logout{color:#ffb4a8}.sa-group{position:relative;display:flex;flex:none;align-items:center}.sa-group__btn{grid-gap:.35rem;gap:.35rem}.sa-chev{font-size:.7em;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.is-open>.sa-group__btn .sa-chev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sa-group.is-open>.sa-group__btn{border-color:rgba(255,215,120,.7);box-shadow:0 0 10px rgba(255,215,120,.35)}.sa-user{display:inline-block;max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.is-in .sa-user{color:#ffe7a3}.sa-group__items{display:flex;align-items:center;grid-gap:.15rem;gap:.15rem;max-width:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-width .35s ease,opacity .25s ease,visibility 0s linear .35s}.sa-group.is-open>.sa-group__items{max-width:360px;margin-left:.2rem;opacity:1;visibility:visible;transition:max-width .35s ease,opacity .25s ease .05s,visibility 0s}.sa-more{position:relative;display:none}.sa-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:2100;display:flex;flex-direction:column;min-width:190px;padding:.35rem;background:linear-gradient(180deg,rgba(14,36,64,.97),rgba(6,14,32,.98));border:1px solid rgba(120,220,255,.45);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.sa-menu__item{padding:.6rem .8rem;overflow:hidden;color:#d8f2ff;font:inherit;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-align:left;text-decoration:none;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:none;border:0;border-radius:10px;cursor:pointer}.sa-menu__item:focus-visible,.sa-menu__item:hover{background:rgba(120,220,255,.14);outline:none}.sa-menu__item.sa-logout{color:#ffb4a8}.sa-menu__sep{height:1px;margin:.3rem .4rem;background:rgba(120,220,255,.25)}.sa--compact .sa-btn__txt,.sa--compact .sa-group,.sa--compact .sa-piano-btn{display:none}.sa--compact .sa-more{display:block}.sa-piano{position:fixed;max-height:calc(100vh - 16px);overflow-y:auto;z-index:2050;box-sizing:border-box;max-width:calc(100vw - 16px);width:-webkit-max-content;width:max-content;padding:.6rem .7rem .75rem;font-size:.64rem;letter-spacing:.12em;background:linear-gradient(180deg,rgba(14,36,64,.96),rgba(6,14,32,.97));border:1px solid rgba(120,220,255,.45);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.55),0 0 18px rgba(70,190,255,.2);-webkit-animation:sa-drop .25s ease-out;animation:sa-drop .25s ease-out}@-webkit-keyframes sa-drop{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes sa-drop{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:none;transform:none}}.sa-piano__head{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem;margin-bottom:.55rem;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.sa-piano__title{flex:1 1;color:#9fe8ff;font-weight:700}.sa-piano__keys{display:flex;overflow-x:auto;padding:4px 2px 2px;background:linear-gradient(180deg,#1c3358,#060c1c);border-radius:8px}.sa-piano__slot{position:relative;flex:none}.sa-pkey{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:96px;height:92px;margin-right:2px;padding:0 4px 8px;color:#0b1a33;font:inherit;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#f4f8ff,#e2ebf8 80%,#c9d6ea);border:0;border-radius:0 0 6px 6px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12);cursor:pointer;transition:background .2s ease,box-shadow .2s ease,-webkit-transform .12s ease;transition:transform .12s ease,background .2s ease,box-shadow .2s ease;transition:transform .12s ease,background .2s ease,box-shadow .2s ease,-webkit-transform .12s ease}.sa-pkey:focus-visible,.sa-pkey:hover:not(:disabled){background:linear-gradient(180deg,#fff9e6,#ffe7a3);box-shadow:0 0 14px rgba(255,215,120,.6),inset 0 -4px 0 rgba(0,0,0,.12);outline:none}.sa-pkey.is-pressed{-webkit-transform:translateY(3px);transform:translateY(3px);background:linear-gradient(180deg,#fff3cf,#ffd36b)}.sa-pkey.is-logout{color:#9a1c12}.sa-pkey.is-blank{cursor:default;opacity:.85}.sa-pkey__icon{display:block;margin-bottom:4px;font-size:1.1rem;line-height:1;letter-spacing:0}.sa-pkey__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-pkey-black{position:absolute;top:0;right:-13px;z-index:1;width:24px;height:54px;background:linear-gradient(180deg,#2a3a5c,#060c1c);border-radius:0 0 4px 4px;box-shadow:0 3px 6px rgba(0,0,0,.5);pointer-events:none}.home-bar__sep{flex:none;width:1px;height:20px;background:rgba(120,220,255,.35)}.home-bar__closed{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem}.home-bar__closed .sa{padding:.2rem;background:rgba(6,14,32,.6);border:1px solid rgba(120,220,255,.35);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-picker{max-width:calc(100vw - 16px)}.home-picker>*{flex-shrink:0}.home-picker .home-picker__select{flex-shrink:1;min-width:90px}.home-picker .sa{flex:none;grid-gap:.3rem;gap:.3rem;letter-spacing:.1em}@media (max-width:1360px){.home-picker .sa-group__txt,.home-picker .sa-sound .sa-btn__txt{display:none}.home-picker .sa-sound{width:28px;padding:0}}@media (max-width:1100px){.sa-group__items{position:absolute;top:calc(100% + 8px);left:0;z-index:2100;flex-direction:column;align-items:stretch;max-width:none;max-height:0;padding:0 .35rem;background:linear-gradient(180deg,rgba(14,36,64,.97),rgba(6,14,32,.98));border:1px solid transparent;border-radius:14px;transition:max-height .3s ease,opacity .2s ease,padding .3s ease,visibility 0s linear .3s}.sa-group.is-open>.sa-group__items{max-width:none;max-height:260px;margin-left:0;padding:.35rem;border-color:rgba(120,220,255,.45);box-shadow:0 10px 30px rgba(0,0,0,.5);transition:max-height .3s ease,opacity .2s ease,padding .3s ease,visibility 0s}.sa-group--account .sa-group__items{right:0;left:auto}.sa-group__items .sa-link{padding:.55rem .8rem;text-align:left}.sa-user{max-width:8ch}}@media (max-width:700px){.sa-btn__txt,.sa-group,.sa-piano-btn{display:none}.sa-more{display:block}.sa-btn{height:34px}.sa-icon,.sa-sound{width:34px;padding:0}.home-picker .home-bar__sep,.home-picker .sa-icon[aria-label^=R]{display:none}.site-bar{top:8px;right:8px}.sa-pkey{width:82px;height:88px;padding:0 3px 7px;font-size:.55rem;letter-spacing:.02em}.sa-pkey__label{overflow:visible;white-space:normal;line-height:1.15;text-align:center;overflow-wrap:anywhere}.sa-piano{padding:.5rem .45rem .6rem}}@media (prefers-reduced-motion:reduce){.sa-chev,.sa-group__items,.sa-piano,.sa-pkey{transition:none!important;-webkit-animation:none!important;animation:none!important}}.player-shell .reactplayer{opacity:1;opacity:var(--video-opacity,1);transition:opacity .4s ease}.sa-opacity{grid-gap:.25rem;gap:.25rem;min-width:52px;padding:0 .45rem;letter-spacing:.02em}.sa-opacity.is-on{color:#04121f}.sa-opacity__icon{font-size:.95rem;line-height:1}.sa-opacity__val{font-size:.62rem;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:700px){.sa-opacity{min-width:34px;padding:0 .3rem}.sa-opacity__icon{display:none}}@media (prefers-reduced-motion:reduce){.player-shell .reactplayer{transition:none}}.sa-piano__grip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:28px;margin-right:2px;border-radius:6px;color:rgba(214,228,255,.75);font-size:18px;line-height:1;cursor:-webkit-grab;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.sa-piano__grip:hover{color:#f4d58d;background:rgba(120,160,255,.12)}.sa-piano.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;user-select:none}.sa-piano.is-dragging .sa-piano__grip{cursor:-webkit-grabbing;cursor:grabbing;color:#f4d58d}.sa-piano.is-dragging .sa-piano__keys{pointer-events:none}@media (max-width:600px){.sa-piano__head:has(.sa-piano__reset) .sa-piano__title{display:none}}.bgfx{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#050b1c}.bgfx span{position:absolute;display:block}.bgfx__veil{inset:0;z-index:5;background:radial-gradient(ellipse at 50% 40%,transparent 35%,rgba(2,6,16,.55) 100%),linear-gradient(180deg,rgba(2,6,16,.15),rgba(2,6,16,.45))}.bgfx--pulse{background:radial-gradient(ellipse at 50% 120%,#0f2a55,#050b1c 60%)}.bgfx-pulse__core{left:50%;top:50%;width:90vmax;height:90vmax;margin:-45vmax 0 0 -45vmax;background:radial-gradient(circle,rgba(63,184,255,calc(.18 + var(--amp)*0.35)),rgba(63,120,255,.08) 40%,transparent 65%);border-radius:50%;-webkit-animation:bgfx-pulse calc(1.6s/var(--spd)) ease-in-out infinite;animation:bgfx-pulse calc(1.6s/var(--spd)) ease-in-out infinite;transition:background .8s ease}.bgfx-pulse__core--2{background:radial-gradient(circle,rgba(255,211,107,calc(.1 + var(--amp)*0.25)),transparent 45%);-webkit-animation-delay:calc(-.8s/var(--spd));animation-delay:calc(-.8s/var(--spd));-webkit-animation-duration:calc(2.4s/var(--spd));animation-duration:calc(2.4s/var(--spd))}@-webkit-keyframes bgfx-pulse{0%,to{-webkit-transform:scale(calc(.75 + var(--amp)*0.05));transform:scale(calc(.75 + var(--amp)*0.05));opacity:.6}50%{-webkit-transform:scale(calc(.85 + var(--amp)*0.35));transform:scale(calc(.85 + var(--amp)*0.35));opacity:1}}@keyframes bgfx-pulse{0%,to{-webkit-transform:scale(calc(.75 + var(--amp)*0.05));transform:scale(calc(.75 + var(--amp)*0.05));opacity:.6}50%{-webkit-transform:scale(calc(.85 + var(--amp)*0.35));transform:scale(calc(.85 + var(--amp)*0.35));opacity:1}}.bgfx--aurora{background:linear-gradient(180deg,#02040e,#061430 55%,#0b1d3a)}.bgfx-aurora__band{left:-20%;width:140%;height:45vh;border-radius:50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:calc(.35 + var(--amp)*0.5);mix-blend-mode:screen;-webkit-animation:bgfx-aurora calc(14s/var(--spd)) ease-in-out infinite alternate;animation:bgfx-aurora calc(14s/var(--spd)) ease-in-out infinite alternate;transition:opacity .8s ease}.bgfx-aurora__band--0{top:5%;background:linear-gradient(90deg,transparent,rgba(60,255,170,.7),rgba(63,184,255,.6),transparent)}.bgfx-aurora__band--1{top:18%;background:linear-gradient(90deg,transparent,rgba(150,90,255,.55),rgba(60,255,200,.5),transparent);-webkit-animation-duration:calc(19s/var(--spd));animation-duration:calc(19s/var(--spd));-webkit-animation-delay:-6s;animation-delay:-6s}.bgfx-aurora__band--2{top:30%;height:30vh;background:linear-gradient(90deg,transparent,rgba(255,211,107,.35),rgba(63,184,255,.45),transparent);-webkit-animation-duration:calc(23s/var(--spd));animation-duration:calc(23s/var(--spd));-webkit-animation-delay:-11s;animation-delay:-11s}@-webkit-keyframes bgfx-aurora{0%{-webkit-transform:translateX(-8%) skewX(-12deg) scaleY(calc(.7 + var(--amp)*0.4));transform:translateX(-8%) skewX(-12deg) scaleY(calc(.7 + var(--amp)*0.4))}50%{-webkit-transform:translateX(6%) skewX(8deg) scaleY(calc(.9 + var(--amp)*0.6));transform:translateX(6%) skewX(8deg) scaleY(calc(.9 + var(--amp)*0.6))}to{-webkit-transform:translateX(-3%) skewX(-4deg) scaleY(calc(.6 + var(--amp)*0.5));transform:translateX(-3%) skewX(-4deg) scaleY(calc(.6 + var(--amp)*0.5))}}@keyframes bgfx-aurora{0%{-webkit-transform:translateX(-8%) skewX(-12deg) scaleY(calc(.7 + var(--amp)*0.4));transform:translateX(-8%) skewX(-12deg) scaleY(calc(.7 + var(--amp)*0.4))}50%{-webkit-transform:translateX(6%) skewX(8deg) scaleY(calc(.9 + var(--amp)*0.6));transform:translateX(6%) skewX(8deg) scaleY(calc(.9 + var(--amp)*0.6))}to{-webkit-transform:translateX(-3%) skewX(-4deg) scaleY(calc(.6 + var(--amp)*0.5));transform:translateX(-3%) skewX(-4deg) scaleY(calc(.6 + var(--amp)*0.5))}}.bgfx--soundwaves{background:radial-gradient(ellipse at 50% 100%,#12305e,#050b1c 70%)}.bgfx-sw__ring{left:50%;bottom:-60vmax;width:120vmax;height:120vmax;margin-left:-60vmax;border:2px solid rgba(120,220,255,calc(.25 + var(--amp)*0.5));border-radius:50%;box-shadow:0 0 30px rgba(63,184,255,.3),inset 0 0 30px rgba(63,184,255,.2);opacity:0;-webkit-animation:bgfx-sw calc(6s/var(--spd)) ease-out infinite;animation:bgfx-sw calc(6s/var(--spd)) ease-out infinite;-webkit-animation-delay:calc(var(--i)*-1.2s/var(--spd));animation-delay:calc(var(--i)*-1.2s/var(--spd))}.bgfx-sw__ring:nth-child(2n){border-color:rgba(255,211,107,calc(.2 + var(--amp)*0.4))}@-webkit-keyframes bgfx-sw{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.9}to{-webkit-transform:scale(calc(.6 + var(--amp)*0.6));transform:scale(calc(.6 + var(--amp)*0.6));opacity:0}}@keyframes bgfx-sw{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.9}to{-webkit-transform:scale(calc(.6 + var(--amp)*0.6));transform:scale(calc(.6 + var(--amp)*0.6));opacity:0}}.bgfx--particles{background:linear-gradient(180deg,#040918,#0b1d3a)}.bgfx-pt{bottom:-20px;width:calc(6px*var(--s));height:calc(6px*var(--s));background:radial-gradient(circle,#fff3cf,rgba(255,211,107,.6) 45%,transparent 70%);border-radius:50%;opacity:calc(.35 + var(--amp)*0.6);-webkit-animation:bgfx-pt calc(16s/var(--spd)) linear infinite;animation:bgfx-pt calc(16s/var(--spd)) linear infinite}.bgfx-pt:nth-child(3n){background:radial-gradient(circle,#e8fbff,rgba(110,220,255,.6) 45%,transparent 70%)}@-webkit-keyframes bgfx-pt{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(calc(var(--amp)*60px),-55vh) scale(calc(1 + var(--amp)));transform:translate(calc(var(--amp)*60px),-55vh) scale(calc(1 + var(--amp)))}to{-webkit-transform:translate(calc(var(--amp)*-40px),-110vh) scale(1);transform:translate(calc(var(--amp)*-40px),-110vh) scale(1)}}@keyframes bgfx-pt{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(calc(var(--amp)*60px),-55vh) scale(calc(1 + var(--amp)));transform:translate(calc(var(--amp)*60px),-55vh) scale(calc(1 + var(--amp)))}to{-webkit-transform:translate(calc(var(--amp)*-40px),-110vh) scale(1);transform:translate(calc(var(--amp)*-40px),-110vh) scale(1)}}.bgfx--waves{background:linear-gradient(180deg,#050b1c,#0b1d3a 60%,#0f2a55)}.bgfx-wave{left:-50%;bottom:0;width:200%;height:calc(18vh + var(--amp)*14vh);background:radial-gradient(60px 30px at 60px 0,transparent 98%,currentColor) 0 0/120px 100% repeat-x;opacity:.55;transition:height .8s ease;-webkit-animation:bgfx-wave calc(9s/var(--spd)) linear infinite;animation:bgfx-wave calc(9s/var(--spd)) linear infinite}.bgfx-wave--0{color:rgba(30,90,170,.75)}.bgfx-wave--1{bottom:-4vh;color:rgba(63,184,255,.45);-webkit-animation-duration:calc(6s/var(--spd));animation-duration:calc(6s/var(--spd));animation-direction:reverse}.bgfx-wave--2{bottom:-9vh;color:rgba(255,211,107,.25);-webkit-animation-duration:calc(12s/var(--spd));animation-duration:calc(12s/var(--spd))}@-webkit-keyframes bgfx-wave{0%{-webkit-transform:translateX(0) scaleY(calc(.8 + var(--amp)*0.4));transform:translateX(0) scaleY(calc(.8 + var(--amp)*0.4))}to{-webkit-transform:translateX(-120px) scaleY(calc(.8 + var(--amp)*0.4));transform:translateX(-120px) scaleY(calc(.8 + var(--amp)*0.4))}}@keyframes bgfx-wave{0%{-webkit-transform:translateX(0) scaleY(calc(.8 + var(--amp)*0.4));transform:translateX(0) scaleY(calc(.8 + var(--amp)*0.4))}to{-webkit-transform:translateX(-120px) scaleY(calc(.8 + var(--amp)*0.4));transform:translateX(-120px) scaleY(calc(.8 + var(--amp)*0.4))}}.bgfx--starry{background:radial-gradient(ellipse at 50% 110%,#1a2f5e,#050b1c 65%)}.bgfx-stars{inset:0;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 80px,#ffe7a3,transparent),radial-gradient(1.5px 1.5px at 200px 150px,#cfefff,transparent),radial-gradient(1px 1px at 60px 190px,#fff,transparent),radial-gradient(2px 2px at 170px 20px,#fff,transparent);background-size:240px 220px;-webkit-animation:bgfx-twinkle 7s ease-in-out infinite alternate;animation:bgfx-twinkle 7s ease-in-out infinite alternate}.bgfx-stars--2{background-size:330px 290px;background-position:90px 60px;-webkit-animation-delay:-3.5s;animation-delay:-3.5s;-webkit-animation-duration:9s;animation-duration:9s}@-webkit-keyframes bgfx-twinkle{0%{opacity:.35}to{opacity:1}}@keyframes bgfx-twinkle{0%{opacity:.35}to{opacity:1}}.bgfx--dusk{background:linear-gradient(180deg,#0b1636,#3a2a6b 42%,#b4567a 72%,#f2a65a)}.bgfx--abyss{background:linear-gradient(200deg,#020617,#062a4a,#04445a,#020617);background-size:300% 300%;-webkit-animation:bgfx-abyss 40s ease-in-out infinite alternate;animation:bgfx-abyss 40s ease-in-out infinite alternate}@-webkit-keyframes bgfx-abyss{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes bgfx-abyss{0%{background-position:0 0}to{background-position:100% 100%}}.bgfx--autumn{background:linear-gradient(180deg,#101318,#1d2127 35%,#34312f 62%,#4a423b 80%,#2a2420)}.bgfx-autumn__sky{inset:0;background:linear-gradient(180deg,#2a1008,#5c210c 28%,#a8441a 55%,#e0782a 72%,#ffb347 84%,#6a2e10);opacity:0;transition:opacity 1s ease}.bgfx-autumn__sun{left:50%;top:64%;width:46vmax;height:46vmax;margin:-23vmax 0 0 -23vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,214,140,.95) 0 6%,rgba(255,170,70,.45) 14%,rgba(240,120,40,.18) 34%,transparent 62%);opacity:.22;-webkit-transform:scale(.45);transform:scale(.45);-webkit-filter:saturate(.3);filter:saturate(.3);transition:opacity 1s ease,-webkit-transform 1s ease,-webkit-filter 1s ease;transition:opacity 1s ease,transform 1s ease,filter 1s ease;transition:opacity 1s ease,transform 1s ease,filter 1s ease,-webkit-transform 1s ease,-webkit-filter 1s ease}.bgfx-autumn__sun:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,200,110,.5),transparent 45%);opacity:0;transition:opacity 1s ease;-webkit-animation:bgfx-autumn-sun 1.6s ease-in-out infinite;animation:bgfx-autumn-sun 1.6s ease-in-out infinite}@-webkit-keyframes bgfx-autumn-sun{0%,to{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes bgfx-autumn-sun{0%,to{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}.bgfx-autumn__hills{left:-10%;right:-10%;bottom:0}.bgfx-autumn__hills--far{height:34vh;background:radial-gradient(60% 100% at 20% 100%,#3b1c10 98%,transparent 100%),radial-gradient(50% 90% at 75% 100%,#45210f 98%,transparent 100%);opacity:.9}.bgfx-autumn__hills--near{height:20vh;z-index:1;background:radial-gradient(70% 100% at 35% 100%,#1c0d08 98%,transparent 100%),radial-gradient(55% 80% at 90% 100%,#22100a 98%,transparent 100%)}.bgfx-city{position:absolute;left:0;bottom:9vh;width:100%;height:max(12vw,15vh);z-index:2}.bgfx-city__blds,.bgfx-city__post{fill:#1a0e0b}.bgfx-city__win{fill:#ffd27a;opacity:.05;transition:opacity 1s ease 0ms;transition:opacity 1s ease var(--wd,0ms)}.bgfx-city__win.is-keep{opacity:.4}.bgfx-city__lamp{fill:#ffcf7a;opacity:.15;transition:opacity 1s ease 0ms;transition:opacity 1s ease var(--wd,0ms)}.bgfx-city__clock{fill:#ffe9b0}.bgfx-trees{position:absolute;left:0;width:100%;pointer-events:none}.bgfx-trees--back{bottom:11vh;height:max(13vw,17vh);z-index:1;opacity:.9}.bgfx-trees--mid{bottom:2vh;height:max(20vw,26vh);z-index:3}.bgfx-trees--front{bottom:-1vh;height:max(28vw,34vh);z-index:4}.bgfx-trees--l{width:50%}.bgfx-trees--r{left:50%;width:50%}.bgfx-tree{transform-box:fill-box;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.bgfx-tree__trunk{fill:#241109}.bgfx-tree__leaf{transition:fill 1s ease}.bgfx-tree__leaf--0{fill:#8a3f17}.bgfx-tree__leaf--1{fill:#7a5419}.bgfx-tree__leaf--2{fill:#6a2a14}.bgfx-tree__leaf--3{fill:#7c2216}.bgfx-trees--back .bgfx-tree__trunk{fill:#1f100c}.bgfx-trees--back .bgfx-tree__leaf{fill:#3a1a12}.bgfx-trees--mid .bgfx-tree__leaf{-webkit-filter:brightness(.82);filter:brightness(.82)}@-webkit-keyframes bgfx-tree-sway{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-1.6deg);transform:rotate(-1.6deg)}75%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}}@keyframes bgfx-tree-sway{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-1.6deg);transform:rotate(-1.6deg)}75%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}}@-webkit-keyframes bgfx-win-twinkle{0%,to{opacity:.95}45%{opacity:.45}55%{opacity:.9}}@keyframes bgfx-win-twinkle{0%,to{opacity:.95}45%{opacity:.45}55%{opacity:.9}}.bgfx-autumn__leaf{top:-4vh;z-index:4;width:calc(16px*var(--s));height:calc(10px*var(--s));border-radius:0 80% 0 80%;background:linear-gradient(135deg,#f0b44c,#b4471f)}.bgfx-autumn__leaf:nth-child(3n){background:linear-gradient(135deg,#e07a2e,#8e2b15)}.bgfx-autumn__leaf:nth-child(3n+1){background:linear-gradient(135deg,#f6cf6a,#c9741f)}.bgfx-autumn__leaf--calm{opacity:.55;-webkit-filter:saturate(.4);filter:saturate(.4);transition:opacity 1s ease,-webkit-filter 1s ease;transition:opacity 1s ease,filter 1s ease;transition:opacity 1s ease,filter 1s ease,-webkit-filter 1s ease;-webkit-animation:bgfx-autumn-leaf var(--d) linear infinite;animation:bgfx-autumn-leaf var(--d) linear infinite}.bgfx-autumn__leaf--live{opacity:0;transition:opacity 1s ease;-webkit-animation:bgfx-autumn-leaf var(--d) linear infinite,bgfx-autumn-gust 7s ease-in-out infinite;animation:bgfx-autumn-leaf var(--d) linear infinite,bgfx-autumn-gust 7s ease-in-out infinite}@-webkit-keyframes bgfx-autumn-leaf{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{-webkit-transform:translate(30px,27vh) rotate(140deg);transform:translate(30px,27vh) rotate(140deg)}50%{-webkit-transform:translate(-20px,55vh) rotate(250deg);transform:translate(-20px,55vh) rotate(250deg)}75%{-webkit-transform:translate(35px,82vh) rotate(380deg);transform:translate(35px,82vh) rotate(380deg)}to{-webkit-transform:translate(-10px,108vh) rotate(480deg);transform:translate(-10px,108vh) rotate(480deg)}}@keyframes bgfx-autumn-leaf{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{-webkit-transform:translate(30px,27vh) rotate(140deg);transform:translate(30px,27vh) rotate(140deg)}50%{-webkit-transform:translate(-20px,55vh) rotate(250deg);transform:translate(-20px,55vh) rotate(250deg)}75%{-webkit-transform:translate(35px,82vh) rotate(380deg);transform:translate(35px,82vh) rotate(380deg)}to{-webkit-transform:translate(-10px,108vh) rotate(480deg);transform:translate(-10px,108vh) rotate(480deg)}}@-webkit-keyframes bgfx-autumn-gust{0%,55%,to{translate:0 0}68%{translate:26vw -4vh}80%{translate:34vw 2vh}}@keyframes bgfx-autumn-gust{0%,55%,to{translate:0 0}68%{translate:26vw -4vh}80%{translate:34vw 2vh}}.bgfx--autumn.is-live .bgfx-autumn__sky{opacity:1}.bgfx--autumn.is-live .bgfx-autumn__sun{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:saturate(1.2);filter:saturate(1.2)}.bgfx--autumn.is-live .bgfx-autumn__sun:after{opacity:1}.bgfx--autumn.is-live .bgfx-city__wins{-webkit-filter:drop-shadow(0 0 2px rgba(255,190,90,.8));filter:drop-shadow(0 0 2px rgba(255,190,90,.8))}.bgfx--autumn.is-live .bgfx-city__win.is-lit{opacity:.95}.bgfx--autumn.is-live .bgfx-city__win.is-keep{opacity:.8}.bgfx--autumn.is-live .bgfx-city__win.is-tw{-webkit-animation:bgfx-win-twinkle 3.4s ease-in-out infinite;animation:bgfx-win-twinkle 3.4s ease-in-out infinite;-webkit-animation-delay:var(--wd);animation-delay:var(--wd)}.bgfx--autumn.is-live .bgfx-city__lamp{opacity:1;-webkit-filter:drop-shadow(0 0 6px #ffb347);filter:drop-shadow(0 0 6px #ffb347)}.bgfx--autumn.is-live .bgfx-tree__leaf--0{fill:#d9661f}.bgfx--autumn.is-live .bgfx-tree__leaf--1{fill:#c9922a}.bgfx--autumn.is-live .bgfx-tree__leaf--2{fill:#a8401c}.bgfx--autumn.is-live .bgfx-tree__leaf--3{fill:#c0301e}.bgfx--autumn.is-live .bgfx-trees--back .bgfx-tree__leaf{fill:#5a2618}.bgfx--autumn.is-live .bgfx-tree{-webkit-animation:bgfx-tree-sway 4.5s ease-in-out infinite;animation:bgfx-tree-sway 4.5s ease-in-out infinite;-webkit-animation-delay:var(--sw);animation-delay:var(--sw)}.bgfx--autumn.is-live .bgfx-autumn__leaf--calm{opacity:.95;-webkit-filter:none;filter:none}.bgfx--autumn.is-live .bgfx-autumn__leaf--live{opacity:.92}.bg-thumb__img.bgfx-thumb{background-size:cover}.bg-thumb__img.bgfx-thumb--pulse{background:radial-gradient(circle,#3fb8ff 0,#0f2a55 45%,#050b1c 75%)}.bg-thumb__img.bgfx-thumb--aurora{background:linear-gradient(170deg,#02040e 10%,#2fe0a0 35%,#6b5cff 55%,#061430 80%)}.bg-thumb__img.bgfx-thumb--soundwaves{background:repeating-radial-gradient(circle at 50% 110%,#050b1c 0 9px,#3fb8ff 10px 11px,#050b1c 12px 20px)}.bg-thumb__img.bgfx-thumb--particles{background:radial-gradient(2px 2px at 20% 30%,#ffe7a3,transparent),radial-gradient(2px 2px at 70% 60%,#a0ebff,transparent),radial-gradient(3px 3px at 40% 80%,#ffd36b,transparent),linear-gradient(#040918,#0b1d3a)}.bg-thumb__img.bgfx-thumb--waves{background:radial-gradient(14px 8px at 14px 0,transparent 98%,rgba(63,184,255,.7)) 0 70%/28px 40% repeat-x,linear-gradient(#050b1c,#0f2a55)}.bg-thumb__img.bgfx-thumb--starry{background:radial-gradient(1.5px 1.5px at 15% 25%,#fff,transparent),radial-gradient(1px 1px at 60% 40%,#fff,transparent),radial-gradient(1.5px 1.5px at 80% 15%,#ffe7a3,transparent),radial-gradient(ellipse at 50% 110%,#1a2f5e,#050b1c 65%)}.bg-thumb__img.bgfx-thumb--dusk{background:linear-gradient(180deg,#0b1636,#3a2a6b 42%,#b4567a 72%,#f2a65a)}.bg-thumb__img.bgfx-thumb--abyss{background:linear-gradient(200deg,#020617,#062a4a,#04445a)}.bg-thumb__img.bgfx-thumb--autumn{background:radial-gradient(40% 40% at 50% 70%,#ffc46e,transparent 70%),radial-gradient(60% 30% at 30% 100%,#1c0d08 98%,transparent),radial-gradient(4px 3px at 25% 30%,#f0b44c,transparent),radial-gradient(4px 3px at 70% 45%,#e07a2e,transparent),linear-gradient(180deg,#1a0f12,#7a3a17 55%,#d98a2b 85%)}.bg-thumb__badge{position:absolute;top:4px;left:4px;padding:1px 5px;color:#2a1a00;font-size:.6rem;background:rgba(255,215,120,.9);border-radius:999px;pointer-events:none}@media (prefers-reduced-motion:reduce){.bgfx,.bgfx *{-webkit-animation:none!important;animation:none!important;transition:none!important}}.cdecor{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.cdecor__obj{position:absolute;height:auto;max-height:60vh;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.cdecor.is-editing{z-index:2400}.cdecor.is-editing .cdecor__obj{pointer-events:auto;cursor:-webkit-grab;cursor:grab;touch-action:none;outline:2px dashed rgba(244,213,141,.85);outline-offset:3px}.cdecor.is-editing .cdecor__obj:active{cursor:-webkit-grabbing;cursor:grabbing}.cdecor.is-editing .cdecor__obj.is-private{outline-color:rgba(160,200,255,.85)}.cdecor-tools{position:fixed;left:12px;bottom:12px;z-index:2060;display:flex;flex-direction:column;align-items:flex-start;grid-gap:6px;gap:6px}.cdecor-tools__btn{padding:6px 12px;font-size:.72rem;letter-spacing:.08em;color:#e9f3ff;background:rgba(10,26,52,.85);border:1px solid rgba(120,220,255,.5);border-radius:999px;cursor:pointer}.cdecor-tools__btn.is-on,.cdecor-tools__btn:hover{border-color:#f4d58d;color:#f4d58d}.cdecor-panel{order:-1;width:min(340px,100vw - 24px);max-height:min(70vh,100vh - 80px);overflow-y:auto;padding:10px 12px 12px;font-size:.8rem;color:#e9f3ff}.cdecor-panel__head{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;margin:8px 0 6px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f4d58d}.cdecor-panel__head:first-child{margin-top:0}.cdecor-panel__row{display:flex;grid-gap:6px;gap:6px;margin-bottom:6px}.cdecor-panel__row .glass-input{flex:1 1 auto;min-width:0}.cdecor-panel__hint{opacity:.75;font-size:.72rem;margin-bottom:4px}.cdecor-lib{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px}.cdecor-lib__item,.cdecor-placed{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:4px;border:1px solid rgba(120,220,255,.25);border-radius:8px;background:rgba(4,12,30,.5)}.cdecor-placed{margin-bottom:4px}.cdecor-placed input[type=range]{flex:1 1 auto;min-width:60px}.cdecor-lib__thumb{width:36px;height:36px;object-fit:contain}.cdecor-placed__share{display:inline-flex;align-items:center;grid-gap:4px;gap:4px;white-space:nowrap}.cdecor-x{border:0;background:none;color:rgba(255,170,170,.9);cursor:pointer;font-size:.9rem}.bg-switcher__carousel-bg{display:flex;align-items:center;grid-gap:8px;gap:8px;margin:10px 0 4px;font-size:.8rem;cursor:pointer}.bg-switcher__carousel-bg em{opacity:.75;font-style:normal}.bg-switcher__carousel-note{margin:0 0 10px;padding:8px 10px;font-size:.78rem;color:#f4d58d;border:1px solid rgba(244,213,141,.45);border-radius:10px;background:rgba(60,40,10,.35)}.bg-switcher__carousel-note .bg-switcher__carousel-bg{margin:6px 0 0;color:#e9f3ff}.bg-switcher__carousel-msg{font-weight:600;letter-spacing:.04em}
/*# sourceMappingURL=main.e3438b7c.chunk.css.map */