@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:ChonkyPixels;src:url(/fonts/ChonkyPixels.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background-color:#000;color:#fff}.app-container{background-color:#000;display:flex;flex-direction:column;position:relative;width:100vw;height:100vh;overflow:hidden;justify-content:center;align-items:center;text-align:center;color:#fff}.screen-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:50px;position:relative;background-color:#000}.app-container .logo{position:absolute;top:50px;left:50px;width:350px;height:auto;z-index:10;transition:width .3s ease}.app-container .logo.small{width:200px}.app-container .clickable-logo{cursor:pointer}h1{font-size:4em;color:#fff;margin-bottom:20px;letter-spacing:2px}h2{font-size:2.5em;color:#fff;margin-bottom:30px}p{font-size:1.5em;color:#ccc;line-height:1.6}.start-screen{display:flex;flex-direction:column;justify-content:flex-start;padding:0}.start-screen-background{height:50%;width:100%;background-color:#000;padding-top:50px}.start-screen-background canvas{width:100%!important;height:100%!important;display:block}.start-screen-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:30px;padding:40px 20px 20px;flex-shrink:0}.start-button{background-color:#ff5c00;color:#fff;padding:18px 40px;border:none;border-radius:50px;font-size:1.8em;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;box-shadow:0 0 15px #ff5c0080}.start-button:hover{background-color:#e04c00;transform:translateY(-3px);box-shadow:0 5px 20px #ff5c00b3}.start-button .arrow-icon{width:30px;height:auto}.start-screen .welcome-block{font-family:ChonkyPixels,monospace;font-size:.9em;color:#fff;text-shadow:0 0 10px rgba(255,92,0,.7);line-height:1.3;text-align:center;max-width:70%;margin-top:20px}.start-screen .welcome-block .highlight-text{color:#ff5c00}.start-screen .welcome-block .normal-text{color:#eee;text-shadow:none;margin-top:15px}.question-screen{justify-content:flex-start;padding:100px 50px 50px;overflow-y:auto}.question-screen h2{background-color:#ff5c00;color:#fff;padding:12px 30px;border-radius:50px;font-size:2.2em;margin-top:50px;margin-bottom:40px;text-align:center;line-height:1.2;white-space:nowrap;display:inline-block;box-shadow:0 5px 15px #ff5c0066;z-index:1}.question-screen .question-text{font-size:2em;margin-bottom:60px;color:#fff;max-width:80%;z-index:1}.options-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;width:90%;max-width:1500px;z-index:1}.option-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:280px;max-width:400px;padding:20px;position:relative;border-radius:15px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.option-wrapper.selected{background-color:#ff5c00;border:2px solid #FF5C00;box-shadow:0 0 25px #ff5c00b3}.icon-button{background-color:#e6e6e6;border:2px solid #e6e6e6;border-radius:15px;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease,border-color .3s ease;display:flex;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:30px;box-shadow:0 4px 15px #0000004d}.icon-button:hover{background-color:#d0d0d0;transform:translateY(-5px);box-shadow:0 8px 20px #00000080;border-color:#ff5c00}.option-wrapper.selected .icon-button{background-color:#fff;border-color:#fff;box-shadow:none}.icon-button .option-icon{width:120px;height:120px;object-fit:contain}.option-separator{width:80%;height:3px;background-color:#0ff;margin-bottom:30px}.option-text-display{font-size:1.2em;color:#fff;line-height:1.5;text-align:center;white-space:pre-wrap;flex-grow:1}.loading-screen{justify-content:center;align-items:center;background-color:#000;overflow:hidden}.loading-screen h1,.loading-screen p{display:none}.loading-animation-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:25vh;width:100%;height:100%;position:relative}.loading-subtext{font-size:1.8em!important;color:#ccc!important;margin-top:20px;z-index:2;display:block!important}.glitch{font-family:ChonkyPixels,monospace;font-size:4em;color:#ff5c00;text-shadow:0 0 20px rgba(255,92,0,.8);position:relative;z-index:2;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.glitch:before{left:2px;text-shadow:-2px 0 #00FFFF;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #FFFFFF,2px 2px #00FFFF;clip:rect(85px,450px,90px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}.scanline{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,transparent,rgba(0,255,255,.7),transparent);animation:scan 4s linear infinite;z-index:3;opacity:.7}.data-stream{margin-top:40px;width:80%;z-index:1}.stream-line{height:1.2em;margin-bottom:.5em;background-color:#0a0a0a;position:relative;overflow:hidden}.stream-line:before{content:"01101001011011100111010001100101011100100110011001100001011000110110010100100000011011000110111101100001011001000110100101101110011001110010111000101110001011100110010101110010011100100110111101110010001000000110010001100101011101000110010101100011011101000110010101100100";position:absolute;top:0;left:0;width:200%;color:#0ff;font-family:monospace;font-size:1em;text-shadow:0 0 5px #00FFFF;animation:stream 10s linear infinite}.stream-line:nth-child(2):before{animation-delay:-2s;animation-duration:12s}.stream-line:nth-child(3):before{animation-delay:-4s;animation-duration:8s}.stream-line:nth-child(4):before{animation-delay:-6s;animation-duration:15s}.stream-line:nth-child(5):before{animation-delay:-8s;animation-duration:9s}@keyframes glitch-skew{0%{transform:skew(0)}to{transform:skew(2deg)}}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0);transform:skew(.3deg)}5%{clip:rect(17px,9999px,96px,0)}10%{clip:rect(40px,9999px,62px,0)}to{clip:rect(50px,9999px,102px,0);transform:skew(.2deg)}}@keyframes glitch-anim2{0%{clip:rect(85px,9999px,90px,0);transform:skew(.5deg)}10%{clip:rect(25px,9999px,75px,0)}to{clip:rect(45px,9999px,130px,0);transform:skew(.8deg)}}@keyframes scan{0%{top:0%}to{top:100%}}@keyframes stream{0%{transform:translate(0)}to{transform:translate(-50%)}}.result-screen-minimal{padding:0;justify-content:space-between;flex-direction:column}.result-main-minimal{width:100%;flex-grow:1;display:flex;flex-direction:row;min-height:0;padding:60px;gap:50px}.sphere-container-minimal{width:40%;height:100%;flex-shrink:0}.text-container-minimal{width:60%;height:100%;display:flex;flex-direction:column;text-align:left}.text-header-minimal{flex-shrink:0;padding-bottom:20px;border-bottom:1px solid #333}.text-header-minimal h1{font-family:ChonkyPixels,monospace;font-size:3em;color:#ff5c00;margin:0}.metadata-minimal{display:flex;justify-content:flex-end;align-items:center;margin-top:15px;color:#888;font-size:1.2em}.audio-button-minimal{background-color:transparent;color:#0ff;border:1px solid #00FFFF;padding:6px 15px;border-radius:50px;font-size:1em;font-weight:700;cursor:pointer;transition:all .2s ease}.audio-button-minimal:hover{background-color:#0ff;color:#000}.text-content-minimal{flex-grow:1;overflow-y:auto;padding-top:20px;padding-right:15px;font-family:Inter,sans-serif;font-size:1.3em;line-height:1.7;color:#ddd;white-space:pre-wrap}.text-content-minimal::-webkit-scrollbar{width:8px}.text-content-minimal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.text-content-minimal::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:10px}.text-content-minimal::-webkit-scrollbar-thumb:hover{background:#00ffffb3}.result-footer-minimal{width:100%;display:flex;justify-content:flex-end;align-items:center;padding:20px 60px 40px;border-top:none;background-color:#000;flex-shrink:0;position:relative}.qr-code-container-minimal{position:absolute;left:50%;transform:translate(-50%);text-align:center}.qr-code-container-minimal a{display:block;transition:transform .3s ease;background:transparent;padding:0}.qr-code-container-minimal a:hover{transform:scale(1.05)}.qr-code-container-minimal p{font-size:1em;color:#fff;margin-top:8px}.restart-button-minimal{background-color:#ff5c00;color:#fff;padding:18px 40px;border:none;border-radius:50px;font-size:1.8em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ff5c0080}.restart-button-minimal:hover{background-color:#e04c00;transform:translateY(-3px);box-shadow:0 5px 20px #ff5c00b3}.error-message{color:#dc3545;background-color:#4a1c1c;border:1px solid #7c2d2d;padding:15px;margin-top:20px;border-radius:8px;font-size:1.1em;text-align:center;max-width:60%;z-index:1}@media (max-width: 1024px){.screen-container{padding:40px}.app-container .logo{width:250px;top:30px;left:30px}.app-container .logo.small{width:150px}.question-screen h2{font-size:1.8em}.question-screen .question-text{font-size:1.5em;margin-bottom:40px}.options-container{gap:20px}.result-main-minimal{padding:40px;gap:30px}.text-header-minimal h1{font-size:2.5em}.text-content-minimal{font-size:1.2em}}@media (max-width: 768px){.screen-container{padding:20px;overflow-y:auto}.app-container .logo{width:180px;top:20px;left:20px}.app-container .logo.small{width:120px}.start-screen-background{height:40vh}.start-screen-content{padding-top:20px;gap:20px}.start-button{font-size:1.4em;padding:15px 30px}.start-screen .welcome-block{font-size:.8em;max-width:90%}.question-screen{padding:80px 20px 20px}.question-screen h2{font-size:1.5em;padding:10px 20px}.question-screen .question-text{font-size:1.2em}.options-container{flex-direction:column;width:100%;align-items:center}.option-wrapper{width:100%;max-width:350px}.result-main-minimal{flex-direction:column;padding:20px;gap:20px}.sphere-container-minimal{width:100%;height:30vh;min-height:200px}.text-container-minimal{width:100%;height:auto}.text-header-minimal h1{font-size:2em}.text-content-minimal{font-size:1.1em}.result-footer-minimal{flex-direction:column;gap:20px;padding:20px;position:static}.qr-code-container-minimal{position:static;transform:none;order:2}.restart-button-minimal{order:1;width:100%}}.data-viewer-container{width:100%;max-width:1400px;margin:40px auto;padding:40px;background-color:#1a1a1a;border:1px solid #333;border-radius:15px;color:#fff;font-family:Inter,sans-serif;text-align:center}.data-viewer-container h1{font-family:ChonkyPixels,monospace;color:#ff5c00;margin-bottom:30px}.token-input-section{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.token-input-section input{padding:10px 15px;font-size:1em;border-radius:8px;border:1px solid #444;background-color:#222;color:#fff;width:300px}.token-input-section button{background-color:#ff5c00;color:#fff;padding:10px 20px;border:none;border-radius:50px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease}.token-input-section button:disabled{background-color:#555;cursor:not-allowed}.token-input-section button:hover:not(:disabled){background-color:#e04c00}.error-message{color:#dc3545;margin-bottom:20px}.data-table-container{width:100%;overflow-x:auto}.data-table-container h3{margin-bottom:20px;text-align:left}.data-table-container table{width:100%;border-collapse:collapse;min-width:800px}.data-table-container th,.data-table-container td{padding:12px 15px;border:1px solid #333;text-align:left;white-space:nowrap}.data-table-container th{background-color:#ff5c00;color:#fff;font-weight:700}.data-table-container tbody tr:nth-child(2n){background-color:#2a2a2a}.data-table-container tbody tr:hover{background-color:#444}.szenario-viewer-page{background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;padding:60px;overflow:hidden;box-sizing:border-box}.szenario-main-content{width:100%;flex-grow:1;display:flex;flex-direction:row;gap:50px;min-height:0}.szenario-sphere-container{width:40%;height:100%;flex-shrink:0}.szenario-text-container{width:60%;height:100%;display:flex;flex-direction:column;text-align:left}.szenario-text-header{flex-shrink:0;padding-bottom:20px;border-bottom:1px solid #333}.szenario-text-header h1{font-family:ChonkyPixels,monospace;font-size:3em;color:#ff5c00;margin:0;line-height:1.2}.szenario-tagebuch-text{flex-grow:1;overflow-y:auto;padding-top:20px;padding-right:15px;font-family:Inter,sans-serif;font-size:1.3em;line-height:1.7;color:#ddd;white-space:pre-wrap}.szenario-tagebuch-text::-webkit-scrollbar{width:8px}.szenario-tagebuch-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.szenario-tagebuch-text::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:10px}.szenario-tagebuch-text::-webkit-scrollbar-thumb:hover{background:#00ffffb3}.szenario-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;padding-top:20px;border-top:1px solid #333;flex-shrink:0}.szenario-back-button{background-color:#ff5c00;color:#fff;padding:18px 40px;border:none;border-radius:50px;font-size:1.8em;font-weight:700;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 0 15px #ff5c0080}.szenario-back-button:hover{background-color:#e04c00;transform:translateY(-3px);box-shadow:0 5px 20px #ff5c00b3}.szenario-viewer-page .loading-text,.szenario-viewer-page .error-text{font-size:1.5em;color:#888;width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.szenario-viewer-page{padding:20px;overflow-y:auto}.szenario-main-content{flex-direction:column;gap:20px}.szenario-sphere-container{width:100%;height:35vh;min-height:250px}.szenario-text-container{width:100%;height:auto}.szenario-tagebuch-text{font-size:1.1em;overflow-y:visible;padding-right:0}.szenario-footer{padding-top:30px;justify-content:center}.szenario-back-button{font-size:1.3em;padding:12px 30px}}@media (max-width: 1024px){.szenario-viewer-page{padding:40px}.szenario-main-content{gap:30px}.szenario-text-header h1{font-size:2.5em}.szenario-tagebuch-text{font-size:1.2em}.szenario-back-button{font-size:1.5em;padding:15px 35px}}@media (max-width: 768px){.szenario-viewer-page{padding:20px;overflow-y:auto;height:auto;min-height:100vh;justify-content:flex-start}.szenario-main-content{flex-direction:column;gap:20px}.szenario-sphere-container{width:100%;height:35vh;min-height:250px}.szenario-text-container{width:100%;height:auto}.szenario-tagebuch-text{font-size:1.1em;overflow-y:visible;padding-right:0}.szenario-footer{padding-top:30px;justify-content:center}.szenario-back-button{font-size:1.3em;padding:12px 30px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}