:root{--color-bg-base:#050a05;--color-primary-green:#0f6;--color-accent-gold:#b8860b;--color-gold-hover:#daa520;--color-text-main:#fff;--color-text-muted:#aaa;--glass-bg:#050f058c;--glass-border:#00ff6638;--accent-primary:#0f6;--accent-secondary:#daa520}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Roboto,system-ui,sans-serif}html,body,#root{width:100%;height:100%}body{color:var(--color-text-main);background:#02080a;min-height:100vh;overflow:hidden}.bg-stage{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 35%,#000000b3 100%);position:fixed;inset:0}.scanlines{pointer-events:none;z-index:2;mix-blend-mode:multiply;background-image:repeating-linear-gradient(#0000 0 2px,#0000002e 2px 3px);position:fixed;inset:0}.app-container{z-index:10;justify-content:center;align-items:center;width:100%;height:100vh;padding:5%;display:flex;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--glass-border);border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:440px;padding:40px 36px 28px;transition:transform .3s,box-shadow .4s,border-color .4s;display:flex;position:relative;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0f}.glass-panel.glass-glow{box-shadow:0 8px 32px #00000080,0 0 60px #00ff661f,0 0 120px #daa52012,inset 0 1px #ffffff0f}.glass-panel:hover{border-color:#daa52073}.glass-panel:hover.glass-glow{box-shadow:0 8px 32px #0000008c,0 0 80px #00ff662e,0 0 140px #daa5201f,inset 0 1px #ffffff14}.panel-corners .c{border:1.5px solid var(--accent-primary);width:14px;height:14px;filter:drop-shadow(0 0 6px var(--accent-primary));opacity:.85;position:absolute}.panel-corners .c-tl{border-bottom:none;border-right:none;border-top-left-radius:4px;top:-1px;left:-1px}.panel-corners .c-tr{border-bottom:none;border-left:none;border-color:var(--accent-secondary);filter:drop-shadow(0 0 6px var(--accent-secondary));border-top-right-radius:4px;top:-1px;right:-1px}.panel-corners .c-bl{border-top:none;border-right:none;border-color:var(--accent-secondary);filter:drop-shadow(0 0 6px var(--accent-secondary));border-bottom-left-radius:4px;bottom:-1px;left:-1px}.panel-corners .c-br{border-top:none;border-left:none;border-bottom-right-radius:4px;bottom:-1px;right:-1px}.panel-tag{letter-spacing:1.5px;color:#00ff66d9;text-transform:uppercase;align-items:center;gap:8px;font-family:JetBrains Mono,Menlo,monospace;font-size:10.5px;display:flex}.tag-dot{background:var(--color-primary-green);width:7px;height:7px;box-shadow:0 0 8px var(--color-primary-green);border-radius:50%;animation:1.6s ease-in-out infinite pulse}.tag-spacer{background:linear-gradient(90deg,#00ff664d,#daa5204d);flex:1;height:1px}.tag-id{color:var(--color-gold-hover)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}h1{text-align:left;color:var(--color-text-main);letter-spacing:-.5px;margin-top:4px;font-size:2.1rem;font-weight:700}.panel-sub{color:var(--color-text-muted);margin-top:-10px;margin-bottom:6px;font-size:.88rem}.form-error{color:#f55;text-align:center;background:#ff505014;border:1px solid #ff50504d;border-radius:6px;padding:10px;font-size:.85rem}.form-success{color:var(--color-primary-green);text-align:center;background:#00ff6614;border:1px solid #0f66;border-radius:6px;padding:10px;font-size:.85rem}.login-form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--color-accent-gold);letter-spacing:1.5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.input-wrap{align-items:center;display:flex;position:relative}.input-prefix{color:#daa52099;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:14px;position:absolute;left:14px}input{width:100%;color:var(--color-text-main);background:#00080499;border:1px solid #daa5204d;border-radius:8px;outline:none;padding:13px 14px 13px 34px;font-family:JetBrains Mono,monospace;font-size:.95rem;transition:all .25s}input::placeholder{color:#aaaaaa73}input:focus{border-color:var(--color-primary-green);background:#000c06b3;box-shadow:0 0 0 3px #00ff661f,inset 0 0 12px #00ff660f}input:focus+.input-prefix,.input-wrap:focus-within .input-prefix{color:var(--color-primary-green)}button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#b8860b 0%,#8a6408 100%);border:1px solid #daa52099;border-radius:8px;width:100%;margin-top:6px;padding:14px;font-size:.95rem;font-weight:700;transition:all .25s;position:relative;overflow:hidden}button:before{content:"";background:linear-gradient(90deg,#0000,#fff5c840,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}button:hover:before{left:100%}button:hover{background:linear-gradient(135deg, var(--color-gold-hover) 0%, var(--color-accent-gold) 100%);border-color:#daa520e6;transform:translateY(-1px);box-shadow:0 6px 18px #daa52059,0 0 30px #daa52033}button:active{transform:translateY(0)}button:disabled{cursor:wait;opacity:.85}.btn-busy{justify-content:center;align-items:center;gap:5px;display:inline-flex}.btn-busy .dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:.8s ease-in-out infinite bounce}.btn-busy .dot:nth-child(2){animation-delay:.15s}.btn-busy .dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.panel-footer{color:#aaaaaa8c;letter-spacing:1px;border-top:1px solid #00ff661a;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding-top:16px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.panel-footer a{color:#daa520bf;text-decoration:none;transition:color .2s}.panel-footer a:hover{color:var(--color-gold-hover);text-shadow:0 0 8px #daa52080}.footer-sep{opacity:.4}.fade-enter-active{animation:.6s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-header{-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--glass-border);z-index:500;background:#0208058c;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 28px;display:flex;position:fixed;top:0;left:0}.app-header:after{content:"";background:linear-gradient(90deg,#0000,#00ff6680,#daa5204d,#0000);width:100%;height:1px;position:absolute;bottom:-1px;left:0}.logo-container{align-items:center;gap:14px;display:flex}.logo-image{object-fit:contain;filter:drop-shadow(0 0 10px #00ff6659);width:auto;height:40px}.company-name{color:var(--color-text-main);letter-spacing:.5px;font-size:1rem;font-weight:600}.social-link{background:#da860b14;border:1px solid #da860b4d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.social-link:hover{background:#da860b2e;transform:translateY(-1px);box-shadow:0 0 16px #da860b66}.social-link svg{width:18px;height:18px;fill:var(--color-accent-gold)}.social-link:hover svg{fill:var(--color-gold-hover)}.hud-corner{z-index:50;letter-spacing:1.2px;color:#00ff6680;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;font-size:10.5px;position:fixed}.hud-tl{top:80px;left:28px}.hud-br{text-align:right;bottom:24px;right:28px}.hud-line{padding:2px 0}.hud-line:first-child{color:#daa520a6}@media (width<=640px){.glass-panel{padding:30px 22px 22px}h1{font-size:1.7rem}.app-header{padding:0 16px}.company-name{font-size:.85rem}.hud-tl,.hud-br{display:none}}.chat-container{z-index:10;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-top:84px;padding-bottom:8vh;display:flex;position:relative}.chat-messages{flex-direction:column;flex:1;justify-content:flex-end;gap:14px;width:100%;max-width:800px;margin-bottom:24px;padding:16px 8px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 14%);mask-image:linear-gradient(#0000 0%,#000 14%)}.fake-msg{letter-spacing:.2px;color:#ffffffc7;opacity:0;align-items:flex-start;gap:10px;font-family:JetBrains Mono,Menlo,monospace;font-size:13.5px;line-height:1.55;animation:.6s forwards msgIn;display:flex}.fake-msg.user{color:#ffffffeb;justify-content:flex-end}.fake-msg.user .bubble{color:#fff;background:#daa5201a;border:1px solid #daa52059}.fake-msg .tag{letter-spacing:1.5px;color:var(--color-primary-green);text-transform:uppercase;background:#00ff6614;border:1px solid #00ff664d;border-radius:4px;margin-top:2px;padding:2px 6px;font-size:10px}.fake-msg .bubble{background:#00ff660f;border:1px solid #00ff6638;border-radius:12px;max-width:70%;padding:10px 14px}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-input-wrapper{isolation:isolate;align-items:center;width:90%;max-width:800px;display:flex;position:relative}.chat-input-wrapper>input{width:100%;color:var(--color-text-main);z-index:2;background:#050f05c7;border:1px solid #00ff668c;border-radius:36px;outline:none;padding:18px 70px 18px 56px;font-family:JetBrains Mono,monospace;font-size:.98rem;transition:border-color .3s,box-shadow .4s,background .3s;position:relative;box-shadow:0 0 20px #00ff6614,inset 0 0 0 1px #0006}.chat-input-wrapper>input::placeholder{color:#aaaaaa8c}.chat-input-wrapper.is-focus>input{background:#000c06d1;border-color:#00ff66f2;box-shadow:0 0 0 3px #00ff661a,0 0 24px #00ff662e,inset 0 0 0 1px #0006}.chat-input-wrapper>button.send{background:var(--color-primary-green);cursor:pointer;z-index:3;letter-spacing:0;text-transform:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0;padding:0;transition:background .2s,box-shadow .3s,transform .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.chat-input-wrapper>button.send:before{display:none}.chat-input-wrapper>button.send svg{fill:#021006;width:22px;height:22px;transition:transform .25s}.chat-input-wrapper>button.send:hover{background:#00e65c;box-shadow:0 0 18px #00ff668c}.chat-input-wrapper>button.send:hover svg{transform:translate(2px)}.chat-input-wrapper>button.send.is-sending{animation:.7s sendPulse}@keyframes sendPulse{0%{transform:translateY(-50%)scale(1);box-shadow:0 0 #0f69}60%{transform:translateY(-50%)scale(1.08);box-shadow:0 0 0 18px #0f60}to{transform:translateY(-50%)scale(1)}}.chat-prefix{z-index:3;color:#daa520bf;text-shadow:0 0 10px #daa52066;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:16px;transition:color .25s,text-shadow .25s;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.chat-input-wrapper.is-focus .chat-prefix{color:var(--color-primary-green);text-shadow:0 0 10px #00ff668c}.chat-meta{letter-spacing:1.3px;color:#aaaaaa8c;text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:14px;width:90%;max-width:800px;margin-top:10px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.chat-meta .left,.chat-meta .right{align-items:center;gap:12px;display:flex}.chat-meta .sep{opacity:.4}.chat-meta .live{color:var(--color-primary-green);align-items:center;gap:6px;display:inline-flex}.chat-meta .live i{background:var(--color-primary-green);width:6px;height:6px;box-shadow:0 0 6px var(--color-primary-green);border-radius:50%;animation:1.6s ease-in-out infinite pulse}.chat-meta .count{color:#daa520b3;font-variant-numeric:tabular-nums}body.has-hud .chat-meta .right .sep,body.has-hud .chat-meta .right .enter-hint{display:none}body.has-hud .hud-br{bottom:96px}.cm-aura{pointer-events:none;z-index:1;filter:blur(18px);opacity:.55;background:radial-gradient(60% 80% at 30%,#00ff662e,#0000 70%),radial-gradient(60% 80% at 70%,#daa52021,#0000 70%);border-radius:60px;animation:5.5s ease-in-out infinite breathe;position:absolute;inset:-22px -28px}.chat-input-wrapper.is-focus .cm-aura{opacity:.95}@keyframes breathe{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.75;transform:scale(1.04)}}.cm-corner{border:1.5px solid var(--color-primary-green);width:14px;height:14px;filter:drop-shadow(0 0 5px var(--color-primary-green));opacity:0;z-index:4;pointer-events:none;transition:opacity .4s,transform .4s;position:absolute}.cm-corner.tl{border-bottom:none;border-right:none;border-top-left-radius:4px;top:-6px;left:-6px}.cm-corner.tr{border-bottom:none;border-left:none;border-color:var(--color-accent-gold);filter:drop-shadow(0 0 5px var(--color-accent-gold));border-top-right-radius:4px;top:-6px;right:-6px}.cm-corner.bl{border-top:none;border-right:none;border-color:var(--color-accent-gold);filter:drop-shadow(0 0 5px var(--color-accent-gold));border-bottom-left-radius:4px;bottom:-6px;left:-6px}.cm-corner.br{border-top:none;border-left:none;border-bottom-right-radius:4px;bottom:-6px;right:-6px}.chat-input-wrapper.is-focus .cm-corner{opacity:.9}.chat-input-wrapper.is-focus .cm-corner.tl{transform:translate(-3px,-3px)}.chat-input-wrapper.is-focus .cm-corner.tr{transform:translate(3px,-3px)}.chat-input-wrapper.is-focus .cm-corner.bl{transform:translate(-3px,3px)}.chat-input-wrapper.is-focus .cm-corner.br{transform:translate(3px,3px)}.cm-eq{pointer-events:none;z-index:1;opacity:0;align-items:flex-end;gap:3px;height:24px;transition:opacity .35s;display:flex;position:absolute;bottom:6px;left:56px;right:64px}.chat-input-wrapper.is-focus .cm-eq{opacity:.55}.cm-eq i{transform-origin:bottom;background:linear-gradient(#00ff66d9,#0f60);border-radius:2px 2px 0 0;flex:1;animation:1.1s ease-in-out infinite eqBar}.cm-eq i:nth-child(3n){background:linear-gradient(#daa520d9,#daa52000)}@keyframes eqBar{0%,to{transform:scaleY(.18)}50%{transform:scaleY(1)}}.cm-ghost{color:#aaaaaa8c;pointer-events:none;z-index:3;white-space:nowrap;max-width:calc(100% - 130px);font-family:JetBrains Mono,monospace;font-size:.98rem;position:absolute;top:50%;left:56px;overflow:hidden;transform:translateY(-50%)}.cm-ghost .caret{background:var(--color-primary-green);vertical-align:-2px;width:8px;height:1.05em;box-shadow:0 0 6px var(--color-primary-green);margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.cm-border-scan{pointer-events:none;z-index:4;background:conic-gradient(from var(--scan-angle,0deg), transparent 0deg, #0f69 12deg, #daa5208c 24deg, transparent 36deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;border-radius:36px;padding:1.5px;transition:opacity .4s;animation:4s linear infinite scanSweep;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chat-input-wrapper.is-focus .cm-border-scan{opacity:1}@property --scan-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes scanSweep{to{--scan-angle:360deg}}.cm-hud{letter-spacing:1.4px;color:#00ff66b3;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5;opacity:0;align-items:center;gap:10px;height:22px;font-family:JetBrains Mono,monospace;font-size:10.5px;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:calc(100% + 10px);left:12px;right:12px;transform:translateY(6px)}.chat-input-wrapper.mode-hologram .cm-hud{opacity:1;transform:translateY(0)}.cm-hud .id{color:#daa520d9}.cm-hud .bar{flex:1;align-items:center;gap:2px;height:100%;display:flex}.cm-hud .bar i{transform-origin:bottom;background:#00ff662e;border-radius:1px;flex:1;height:70%;animation:1.6s ease-in-out infinite hudBar}.cm-hud .bar i:nth-child(4n){background:#daa52040}@keyframes hudBar{0%,to{opacity:.55;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.cm-hud b{color:#fff;font-weight:600}.cm-trace{pointer-events:none;z-index:1;opacity:0;border-radius:36px;transition:opacity .35s;position:absolute;inset:0;overflow:hidden}.chat-input-wrapper.mode-hologram .cm-trace{opacity:1}.cm-trace svg{width:100%;height:100%;display:block}.cm-trace rect.trace{fill:none;stroke:url(#cmTraceGrad);stroke-width:1.4px;stroke-dasharray:180 1800;filter:drop-shadow(0 0 4px #0f69);animation:4.5s linear infinite traceRun}@keyframes traceRun{to{stroke-dashoffset:-1980px}}.chat-input-wrapper.mode-hologram.is-launch>input{animation:.7s launchFlash}@keyframes launchFlash{0%{background:#000c06d1}40%{background:#002812f2;box-shadow:0 0 0 4px #00ff6640,0 0 40px #00ff6659}to{background:#050f05c7}}.cm-particles{pointer-events:none;z-index:0;position:absolute;inset:-10px 0;overflow:visible}.cm-particles i{background:var(--color-primary-green);width:3px;height:3px;box-shadow:0 0 6px var(--color-primary-green);opacity:0;border-radius:50%;animation:4.5s linear infinite drift;position:absolute;bottom:18px}.cm-particles i:nth-child(7n){background:var(--color-accent-gold);box-shadow:0 0 6px var(--color-accent-gold);width:2px;height:2px}@keyframes drift{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:.9}to{transform:translate(var(--dx,0), -90px) scale(1);opacity:0}}.cm-burst{pointer-events:none;z-index:4;width:0;height:0;position:absolute;top:50%;right:30px}.cm-burst i{background:var(--color-primary-green);width:4px;height:4px;box-shadow:0 0 8px var(--color-primary-green);border-radius:50%;animation:.8s ease-out forwards burst;position:absolute;transform:translate(-50%,-50%)}.cm-burst i:nth-child(odd){background:var(--color-accent-gold);box-shadow:0 0 8px var(--color-accent-gold)}@keyframes burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{transform:translate(calc(-50% + var(--bx)), calc(-50% + var(--by))) scale(0);opacity:0}}.chat-input-wrapper:not(.mode-aura) .cm-aura,.chat-input-wrapper:not(.mode-aura) .cm-corner,.chat-input-wrapper:not(.mode-aura) .cm-eq,.chat-input-wrapper:not(.mode-command) .cm-ghost,.chat-input-wrapper:not(.mode-command) .cm-border-scan,.chat-input-wrapper:not(.mode-hologram) .cm-hud,.chat-input-wrapper:not(.mode-hologram) .cm-trace,.chat-input-wrapper:not(.mode-particle) .cm-particles{display:none}.chat-chips{flex-wrap:wrap;justify-content:center;gap:8px;width:90%;max-width:800px;margin-bottom:14px;display:flex}.chat-chip{letter-spacing:1.1px;text-transform:uppercase;color:#00ff66d9;cursor:pointer;background:#00ff660d;border:1px solid #00ff6640;border-radius:999px;align-items:center;gap:6px;width:auto;margin:0;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex;overflow:visible}.chat-chip:before{content:none!important}.chat-chip:hover{background:#00ff661f;border-color:#00ff668c;transform:translateY(-1px);box-shadow:0 0 12px #00ff6640}.chat-chip .dot{background:var(--color-accent-gold);width:5px;height:5px;box-shadow:0 0 5px var(--color-accent-gold);border-radius:50%}@media (width<=640px){.chat-input-wrapper>input{padding:16px 60px 16px 46px;font-size:.9rem}.chat-prefix{font-size:14px;left:18px}.cm-ghost{font-size:.9rem;left:46px}.chat-input-wrapper>button.send{width:40px;height:40px}}