:root{--text-glow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 15px #0ff;--scifi-blue: #00bfff;--scifi-dark: #0a1929}body{background-color:var(--scifi-dark);color:#fff;font-family:Courier New,monospace;margin:0;padding:0}main[data-astro-cid-mua4szuy]{width:100%;max-width:100%;padding:2rem 0;margin:0 auto;min-height:calc(100vh - 200px);background-image:url(/sci-fi-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}main[data-astro-cid-mua4szuy]:before{content:"";position:absolute;inset:0;background:#0a1929cc;z-index:0}.chatroom-container[data-astro-cid-mua4szuy]{width:80%;max-width:1000px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 250px;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "chat users" "input input";gap:1rem;background:#0a1929d9;padding:1.5rem;border-radius:8px;border:1px solid var(--scifi-blue);box-shadow:0 0 20px #00bfff4d;min-height:70vh}h1[data-astro-cid-mua4szuy]{grid-area:header;color:var(--scifi-blue);text-shadow:var(--text-glow);text-align:center;font-size:2rem;margin-top:0;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--scifi-blue);padding-bottom:1rem}.chat-area[data-astro-cid-mua4szuy]{grid-area:chat;height:400px;overflow-y:auto;padding:1rem;background:#00142880;border:1px solid var(--scifi-blue);border-radius:5px;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 0 10px #00bfff1a inset}.input-area[data-astro-cid-mua4szuy]{grid-area:input;display:grid;grid-template-columns:150px 1fr auto;gap:.5rem;margin-top:1rem}.username-input[data-astro-cid-mua4szuy]{background:#001932b3;border:1px solid var(--scifi-blue);color:#fff;padding:.75rem;font-family:Courier New,monospace;border-radius:5px;outline:none}.message-input[data-astro-cid-mua4szuy]{background:#001932b3;border:1px solid var(--scifi-blue);color:#fff;padding:.75rem;font-family:Courier New,monospace;resize:none;height:40px;border-radius:5px;outline:none}.username-input[data-astro-cid-mua4szuy]:focus,.message-input[data-astro-cid-mua4szuy]:focus{box-shadow:0 0 10px var(--scifi-blue);border-color:#0ef}.send-button[data-astro-cid-mua4szuy]{background:linear-gradient(to right,#00528c,#07c);color:#fff;border:none;cursor:pointer;padding:0 1.5rem;font-family:Courier New,monospace;border-radius:5px;border:1px solid var(--scifi-blue);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.send-button[data-astro-cid-mua4szuy]:hover{background:linear-gradient(to right,#07c,#00528c);box-shadow:0 0 15px #00bfff80}.chat-message[data-astro-cid-mua4szuy]{padding:.75rem;background:#0028504d;border-radius:5px;border-left:3px solid var(--scifi-blue);animation:fadeIn .3s ease}.chat-message[data-astro-cid-mua4szuy].own-message{background:#003c6466;border-left:3px solid #00eeff;border-right:3px solid #00eeff}.system-message[data-astro-cid-mua4szuy]{padding:.5rem;background:#50280033;border-radius:5px;border-left:3px solid #ff9500;font-style:italic;animation:fadeIn .3s ease}.timestamp[data-astro-cid-mua4szuy]{display:block;color:#aaa;font-size:.8rem;margin-bottom:.25rem}.message[data-astro-cid-mua4szuy]{color:#fff;font-size:1rem;line-height:1.4;word-break:break-word}.online-users[data-astro-cid-mua4szuy]{grid-area:users;padding:1rem;background:#00142880;border:1px solid var(--scifi-blue);border-radius:5px;box-shadow:0 0 10px #00bfff1a inset}.online-users[data-astro-cid-mua4szuy] h3[data-astro-cid-mua4szuy]{margin-top:0;color:var(--scifi-blue);font-size:1.2rem;text-align:center;padding-bottom:.5rem;border-bottom:1px solid rgba(0,191,255,.3)}#users-list[data-astro-cid-mua4szuy]{list-style:none;padding:0;margin:0}.user[data-astro-cid-mua4szuy]{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.user[data-astro-cid-mua4szuy].current-user{background:#00bfff1a;border-radius:4px;padding:.5rem;margin-bottom:.5rem;border-left:3px solid var(--scifi-blue)}.user[data-astro-cid-mua4szuy].current-user .user-name[data-astro-cid-mua4szuy]{color:var(--scifi-blue);font-weight:700}.user-status[data-astro-cid-mua4szuy]{width:10px;height:10px;border-radius:50%;background:gray}.user-status[data-astro-cid-mua4szuy].online{background:#0f0;box-shadow:0 0 5px #0f0}.user-name[data-astro-cid-mua4szuy]{color:#ddd}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chatroom-container[data-astro-cid-mua4szuy]{width:95%;grid-template-columns:1fr;grid-template-areas:"header" "chat" "users" "input"}.chat-area[data-astro-cid-mua4szuy]{height:300px}.input-area[data-astro-cid-mua4szuy]{grid-template-columns:1fr auto}.username-input[data-astro-cid-mua4szuy]{grid-column:1 / -1}.online-users[data-astro-cid-mua4szuy]{max-height:150px;overflow-y:auto}}