@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary: #4F46E5;--primary-hover: #4338CA;--secondary: #10B981;--bg-page: #F3F4F6;--bg-panel: #FFFFFF;--bg-input: #F9FAFB;--text-main: #111827;--text-muted: #6B7280;--border-light: #E5E7EB;--border-dark: #374151;--chat-sent: #4F46E5;--chat-sent-text: #FFFFFF;--chat-received: #F3F4F6;--chat-received-text: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-neo: 4px 4px 0px 0px var(--text-main);--shadow-neo-hover: 2px 2px 0px 0px var(--text-main)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background-color:var(--bg-page);background-image:radial-gradient(var(--border-light) 1px,transparent 1px);background-size:20px 20px;color:var(--text-main);display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto}#root{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:16px}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.02em}.app-container{background:var(--bg-panel);border:2px solid var(--border-dark);border-radius:24px;box-shadow:var(--shadow-neo);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-primary{background:var(--primary);color:#fff;border:2px solid var(--border-dark);padding:14px 28px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-neo);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-neo-hover);background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:translate(4px,4px);box-shadow:none}.btn-secondary{background:#fff;color:var(--text-main);border:2px solid var(--border-dark);padding:14px 28px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-neo);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn-secondary:hover:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-neo-hover);background:var(--bg-input)}.btn-secondary:active:not(:disabled){transform:translate(4px,4px);box-shadow:none}.btn-icon{background:var(--primary);color:#fff;border:2px solid var(--border-dark);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 0 0 var(--border-dark);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn-icon:hover:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-dark);background:var(--primary-hover)}.btn-icon:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.input-base{width:100%;background:var(--bg-input);border:2px solid var(--border-dark);padding:16px 20px;border-radius:12px;color:var(--text-main);font-size:16px;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;outline:none;transition:all .2s ease;box-shadow:inset 2px 2px #00000005}.input-base:focus{background:#fff;border-color:var(--primary);box-shadow:2px 2px 0 var(--primary);transform:translate(-1px,-1px)}.badge{background:var(--bg-page);border:1.5px solid var(--border-dark);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;box-shadow:1px 1px 0 var(--border-dark)}@keyframes slideUpElastic{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{opacity:1;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-enter{animation:slideUpElastic .6s cubic-bezier(.34,1.56,.64,1) forwards}.chat-bubble{padding:14px 18px;border:2px solid var(--border-dark);max-width:75%;word-break:break-word;font-weight:500;font-size:15px;line-height:1.5;box-shadow:2px 2px 0 var(--border-dark);position:relative}.chat-bubble.sent{background:var(--chat-sent);color:var(--chat-sent-text);border-radius:20px 20px 4px}.chat-bubble.received{background:var(--chat-received);color:var(--chat-received-text);border-radius:20px 20px 20px 4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}input::placeholder{color:var(--text-muted);font-weight:400}.theme-dark{--primary: #A78BFA;--primary-hover: #C4B5FD;--secondary: #34D399;--bg-page: #111827;--bg-panel: #1F2937;--bg-input: #374151;--text-main: #F9FAFB;--text-muted: #9CA3AF;--border-light: #374151;--border-dark: #000000;--chat-sent: #A78BFA;--chat-sent-text: #111827;--chat-received: #374151;--chat-received-text: #F9FAFB;--shadow-neo: 4px 4px 0px 0px #000000;--shadow-neo-hover: 2px 2px 0px 0px #000000}.theme-neon{--primary: #FF00FF;--primary-hover: #D900D9;--secondary: #00FFFF;--bg-page: #0a0a0a;--bg-panel: #141414;--bg-input: #000000;--text-main: #FFFFFF;--text-muted: #A3A3A3;--border-light: #333333;--border-dark: #00FFFF;--chat-sent: #FF00FF;--chat-sent-text: #FFFFFF;--chat-received: #141414;--chat-received-text: #00FFFF;--shadow-neo: 4px 4px 0px 0px #00FFFF;--shadow-neo-hover: 2px 2px 0px 0px #00FFFF}.theme-ocean{--primary: #0284C7;--primary-hover: #0369A1;--secondary: #0D9488;--bg-page: #E0F2FE;--bg-panel: #FFFFFF;--bg-input: #F0F9FF;--text-main: #0C4A6E;--text-muted: #0369A1;--border-light: #BAE6FD;--border-dark: #0284C7;--chat-sent: #0284C7;--chat-sent-text: #FFFFFF;--chat-received: #E0F2FE;--chat-received-text: #0C4A6E;--shadow-neo: 4px 4px 0px 0px #0284C7;--shadow-neo-hover: 2px 2px 0px 0px #0284C7}.chat-room-container{height:85vh}@media(max-width:600px){body{align-items:flex-start}#root{padding:8px;align-items:flex-start}.app-container{width:100%;max-width:100%!important;border-radius:16px;min-height:calc(100dvh - 16px)}.chat-room-container{height:calc(100dvh - 16px)}}