:root{--bg-darker:224 25% 4%;--bg-dark:224 20% 8%;--neon-purple:275 100% 60%;--neon-cyan:190 100% 50%;--neon-coral:335 100% 55%;--neon-gold:45 100% 50%;--neon-green:145 100% 50%;--text-main:0 0% 100%;--text-muted:220 15% 70%;--font-family:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light-theme{--bg-darker:220 30% 96%;--bg-dark:220 20% 90%;--text-main:224 40% 12%;--text-muted:220 15% 40%;--neon-purple:275 90% 48%;--neon-cyan:190 95% 38%;--neon-coral:335 90% 48%;--neon-gold:38 95% 42%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-darker));color:hsl(var(--text-main));font-family:var(--font-family);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:hsla(var(--neon-purple), .3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--neon-cyan), .5)}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-grid-overlay{z-index:0;pointer-events:none;background-image:linear-gradient(#bc3fff08 1px,#0000 1px),linear-gradient(90deg,#bc3fff08 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}.bg-radial-gradient{background:radial-gradient(circle at 50% 20%, hsla(var(--neon-purple), .05) 0%, transparent 60%), radial-gradient(circle at 90% 80%, hsla(var(--neon-cyan), .04) 0%, transparent 55%);z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.glass-panel{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#0b0d16a6;border:1px solid #ffffff0d;border-radius:20px;transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 12px 40px #0006}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.light-theme .glass-panel{background:#ffffffb8!important;border-color:#0000000f!important;box-shadow:0 8px 30px #0000000d!important}.glass-panel:hover{border-color:hsla(var(--neon-purple), .25);box-shadow:0 12px 40px 0 hsla(var(--neon-purple), .05)}.glow-text{text-shadow:0 0 12px}.badge-neon{text-transform:uppercase;letter-spacing:1.2px;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:800;transition:all .3s;display:inline-flex}.badge-neon-purple{color:hsl(var(--neon-purple));background:hsla(var(--neon-purple), .08);border-color:hsla(var(--neon-purple), .25);box-shadow:0 0 10px hsla(var(--neon-purple), .15)}.badge-neon-cyan{color:hsl(var(--neon-cyan));background:hsla(var(--neon-cyan), .08);border-color:hsla(var(--neon-cyan), .25);box-shadow:0 0 10px hsla(var(--neon-cyan), .15)}.badge-neon-coral{color:hsl(var(--neon-coral));background:hsla(var(--neon-coral), .08);border-color:hsla(var(--neon-coral), .25);box-shadow:0 0 10px hsla(var(--neon-coral), .15)}.badge-neon-gold{color:hsl(var(--neon-gold));background:hsla(var(--neon-gold), .08);border-color:hsla(var(--neon-gold), .25);box-shadow:0 0 10px hsla(var(--neon-gold), .15)}.glow-btn{background:linear-gradient(135deg, hsl(var(--neon-purple)) 0%, hsl(var(--neon-coral)) 100%);color:#fff;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 15px hsla(var(--neon-purple), .3);border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.glow-btn:hover{box-shadow:0 6px 20px hsla(var(--neon-purple), .5);filter:brightness(1.1);transform:translateY(-2px)}.glow-btn:active{transform:translateY(0)}.glow-btn-cyan{background:linear-gradient(135deg, hsl(var(--neon-cyan)) 0%, hsl(var(--neon-purple)) 100%);box-shadow:0 4px 15px hsla(var(--neon-cyan), .3)}.glow-btn-cyan:hover{box-shadow:0 6px 20px hsla(var(--neon-cyan), .5)}.glow-btn-secondary{color:hsl(var(--text-main));box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1a}.glow-btn-secondary:hover{border-color:hsla(var(--neon-purple), .3);background:#ffffff14;box-shadow:0 4px 15px #0000001a}.visualizer-container{align-items:flex-end;gap:3px;height:40px;padding:0 10px;display:flex}.bar{background:linear-gradient(to top, hsl(var(--neon-purple)), hsl(var(--neon-coral)));border-radius:20px;flex:1;height:4px;transition:height .1s}.bar.animating{animation:1.2s ease-in-out infinite alternate bounce}.bar:nth-child(2){animation-delay:.1s}.bar:nth-child(3){animation-delay:.25s}.bar:nth-child(4){animation-delay:50ms}.bar:nth-child(5){animation-delay:.35s}.bar:nth-child(6){animation-delay:.15s}.bar:nth-child(7){animation-delay:.45s}.bar:nth-child(8){animation-delay:.2s}.bar:nth-child(9){animation-delay:.3s}.bar:nth-child(10){animation-delay:80ms}@keyframes bounce{0%{height:4px}to{height:38px}}.floating-heart{pointer-events:none;z-index:100;font-size:1.5rem;animation:1.8s cubic-bezier(.18,.89,.32,1.28) forwards floatUp;position:absolute;bottom:80px}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}50%{opacity:.9;transform:translateY(-80px)scale(1.2)rotate(15deg)}to{opacity:0;transform:translateY(-220px)scale(.8)rotate(-15deg)}}.chat-message{animation:.3s cubic-bezier(.2,.8,.2,1) forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}#root{border-inline:none!important;width:100%!important;max-width:100%!important;display:block!important}:root{--neon-red:355 100% 50%}@keyframes cyber-shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(0)}}.ai-card-angry{border:2px solid hsl(var(--neon-red))!important;animation:.15s infinite cyber-shake!important;box-shadow:0 0 25px #ff0015cc!important}@keyframes cyber-pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.ai-floating-dot{animation:1.5s ease-in-out infinite cyber-pulse}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mixer-fader{-webkit-appearance:none;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:6px;margin:10px 0;transition:background .3s}.mixer-fader::-webkit-slider-thumb{appearance:none;background:hsl(var(--neon-purple));cursor:pointer;width:14px;height:22px;box-shadow:0 0 8px hsla(var(--neon-purple), .6);border:1px solid #fff;border-radius:4px;transition:background .2s,transform .1s}.mixer-fader::-webkit-slider-thumb:hover{background:hsl(var(--neon-cyan));box-shadow:0 0 10px hsla(var(--neon-cyan), .8);transform:scale(1.1)}.vu-meter-bar{background:#0000004d;border:1px solid #ffffff08;border-radius:4px;gap:2px;width:100%;height:12px;padding:3px;display:flex;overflow:hidden}.vu-segment{border-radius:1px;flex:1;height:100%;transition:background 50ms}.vu-segment.green{background:#00ff6626}.vu-segment.green.active{background:#00ff66f2;box-shadow:0 0 4px #00ff6680}.vu-segment.yellow{background:#ffcc0026}.vu-segment.yellow.active{background:#ffcc00f2;box-shadow:0 0 4px #ffcc0080}.vu-segment.red{background:#ff336626}.vu-segment.red.active{background:#ff3366f2;box-shadow:0 0 4px #ff336680}.prompter-container{background:#020408d9;border:1px solid #ffffff0f;border-radius:12px;height:160px;padding:20px;position:relative;overflow:hidden}.prompter-container:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#020408f2 0%,#0000 100%);height:35px;position:absolute;top:0;left:0;right:0}.prompter-container:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#020408f2 100%);height:35px;position:absolute;bottom:0;left:0;right:0}.prompter-scroll-view{scrollbar-width:none;height:100%;overflow-y:auto}.prompter-scroll-view::-webkit-scrollbar{display:none}.soundboard-btn{cursor:pointer;background:#0b0d1699;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:.72rem;font-weight:700;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #ffffff03}.soundboard-btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff0d,#0000);transition:opacity .3s;position:absolute;inset:0}.soundboard-btn:hover{border-color:hsla(var(--neon-cyan), .35);box-shadow:0 4px 15px hsla(var(--neon-cyan), .15), inset 0 0 8px hsla(var(--neon-cyan), .1);transform:translateY(-2px)}.soundboard-btn:hover:after{opacity:1}.soundboard-btn:active{box-shadow:0 0 5px hsla(var(--neon-cyan), .3);transform:translateY(0)scale(.96)}.soundboard-btn.active-glow{animation:1s infinite alternate pulse-gold;border-color:hsl(var(--neon-gold))!important;box-shadow:0 0 15px hsla(var(--neon-gold), .4), inset 0 0 10px hsla(var(--neon-gold), .2)!important}@keyframes pulse-gold{0%{box-shadow:0 0 12px hsla(var(--neon-gold), .3)}to{box-shadow:0 0 20px hsla(var(--neon-gold), .6)}}.smpte-bars{z-index:20;background:linear-gradient(90deg,#fff 0% 14.28%,#ffea00 14.28% 28.56%,#0ff 28.56% 42.84%,#0f0 42.84% 57.12%,#f0f 57.12% 71.4%,red 71.4% 85.68%,#00f 85.68% 100%);flex-direction:column;justify-content:center;align-items:center;padding:10px;animation:4s infinite screen-glitch;display:flex;position:absolute;inset:0}.smpte-bars:after{content:"";opacity:.9;background:linear-gradient(90deg,#00f 0% 14.28%,#111 14.28% 28.56%,#fff 28.56% 42.84%,#111 42.84% 57.12%,#090909 57.12% 100%);height:25%;position:absolute;bottom:0;left:0;right:0}.smpte-inner-text{color:#0f6;text-transform:uppercase;letter-spacing:1.5px;z-index:25;text-align:center;background:#000000d9;border:1px solid #ffffff26;border-radius:4px;padding:8px 12px;font-family:Courier New,monospace;font-size:.65rem;font-weight:700;animation:1s steps(2,end) infinite txt-blink;box-shadow:0 4px 15px #0009}@keyframes txt-blink{0%,to{border-color:#ffffff26}50%{color:#fff;text-shadow:0 0 5px #0f6;border-color:#0f6}}@keyframes screen-glitch{0%{filter:contrast()}98%{filter:contrast()}99%{filter:contrast(1.3)brightness(1.2)}to{filter:contrast()}}.clapperboard-overlay{z-index:50;pointer-events:none;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;animation:.8s forwards fade-out-clap;display:flex;position:absolute;inset:0}.clapperboard-graphic{background:#111;border:4px solid #fff;border-radius:8px;flex-direction:column;width:140px;height:100px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #fff3}.clapper-top{transform-origin:0 100%;background:repeating-linear-gradient(-45deg,#000,#000 10px,#fff 10px 20px);border-bottom:3px solid #fff;height:30px;animation:.4s ease-out clap-action}.clapper-bottom{color:#fff;letter-spacing:1px;flex:1;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:.7rem;font-weight:900;display:flex}@keyframes clap-action{0%{transform:rotate(-25deg)}30%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes fade-out-clap{0%{opacity:1}75%{opacity:1}to{opacity:0}}.timer-pulse{animation:1s infinite alternate timer-flash}@keyframes timer-flash{0%{box-shadow:0 0 4px #ffbe0033}to{box-shadow:0 0 15px #ffbe0099}}@keyframes ticker-animation{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.journal-card{cursor:pointer;border:1px solid #ffffff0d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.journal-card:hover{border-color:hsla(var(--neon-purple), .35);box-shadow:0 10px 25px #00000080, 0 0 15px hsla(var(--neon-purple), .15);transform:translateY(-4px)scale(1.01)}.light-theme .journal-card:hover{border-color:hsla(var(--neon-purple), .5)!important;box-shadow:0 8px 20px #00000014!important}.journal-cover{border-radius:12px;justify-content:center;align-items:center;height:130px;display:flex;position:relative;overflow:hidden}.journal-cover:before{content:"";z-index:1;background:linear-gradient(#0000 40%,#000c 100%);position:absolute;inset:0}.crt-glitch-screen{background:#090a0f radial-gradient(circle,#1a1e29 0%,#05070e 100%);position:relative;overflow:hidden}.crt-glitch-screen:before{content:" ";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:absolute;inset:0}.analog-noise{opacity:.18;background:repeating-radial-gradient(#000c,#ffffff0d 2px,#000c 4px) 0 0/200px 200px;animation:.15s infinite noise-move;position:absolute;inset:0}@keyframes noise-move{0%{background-position:0 0}to{background-position:50px 50px}}.pulse-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.pulse-dot-green{background:#0f6;animation:1.5s infinite alternate pulse-active;box-shadow:0 0 8px #0f6}.pulse-dot-red{background:#ff1a75;animation:2s infinite alternate pulse-active;box-shadow:0 0 6px #ff1a75}@keyframes pulse-active{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.dock-container{-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:20px;justify-content:center;align-items:center;gap:12px;width:fit-content;height:58px;margin:15px auto;padding:10px 20px;display:flex;box-shadow:0 8px 32px #0000004d,inset 0 0 10px #ffffff03;background:#ffffff0a!important;border:1px solid #ffffff14!important}.dock-item{cursor:pointer;transform-origin:bottom;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),background .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}.dock-item:hover{z-index:10;transform:scale(1.6)translateY(-8px);box-shadow:0 0 20px #00d4ff73;background:hsla(var(--neon-cyan), .25)!important;border-color:hsl(var(--neon-cyan))!important}.light-theme .dock-container{background:#0000000a!important;border-color:#00000014!important}.light-theme .dock-item{background:#0000000d;border-color:#00000014}.light-theme .dock-item:hover{background:hsla(var(--neon-cyan), .2)!important}
