*{margin:0;padding:0;box-sizing:border-box}:root{--cmd-bg: #000000;--cmd-text: #c0c0c0;--cmd-text-bright: #ffffff;--cmd-text-dim: #808080;--cmd-border: #404040;--cmd-accent: #c0c0c0}body{font-family:Consolas,Courier New,monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;background-color:var(--cmd-bg);color:var(--cmd-text);line-height:1.4}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cmd-bg);padding:20px}.home-content{max-width:600px;width:100%}.logo-section{text-align:left;margin-bottom:32px;padding:16px 0;border-bottom:1px solid var(--cmd-border)}.logo-icon{display:none}.logo-text{font-size:24px;font-weight:400;color:var(--cmd-text-bright);margin-bottom:4px;letter-spacing:0}.logo-subtitle{font-size:16px;color:var(--cmd-text-dim);font-weight:400}.actions-section{background:transparent;border:none;padding:0;margin-bottom:32px}.create-room-btn{width:100%;padding:8px 16px;font-size:16px;font-weight:400;font-family:Consolas,Courier New,monospace;background:var(--cmd-bg);color:var(--cmd-text-bright);border:1px solid var(--cmd-text);cursor:pointer;display:flex;align-items:center;gap:8px;transition:none}.create-room-btn:hover:not(:disabled){background:var(--cmd-text);color:var(--cmd-bg)}.create-room-btn:disabled{border-color:var(--cmd-border);color:var(--cmd-text-dim);cursor:not-allowed}.info-section{display:flex;flex-direction:column;gap:0}.info-card{background:transparent;border:none;padding:8px 0;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--cmd-border)}.info-card:last-child{border-bottom:none}.info-icon{display:none}.info-text{display:flex;flex-direction:column;gap:2px}.info-text strong{font-size:16px;font-weight:400;color:var(--cmd-text-bright)}.info-text span{font-size:13px;color:var(--cmd-text-dim)}.join-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cmd-bg);padding:20px}.join-card{background:transparent;border:1px solid var(--cmd-border);padding:24px;max-width:400px;width:100%}.join-card h2{font-size:16px;font-weight:400;margin-bottom:8px;text-align:left;color:var(--cmd-text-bright)}.room-id{font-size:16px;color:var(--cmd-text-dim);text-align:left;margin-bottom:24px;font-family:monospace}.username-input{width:100%;padding:8px 12px;font-size:16px;font-family:Consolas,Courier New,monospace;background:var(--cmd-bg);color:var(--cmd-text-bright);border:1px solid var(--cmd-border);margin-bottom:16px}.username-input:focus{outline:none;border-color:var(--cmd-text)}.username-input::placeholder{color:var(--cmd-text-dim)}.join-btn{width:100%;padding:8px 16px;font-size:16px;font-weight:400;font-family:Consolas,Courier New,monospace;background:var(--cmd-bg);color:var(--cmd-text-bright);border:1px solid var(--cmd-text);cursor:pointer;text-align:left}.join-btn:hover:not(:disabled){background:var(--cmd-text);color:var(--cmd-bg)}.join-btn:disabled{border-color:var(--cmd-border);color:var(--cmd-text-dim);cursor:not-allowed}.join-hint{margin-top:16px;text-align:left;font-size:13px;color:var(--cmd-text-dim);border-top:1px solid var(--cmd-border);padding-top:16px}.chat-container{height:100vh;display:flex;flex-direction:column;background:var(--cmd-bg)}.chat-header{background:var(--cmd-bg);border-bottom:1px solid var(--cmd-border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Consolas,Courier New,monospace}.header-left{display:flex;align-items:center;gap:16px}.back-btn{background:transparent;border:1px solid var(--cmd-text);color:var(--cmd-text-bright);font-size:16px;font-family:Consolas,Courier New,monospace;cursor:pointer;padding:4px 12px}.back-btn:hover{background:var(--cmd-text);color:var(--cmd-bg)}.room-info h2{font-size:16px;font-weight:400;margin-bottom:2px;color:var(--cmd-text-bright)}.user-count{font-size:12px;color:var(--cmd-text-dim)}.share-btn{background:transparent;border:1px solid var(--cmd-text);color:var(--cmd-text-bright);padding:4px 12px;font-size:16px;font-weight:400;font-family:Consolas,Courier New,monospace;cursor:pointer}.share-btn:hover{background:var(--cmd-text);color:var(--cmd-bg)}.chat-main{flex:1;display:flex;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:16px;background:var(--cmd-bg);font-family:Consolas,Courier New,monospace}.empty-state{text-align:left;color:var(--cmd-text-dim);padding:20px 0}.message{margin-bottom:12px;max-width:100%}.message-own{margin-left:0;text-align:left}.message-system{max-width:100%;text-align:left;margin:8px 0}.message-system .message-text{background:transparent;color:var(--cmd-text-dim);font-size:13px;padding:0;border:none}.message-sender{font-size:13px;color:var(--cmd-text-dim);margin-bottom:2px;font-weight:400}.message-text{background:transparent;color:var(--cmd-text);padding:0;border:none;display:block;word-wrap:break-word;text-align:left;line-height:1.4}.message-own .message-text{background:transparent;color:var(--cmd-text-bright);border:none}.message-time{font-size:11px;color:var(--cmd-text-dim);margin-top:2px;font-family:monospace}.sidebar{width:220px;background:var(--cmd-bg);border-left:1px solid var(--cmd-border);padding:16px;overflow-y:auto;font-family:Consolas,Courier New,monospace}.sidebar h3{font-size:13px;font-weight:400;color:var(--cmd-text-bright);margin-bottom:12px;border-bottom:1px solid var(--cmd-border);padding-bottom:8px}.user-list{display:flex;flex-direction:column;gap:0}.user-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--cmd-border)}.user-item:last-child{border-bottom:none}.user-item-self{background:transparent}.user-avatar{display:none}.user-name{font-size:13px;color:var(--cmd-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item-self .user-name{color:var(--cmd-text-bright)}.message-form{background:var(--cmd-bg);border-top:1px solid var(--cmd-border);padding:12px 16px;display:flex;gap:8px}.message-input{flex:1;padding:8px 12px;font-size:16px;font-family:Consolas,Courier New,monospace;border:1px solid var(--cmd-border);background:var(--cmd-bg);color:var(--cmd-text-bright)}.message-input::placeholder{color:var(--cmd-text-dim)}.message-input:focus{outline:none;border-color:var(--cmd-text)}.send-btn{padding:8px 16px;font-size:16px;font-weight:400;font-family:Consolas,Courier New,monospace;background:var(--cmd-bg);color:var(--cmd-text-bright);border:1px solid var(--cmd-text);cursor:pointer}.send-btn:hover:not(:disabled){background:var(--cmd-text);color:var(--cmd-bg)}.send-btn:disabled{border-color:var(--cmd-border);color:var(--cmd-text-dim);cursor:not-allowed}.error-message{background:transparent;color:var(--cmd-text-bright);padding:8px 12px;border:1px solid var(--cmd-border);font-size:13px;margin-top:12px;text-align:left;font-family:Consolas,Courier New,monospace;font-weight:400}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--cmd-bg);color:var(--cmd-text-bright);padding:8px 16px;border:1px solid var(--cmd-text);font-size:13px;font-family:Consolas,Courier New,monospace;font-weight:400;animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.sidebar{display:none}.message{max-width:85%}.logo-text{font-size:36px}.home-content{padding:0 16px}.actions-section{padding:24px}}