@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:#0d0e14;font-family:Inter,sans-serif;color:#e6e8f0}.center-msg{height:100%;display:flex;align-items:center;justify-content:center;color:#8a8fa3}.auth-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;background:radial-gradient(circle at 30% 20%,#1b1e2b,#0d0e14 65%);text-align:center}.auth-screen h1{font-family:Space Grotesk,sans-serif;font-size:28px;margin:0;background:linear-gradient(90deg,#8e7cff,#5ec8d8);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-screen .sub{color:#8a8fa3;font-size:14px;margin:0}.auth-screen form{display:flex;flex-direction:column;gap:10px;width:280px}.auth-screen input{padding:12px 16px;border-radius:12px;border:1px solid #2A2E3D;background:#171923;color:#e6e8f0;font-size:15px;outline:none}.auth-screen input:focus{border-color:#8e7cff}.auth-screen button{padding:12px 16px;border-radius:12px;border:none;background:linear-gradient(90deg,#8e7cff,#6c5ce7);color:#fff;font-weight:600;font-size:15px;cursor:pointer}.auth-screen button:disabled{opacity:.5;cursor:not-allowed}.auth-screen .switch{background:none;color:#8a8fa3;font-size:13px;font-weight:400;text-decoration:underline}.auth-screen .error{color:#ff8a65;font-size:13px}.auth-screen .info{color:#6fcf97;font-size:13px}.avatar-picker{cursor:pointer;width:84px;height:84px}.avatar-picker img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid #2A2E3D}.avatar-placeholder{width:84px;height:84px;border-radius:50%;background:#171923;border:2px dashed #2A2E3D;display:flex;align-items:center;justify-content:center;font-size:28px;color:#6b7280}.room{height:100vh;display:flex;flex-direction:column}.header{padding:14px 20px;border-bottom:1px solid #1C1F2B;display:flex;align-items:center;justify-content:space-between}.who{display:flex;align-items:center;gap:10px}.header h2{font-family:Space Grotesk,sans-serif;font-size:16px;margin:0}.header .sub{font-size:11.5px;color:#6b7280}.mini-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.mini-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:#6c5ce7;color:#fff;font-weight:600;font-size:14px}.logout{background:none;border:1px solid #2A2E3D;color:#8a8fa3;font-size:11.5px;padding:6px 12px;border-radius:8px;cursor:pointer}.logout:hover{border-color:#ff8a65;color:#ff8a65}.scroll{flex:1;overflow-y:auto;padding:18px 20px 6px}.empty{color:#6b7280;font-size:13.5px;text-align:center;margin-top:40px}.row{display:flex;align-items:flex-end;gap:8px;margin-bottom:12px}.row.mine{justify-content:flex-end}.msg-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.msg-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:#2a2e3d;color:#e6e8f0;font-size:12px;font-weight:600}.bubble-wrap{max-width:70%;display:flex;flex-direction:column}.row.mine .bubble-wrap{align-items:flex-end}.name-tag{font-size:12px;font-weight:600;margin-bottom:3px;padding:0 4px;color:#8e7cff}.bubble{padding:9px 14px;border-radius:16px;font-size:14.5px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.row:not(.mine) .bubble{background:#1c1f2b;border-bottom-left-radius:4px}.row.mine .bubble{background:linear-gradient(135deg,#6c5ce7,#8e7cff);color:#fff;border-bottom-right-radius:4px}.stamp{font-size:10.5px;color:#6b7280;margin-top:3px;padding:0 4px}.composer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid #1C1F2B}.composer textarea{flex:1;resize:none;border-radius:14px;border:1px solid #2A2E3D;background:#171923;color:#e6e8f0;padding:11px 14px;font-size:14.5px;font-family:inherit;outline:none;max-height:90px}.composer textarea:focus{border-color:#8e7cff}.composer button{border:none;border-radius:14px;padding:0 18px;background:linear-gradient(135deg,#6c5ce7,#8e7cff);color:#fff;font-weight:600;font-size:14px;cursor:pointer}.composer button:disabled{opacity:.35;cursor:not-allowed}