:root{color-scheme:dark;--panel: rgba(17, 17, 17, .75);--magenta: #f000f0;--orange: #ff5100;--cyan: #009cba;--green: #00a518}*{box-sizing:border-box}body{font-family:Blender Pro,Rajdhani,Arial Narrow,sans-serif;margin:0;padding:16px;min-height:100vh;background:#111 url(/assets/background-C56SEPHN.jpg) center / cover no-repeat fixed;color:var(--magenta);max-width:1100px;margin-inline:auto}[hidden]{display:none!important}#title-container{border:5px solid var(--green);padding:3px;background-color:var(--panel)}h1{color:var(--orange);text-align:center;font-size:clamp(2rem,9vw,4em);margin:.3em 0;text-shadow:2px 2px 4px rgba(0,0,0,.7)}h2{color:var(--cyan);text-align:center;font-size:clamp(1rem,4.5vw,2em);margin:.3em 0 .6em;text-shadow:2px 2px 4px rgba(0,0,0,.7)}#mock-banner{text-align:center;background:var(--panel);color:#ffd400;padding:4px}.panel{margin-top:20px;padding:16px;border:1px solid var(--magenta);background-color:var(--panel)}label{display:block;font-size:1.3em;font-weight:700;margin-bottom:8px}input{width:100%;padding:8px;margin-bottom:20px;font-family:inherit;font-size:1.5em;color:#000;background:#f2f2f2;border:2px solid var(--magenta)}#chat-container{border:1px solid var(--magenta);margin-top:20px;padding:10px;height:min(400px,55vh);overflow-y:auto;overflow-wrap:break-word;margin-bottom:10px;background-color:var(--panel)}.user-message{color:#aaa9ad;margin-bottom:5px;font-size:clamp(1.1rem,4.5vw,2em);font-weight:700;text-shadow:1px 1px 1px #000080;white-space:pre-wrap}.llm-message{color:#f94d00;margin-bottom:5px;font-size:clamp(1.1rem,4.5vw,2em);font-weight:700;text-shadow:1px 1px 1px #eedc82;white-space:pre-wrap}.pending{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.3}}#turns{margin:-12px 0 12px;text-align:right;color:var(--cyan);text-shadow:1px 1px 2px #000}#error{min-height:1.5em;margin:12px 0;text-align:center;font-size:1.3em;font-weight:700;color:#ffd400;text-shadow:1px 1px 2px #000}#error:empty{visibility:hidden}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.button-container{display:flex;justify-content:center;width:100%;padding-bottom:8px}.cybr-btn{--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 1%));--shadow-primary: hsl(var(--shadow-primary-hue), 90%, 50%);--primary-hue: 0;--primary-lightness: 50;--color: hsl(0, 0%, 100%);--font-size: 26px;--shadow-primary-hue: 180;--label-size: 9px;--shadow-secondary-hue: 60;--shadow-secondary: hsl(var(--shadow-secondary-hue), 90%, 60%);--clip: polygon(0 0, 100% 0, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 70%);--border: 4px;--shimmy-distance: 5;--clip-one: polygon(0 2%, 100% 2%, 100% 95%, 95% 95%, 95% 90%, 85% 90%, 85% 95%, 8% 95%, 0 70%);--clip-two: polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);--clip-three: polygon(0 44%, 100% 44%, 100% 54%, 95% 54%, 95% 54%, 85% 54%, 85% 54%, 8% 54%, 0 54%);--clip-four: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);--clip-five: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);--clip-six: polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);--clip-seven: polygon(0 63%, 100% 63%, 100% 80%, 95% 80%, 95% 80%, 85% 80%, 85% 80%, 8% 80%, 0 70%);font-family:inherit;color:var(--color);cursor:pointer;background:transparent;text-transform:uppercase;font-size:var(--font-size);outline:transparent;letter-spacing:2px;position:relative;font-weight:700;border:0;width:min(300px,100%);height:75px;line-height:75px;transition:background .2s;z-index:0}.cybr-btn:hover,.cybr-btn:focus-visible{--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * .8%))}.cybr-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.cybr-btn:active{--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * .6%))}.cybr-btn:after,.cybr-btn:before{content:"";position:absolute;inset:0;clip-path:var(--clip);z-index:-1}.cybr-btn:before{background:var(--shadow-primary);transform:translate(var(--border))}.cybr-btn:after{background:var(--primary)}.cybr-btn__tag{position:absolute;padding:1px 4px;letter-spacing:1px;line-height:1;bottom:-5%;right:5%;font-weight:400;color:#000;font-size:var(--label-size)}.cybr-btn__glitch{position:absolute;top:calc(var(--border) * -1);left:calc(var(--border) * -1);right:calc(var(--border) * -1);bottom:calc(var(--border) * -1);background:var(--shadow-primary);text-shadow:2px 2px var(--shadow-primary),-2px -2px var(--shadow-secondary);clip-path:var(--clip);animation:glitch 2s infinite;display:none}.cybr-btn:hover .cybr-btn__glitch{display:block}.cybr-btn__glitch:before{content:"";position:absolute;inset:calc(var(--border) * 1);clip-path:var(--clip);background:var(--primary);z-index:-1}@media(prefers-reduced-motion:reduce){.cybr-btn__glitch,.pending{animation:none}}@keyframes glitch{0%{clip-path:var(--clip-one)}2%,8%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * -1%))}6%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * 1%))}9%{clip-path:var(--clip-two);transform:translate(0)}10%{clip-path:var(--clip-three);transform:translate(calc(var(--shimmy-distance) * 1%))}13%{clip-path:var(--clip-three);transform:translate(0)}14%,21%{clip-path:var(--clip-four);transform:translate(calc(var(--shimmy-distance) * 1%))}25%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * 1%))}30%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * -1%))}35%,45%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * -1%))}40%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * 1%))}50%{clip-path:var(--clip-six);transform:translate(0)}55%{clip-path:var(--clip-seven);transform:translate(calc(var(--shimmy-distance) * 1%))}60%{clip-path:var(--clip-seven);transform:translate(0)}31%,61%,to{clip-path:var(--clip-four)}}