*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:NeonFont;src:url('fonts/neon_reduced.otf') format('opentype');font-weight:400;font-style:normal;font-feature-settings:'liga' 1;-webkit-font-feature-settings:'liga' 1;-moz-font-feature-settings:'liga' 1}@font-face{font-family:TextFont;src:url('fonts/text_reduced.otf') format('opentype');font-weight:400;font-style:normal}.background-circle{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25) 70%,rgba(255,255,255,0) 100%);top:30%;left:55%;transform:translateY(-50%);filter:blur(10px);z-index:-1;pointer-events:none}.background-circle-2{position:fixed;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 100%);bottom:10%;left:40%;filter:blur(10px);z-index:-1;pointer-events:none}.background-circle-3{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(100,65,145,.15) 50%,rgba(100,65,145,0) 70%);bottom:10%;right:30%;filter:blur(10px);z-index:-1;pointer-events:none}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6;padding:20px;text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:80px;justify-content:space-between;position:relative;overflow:hidden}body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,#29d0fa,#644191);background-attachment:fixed;background-size:100% 100%;z-index:-10;transition:opacity 1.5s ease}body::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(135deg,#de436d,#f4a549);background-attachment:fixed;background-size:100% 100%;z-index:-9;opacity:0;transition:opacity 1.5s ease}body.playing::before{opacity:0}body.playing::after{opacity:1}.container{max-width:800px;margin:auto;overflow:hidden;padding:0 20px}.header{text-align:center;margin:50px 0}.header h1{font-size:2.5rem}.app-title{font-family:TextFont,sans-serif;font-size:1.8rem;color:#fff;margin-bottom:.25rem;letter-spacing:1px;text-shadow:1px 1px 4px rgba(0,0,0,.3);text-transform:uppercase}.custom-text{font-family:NeonFont,sans-serif;font-size:6rem;color:#fff;text-align:center;line-height:1;margin-bottom:.5rem;text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #d50661,0 0 10px #d50661,0 0 14px #d50661,0 0 20px #d50661,0 0 30px #d50661;animation:neon-flicker 3s infinite alternate;max-width:100%;padding:0 10px;letter-spacing:0}.subtitle-text{font-family:TextFont,sans-serif;font-size:1.2rem;color:rgba(255,255,255,.85);text-align:center;margin-bottom:3rem;letter-spacing:.5px;text-shadow:1px 1px 3px rgba(0,0,0,.2);font-weight:400;opacity:.9}@keyframes neon-flicker{0%,100%,19%,21%,23%,25%,54%,56%{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #d50661,0 0 10px #d50661,0 0 14px #d50661,0 0 20px #d50661,0 0 30px #d50661}20%,24%,55%{text-shadow:none}}.qr-reader,.video-player{background:#fff;margin:20px 0;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button,.button_startscan,.button_startstop{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.25);color:#fff;padding:10px 20px;margin:10px 0;border-radius:30px;border:2px solid rgba(255,255,255,.7);cursor:pointer;transition:all .3s ease;font-weight:600;backdrop-filter:blur(5px);font-family:TextFont,sans-serif}.button_disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);pointer-events:none}.button_startscan{width:200px;height:60px;font-size:1.2rem;min-width:200px}.button_startstop{width:60px;height:60px;border-radius:50%;padding:0}.cancelScanButton{z-index:20}.button:hover,.button_startscan:hover,.button_startstop:hover{background:rgba(255,255,255,.4);transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,255,255,.3);border-color:rgba(255,255,255,.9)}.text-block{position:relative;margin-top:20px;padding:1.2rem;text-align:center;border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.08);background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(245,245,255,.8));backdrop-filter:blur(8px);margin-bottom:15px}.text-block .heading{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:0 1rem;font-size:18px;font-weight:600;line-height:1;background-color:rgba(255,255,255,.9);color:#644191;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.help_div,.settings_div{width:90%;max-width:500px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);padding:1.5rem;display:none;z-index:10;background:linear-gradient(to bottom right,rgba(255,255,255,.95),rgba(230,230,255,.85));backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 5px 25px rgba(0,0,0,.15);max-height:80vh;overflow-y:auto;opacity:0;transition:all .3s ease;border:1px solid rgba(255,255,255,.5)}.help_div.active,.settings_div.active{transform:translate(-50%,-50%) scale(1);opacity:1}.help-overlay,.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);backdrop-filter:blur(0px);z-index:9;display:none;transition:all .3s ease}.help-overlay.active,.settings-overlay.active{background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px)}.help-icon,.settings-icon{position:fixed;width:40px;height:40px;background-color:rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:8;backdrop-filter:blur(5px);box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease}.settings-icon{top:20px;right:20px}.help-icon{top:20px;left:20px}.help-icon:hover,.settings-icon:hover{background-color:rgba(255,255,255,.4);transform:rotate(15deg);box-shadow:0 3px 10px rgba(0,0,0,.2)}.help-icon .material-icons,.settings-icon .material-icons{font-size:24px;color:#fff}@media screen and (max-width:768px){.header h1{font-size:2rem}.container{padding:0 10px}}#qr-reader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:none;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}#qr-reader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,#29d0fa,#644191);background-attachment:fixed;background-size:100% 100%;z-index:-2;transition:opacity 1.5s ease}#qr-reader::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(135deg,#de436d,#f4a549);background-attachment:fixed;background-size:100% 100%;z-index:-1;opacity:0;transition:opacity 1.5s ease}body.playing #qr-reader::before{opacity:0}body.playing #qr-reader::after{opacity:1}.scan-area-indicator{position:fixed;width:80vw;max-width:80vh;max-height:80vw;aspect-ratio:1;border:2px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 0 0 2000px rgba(0,0,0,.3);z-index:4;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);animation:scan-pulse 2s infinite;overflow:hidden}.scan-area-indicator::after{content:'';position:absolute;width:100%;height:4px;background:linear-gradient(to right,transparent,rgba(41,208,250,.8),transparent);top:0;left:0;box-shadow:0 0 10px 3px rgba(41,208,250,.5);animation:scan-line 2s linear infinite}@keyframes scan-line{0%{top:0}100%{top:100%}}@keyframes scan-pulse{0%{box-shadow:0 0 0 2000px rgba(0,0,0,.3);border-color:rgba(255,255,255,.5)}50%{box-shadow:0 0 0 2000px rgba(0,0,0,.4);border-color:rgba(255,255,255,.8)}100%{box-shadow:0 0 0 2000px rgba(0,0,0,.3);border-color:rgba(255,255,255,.5)}}#qr-video{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;object-fit:cover;z-index:2}#videotitle{display:none}#videoduration{display:none}#videostart{display:none}#videoid{display:none}#cancelScanButton{position:fixed;display:none;background-color:rgba(255,255,255,.25);color:#fff;border:2px solid rgba(255,255,255,.7);border-radius:30px;z-index:5;font-weight:600;backdrop-filter:blur(5px);top:20px;right:20px}#cancelScanButton:hover{background-color:rgba(255,255,255,.4);transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,255,255,.3);border-color:rgba(255,255,255,.9)}#cookielist{display:none}#playback-duration{width:50px}.bottom-buttons{margin-top:auto;padding-bottom:30px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#password-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,#29d0fa,#644191);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;transition:opacity .5s ease}#password-container{background:rgba(255,255,255,.2);padding:30px;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);width:90%;max-width:400px;text-align:center}#password-question{color:#fff;font-family:TextFont,sans-serif;font-size:1.5rem;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}#password-input{width:100%;padding:12px 15px;border-radius:30px;border:2px solid rgba(255,255,255,.7);background:rgba(255,255,255,.2);color:#fff;font-size:1.2rem;margin-bottom:20px;backdrop-filter:blur(5px);text-align:center;outline:0;transition:all .3s ease}#password-input:focus{border-color:rgba(255,255,255,.9);box-shadow:0 0 15px rgba(255,255,255,.3)}#password-input::placeholder{color:rgba(255,255,255,.7)}#password-submit{background:rgba(255,255,255,.25);color:#fff;border:2px solid rgba(255,255,255,.7);padding:10px 25px;border-radius:30px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;font-family:TextFont,sans-serif;font-weight:600;backdrop-filter:blur(5px)}#password-submit:hover{background:rgba(255,255,255,.4);transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,255,255,.3)}#password-error{color:#fcc;font-size:.9rem;margin-top:10px;min-height:20px;display:none}