:root{--bg-primary: #07080e;--bg-secondary: #0d0f1a;--bg-tertiary: #131626;--bg-card: rgba(19, 22, 38, .75);--bg-card-hover: rgba(26, 31, 54, .85);--bg-glass: rgba(13, 15, 26, .7);--bg-glass-strong: rgba(10, 12, 22, .88);--neon-cyan: #00f2fe;--neon-blue: #4facfe;--neon-purple: #9d4edd;--neon-magenta: #c77dff;--neon-green: #00f5d4;--neon-amber: #ffb703;--neon-red: #ff4757;--grad-primary: linear-gradient(135deg, #00f2fe 0%, #4facfe 50%, #9d4edd 100%);--grad-purple: linear-gradient(135deg, #9d4edd 0%, #c77dff 100%);--grad-cyan: linear-gradient(135deg, #00f2fe 0%, #00c9ff 100%);--grad-dark: linear-gradient(180deg, #0d0f1a 0%, #07080e 100%);--grad-glow: radial-gradient(circle at 50% 0%, rgba(0, 242, 254, .15), transparent 70%);--border-subtle: rgba(255, 255, 255, .08);--border-glass: rgba(0, 242, 254, .18);--border-glow: rgba(0, 242, 254, .45);--border-purple: rgba(157, 78, 221, .35);--text-primary: #ffffff;--text-secondary: #a0aec0;--text-muted: #64748b;--text-cyan: #00f2fe;--text-purple: #c77dff;--glow-cyan-sm: 0 0 10px rgba(0, 242, 254, .3);--glow-cyan-md: 0 0 20px rgba(0, 242, 254, .45);--glow-purple-sm: 0 0 10px rgba(157, 78, 221, .35);--glow-purple-md: 0 0 22px rgba(157, 78, 221, .5);--shadow-card: 0 8px 32px 0 rgba(0, 0, 0, .5);--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--trans-fast: .18s cubic-bezier(.4, 0, .2, 1);--trans-smooth: .3s cubic-bezier(.4, 0, .2, 1);--trans-spring: .45s cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:radial-gradient(circle at 10% 20%,rgba(0,242,254,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(157,78,221,.06) 0%,transparent 40%),linear-gradient(180deg,#07080e,#0a0c16);background-attachment:fixed;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#07080e99}::-webkit-scrollbar-thumb{background:#00f2fe40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f2fe80;box-shadow:var(--glow-cyan-sm)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:var(--shadow-card)}.glass-panel-subtle{background:#0d0f1a8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle)}.glass-input{background:#0a0c16a6;border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-main);transition:var(--trans-smooth);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:var(--glow-cyan-sm);background:#0d101ed9}.btn-cyber-primary{background:var(--grad-primary);color:#05060a;font-weight:700;letter-spacing:.5px;border:none;border-radius:12px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:var(--trans-smooth);box-shadow:0 4px 15px #00f2fe59;position:relative;overflow:hidden}.btn-cyber-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #00f2fe99;filter:brightness(1.1)}.btn-cyber-primary:active{transform:translateY(0)}.btn-cyber-purple{background:var(--grad-purple);color:#fff;font-weight:600;border:none;border-radius:12px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:var(--trans-smooth);box-shadow:0 4px 15px #9d4edd66}.btn-cyber-purple:hover{transform:translateY(-2px);box-shadow:var(--glow-purple-md)}.btn-cyber-ghost{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-primary);font-weight:500;border-radius:12px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:var(--trans-smooth)}.btn-cyber-ghost:hover{background:#00f2fe1f;border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan-sm)}.btn-cyber-danger{background:#ff475726;border:1px solid rgba(255,71,87,.4);color:#ff6b81;font-weight:600;border-radius:12px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:var(--trans-smooth)}.btn-cyber-danger:hover{background:#ff47574d;box-shadow:0 0 14px #ff475766}.btn-icon{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--trans-fast);font-size:1.25rem}.btn-icon:hover{background:#00f2fe26;color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:var(--glow-cyan-sm);transform:scale(1.05)}.cyber-switch-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.cyber-switch{position:relative;width:48px;height:26px;background:#ffffff1f;border-radius:20px;border:1px solid var(--border-subtle);transition:var(--trans-smooth);display:inline-block;cursor:pointer}.cyber-switch.active{background:var(--grad-primary);border-color:var(--neon-cyan);box-shadow:var(--glow-cyan-sm)}.cyber-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:var(--trans-spring);box-shadow:0 2px 5px #0006}.cyber-switch.active .cyber-switch-thumb{left:24px;background:#05060a;box-shadow:0 0 8px #00f2fecc}.online-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--neon-green);box-shadow:0 0 8px var(--neon-green);display:inline-block;position:relative}.online-indicator:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:1px solid var(--neon-green);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}to{transform:scale(2.2);opacity:0}}.msg-bubble-sent{background:linear-gradient(135deg,#00f2fe2e,#4facfe47);border:1px solid rgba(0,242,254,.4);color:#fff;border-radius:18px 18px 4px;box-shadow:0 4px 18px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.msg-bubble-received{background:#131626d9;border:1px solid var(--border-subtle);color:#f1f5f9;border-radius:18px 18px 18px 4px;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-encrypted{font-size:.68rem;letter-spacing:.5px;font-family:var(--font-mono);background:#00f2fe1f;color:var(--neon-cyan);border:1px solid rgba(0,242,254,.3);padding:2px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:3px}.tag-admin{background:#9d4edd33;border:1px solid rgba(157,78,221,.5);color:#c77dff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #00f2fe33}50%{box-shadow:0 0 20px #00f2fe8c}}.animate-fade{animation:fadeIn .25s ease-out forwards}.animate-slide{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}.waveform-bar{width:3px;border-radius:2px;background:var(--neon-cyan);transition:height .1s ease}@media(max-width:768px){.desktop-only{display:none!important}.chat-layout{height:calc(100vh - 64px)!important}.mobile-full-view{position:fixed;top:0;left:0;right:0;bottom:64px;z-index:40;background:var(--bg-primary)}}@media(min-width:769px){.mobile-only{display:none!important}}