:root{--bg: #0B1020;--bg-2: #0f172a;--fg: #E5E7EB;--muted: #cbd5e1;--neon-purp: #8B5CF6;--neon-blue: #3B82F6;--neon-pink: #EC4899;--neon-cyan: #06B6D4;--success: #10B981;--danger: #ef4444}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(60% 60% at 50% 0%,rgba(139,92,246,.18),transparent),conic-gradient(from 210deg at 50% 50%,#0B1020,#111827,#0B1020);color:var(--fg)}.home-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:40px}.brand-section{text-align:center;padding:60px 40px;border-radius:24px;max-width:600px;width:100%;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(236,72,153,.15));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}.brand-title{font-size:4rem;font-weight:800;margin:0 0 10px;background:linear-gradient(90deg,var(--neon-purp),var(--neon-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-subtitle{font-size:1.2rem;opacity:.85;margin:0 0 20px}.brand-description{font-size:1.05rem;opacity:.9;margin-bottom:40px}.start-chat-btn{background:linear-gradient(100deg,var(--neon-purp) 0%,var(--neon-blue) 33%,var(--neon-pink) 66%,var(--neon-cyan) 100%);border:none;padding:18px 50px;font-size:1.15rem;font-weight:700;border-radius:16px;color:#fff;cursor:pointer;transition:all .25s ease;letter-spacing:.5px;position:relative}.start-chat-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.start-chat-btn:disabled{opacity:.6;cursor:not-allowed}.safety-section{padding:32px;border-radius:20px;max-width:800px;width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.safety-section h3{text-align:center;margin-bottom:22px;font-size:1.6rem}.safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.safety-item{display:flex;align-items:center;gap:14px;padding:14px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.06);color:var(--muted)}.safety-emoji{font-size:1.5rem;min-width:30px}.waiting-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.waiting-content{text-align:center;padding:50px;border-radius:24px;max-width:520px;width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.loading-spinner{width:60px;height:60px;border-radius:50%;margin:0 auto 26px;background:conic-gradient(var(--neon-purp),var(--neon-blue),var(--neon-pink),var(--neon-cyan));animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waiting-content h2{font-size:1.8rem;margin-bottom:10px}.waiting-stats{margin-top:18px;opacity:.75}.chat-container{flex:1;display:flex;flex-direction:column;max-height:100vh}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin:14px;border-radius:16px;flex-wrap:wrap;gap:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.chat-status{display:flex;align-items:center;gap:10px}.status-indicator{width:10px;height:10px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wingman-modes{display:flex;gap:8px}.mode-btn{padding:8px 14px;border:none;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:all .2s ease;font-size:.9rem;border:1px solid rgba(255,255,255,.08)}.mode-btn:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}.mode-btn.naughty{background:linear-gradient(100deg,#ff66cc 0%,#a855f7 100%);border:none}.active-wingman{display:flex;align-items:center;gap:12px}.wingman-status{font-weight:700;color:var(--success)}.mode-switcher{display:flex;gap:6px}.mode-switch{padding:6px 10px;border:none;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.08)}.mode-switch.active{background:linear-gradient(100deg,var(--neon-purp),var(--neon-blue));transform:scale(1.06)}.btn{padding:8px 14px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#fff}.btn-neon{background:linear-gradient(100deg,var(--neon-purp),var(--neon-blue),var(--neon-pink),var(--neon-cyan))}.btn-neon:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover{background:rgba(255,255,255,.12)}.next-btn{padding:8px 16px;border:none;border-radius:12px;background:rgba(239,68,68,.9);color:#fff;cursor:pointer;transition:all .2s ease}.next-btn:hover{transform:translateY(-1px)}.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 200px)}.message{display:flex;margin-bottom:6px}.message.me{justify-content:flex-end}.message.partner{justify-content:flex-start}.message.wingman,.message.system{justify-content:center}.message-bubble{max-width:78%;padding:12px 14px;border-radius:16px;position:relative;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.06)}.message-bubble.me{background:linear-gradient(100deg,var(--neon-blue),var(--neon-cyan));color:#fff;border-bottom-right-radius:6px;border:none}.message-bubble.partner{background:rgba(255,255,255,.06);color:#fff;border-bottom-left-radius:6px}.message-bubble.wingman{background:linear-gradient(100deg,var(--neon-purp),var(--neon-pink));color:#fff;border-radius:18px;max-width:84%;text-align:center;box-shadow:0 8px 24px #8b5cf659;border:none}.message-bubble.wingman.naughty{background:linear-gradient(100deg,#ff66cc,#a855f7);animation:pulseGlow 1.8s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 8px 20px #ec489940}to{box-shadow:0 12px 28px #ec489973}}.message-bubble.system{background:rgba(107,114,128,.85);color:#fff;text-align:center;font-style:italic;border-radius:14px}.wingman-icon{font-size:1.1rem;margin-right:6px}.message-text{flex:1}.message-time{font-size:.75rem;opacity:.7;align-self:flex-end}.message-bubble.typing{background:rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.typing-indicator{display:flex;gap:3px}.typing-indicator span{width:6px;height:6px;background:rgba(255,255,255,.6);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.message-input-container{display:flex;gap:10px;padding:14px;margin:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.message-input{flex:1;padding:12px 14px;border:none;border-radius:12px;background:var(--bg-2);color:#e5e7eb;font-size:1rem;outline:none;border:1px solid rgba(255,255,255,.08)}.message-input::placeholder{color:#7b88a1}.send-btn{padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(100deg,var(--neon-purp),var(--neon-blue));color:#fff;cursor:pointer;font-weight:700;transition:all .2s ease}.send-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.neon-border{position:relative;isolation:isolate;background:#0f172a;border-radius:14px}.neon-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:16px;background:linear-gradient(90deg,var(--neon-purp),var(--neon-pink),var(--neon-blue),var(--neon-cyan));filter:blur(6px);animation:hue 6s linear infinite}@keyframes hue{0%{filter:hue-rotate(0) blur(6px)}to{filter:hue-rotate(360deg) blur(6px)}}@media (max-width: 768px){.brand-title{font-size:3rem}.brand-section{padding:40px 20px}.safety-grid{grid-template-columns:1fr}.chat-header{flex-direction:column;align-items:stretch;text-align:center}.chat-controls,.wingman-modes{justify-content:center}.message-bubble{max-width:88%}.message-input-container{margin:10px;padding:12px}.messages-container{max-height:calc(100vh - 300px)}}@media (max-width: 480px){.brand-title{font-size:2.6rem}.start-chat-btn{padding:14px 28px;font-size:1.05rem}.mode-btn{padding:6px 10px;font-size:.82rem}.message-bubble{max-width:92%}}.glass-morphism{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(236,72,153,.15));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}.profile-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 24px}.profile-row select{background:var(--bg-2);color:var(--fg);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px}.sender-label{font-weight:700;opacity:.9;margin-right:6px}.status-indicator.connected{background:var(--success)}.icebreakers-panel{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:14px;padding:12px;margin:12px 14px}.icebreakers-panel .panel-header{font-weight:700;margin-bottom:8px}.icebreakers-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.icebreaker-btn{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--fg);cursor:pointer}.icebreaker-btn:hover{background:rgba(255,255,255,.1)}.message.other{justify-content:flex-start}.message-bubble.other{background:rgba(255,255,255,.06);color:#fff;border-bottom-left-radius:6px;border:1px solid rgba(255,255,255,.06)}.wingman-modes .mode-btn{min-width:90px}.mode-switcher .mode-switch{min-width:42px}@media (max-width: 768px){.icebreakers-panel{margin:10px}.profile-row{flex-wrap:wrap}}.advisory-banner{margin:0 14px 10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.95rem;color:var(--muted)}.advisory-banner .badge{background:linear-gradient(100deg,var(--neon-purp),var(--neon-blue));color:#fff;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.8rem}.advisory-actions{margin-left:auto;display:flex;gap:8px}.advisory-actions .mini-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 10px;border-radius:10px;cursor:pointer;font-size:.85rem}.advisory-actions .mini-btn:hover{background:rgba(255,255,255,.12)}@media (max-width: 768px){.advisory-banner{font-size:.9rem;gap:8px}.advisory-actions{width:100%;justify-content:center;margin-left:0}}.messages-container{position:relative}.chat-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#ffffff0f;font-weight:900;font-size:clamp(2rem,10vw,6rem);letter-spacing:.2rem;text-transform:uppercase;-webkit-user-select:none;user-select:none;z-index:0}.messages-container .message{position:relative;z-index:1}.group-id-sticky{margin:10px 14px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center}.group-id-info{font-size:.9rem}.simple-advisory{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#ffffff1a;border-radius:8px;margin:10px 0;font-size:14px}.close-advisory{background:rgba(255,255,255,.3);border:none;border-radius:50%;width:24px;height:24px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:10px}