@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);max-height:70vh;overflow-y:auto;padding:.8rem}.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}}
/*# sourceMappingURL=main.7a3df84f.chunk.css.map */