*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:#16213e;border-right:1px solid #0f3460;display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid #0f3460;flex-shrink:0}.sidebar-header h1{font-size:18px;color:#e94560;margin-bottom:8px}.user-info{font-size:12px;color:#888}.room-list{flex:2;min-height:120px;overflow-y:auto;padding:8px}.room-item{padding:12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:background .2s}.room-item:hover{background:#0f3460}.room-item.active{background:#e94560}.room-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.room-item-title{font-weight:500;flex:1}.room-delete-btn{background:transparent;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;opacity:0;transition:opacity .2s,color .2s}.room-item:hover .room-delete-btn{opacity:1}.room-delete-btn:hover{color:#e94560}.not-joined-badge{color:#888;font-style:italic}.available-rooms{padding:8px 16px;border-top:1px solid #0f3460;flex:1;min-height:80px;max-height:200px;overflow-y:auto}.available-rooms h3{font-size:14px;margin-bottom:8px;color:#888}.room-item.available{opacity:.7}.room-item.available:hover{opacity:1;background:#0f3460}.room-item-meta{font-size:11px;opacity:.7}.room-item-id{font-size:10px;color:#667;margin-top:2px;font-family:monospace}.agent-list{padding:8px 16px;border-top:1px solid #0f3460;max-height:120px;overflow-y:auto;flex-shrink:0}.agent-list h3{font-size:14px;margin-bottom:8px;color:#888}.agent-item{font-size:12px;padding:8px;background:#0f3460;border-radius:4px;margin-bottom:4px;word-break:break-all}.claim-section{padding:12px 16px;border-top:1px solid #0f3460;flex-shrink:0}.claim-section h3{font-size:11px;color:#89a;margin-bottom:6px}.claim-input{width:100%;padding:6px 8px;margin-bottom:4px;background:#0f3460;border:1px solid #1a3a5c;border-radius:4px;color:#eee;font-size:12px}.claim-input::placeholder{color:#667}.claim-btn{width:100%;padding:6px;background:#16213e;color:#0bf;border:1px solid #0bf;border-radius:4px;cursor:pointer;font-size:12px}.claim-btn:hover{background:#1a3a5c}.claim-status{margin-top:4px;font-size:11px;color:#0bf;padding:4px 8px;background:#0a2a4a;border-radius:4px}.claim-status.error{color:#f66;background:#3a1a1a}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.chat-header{padding:16px;border-bottom:1px solid #0f3460;background:#16213e}.chat-header h2{font-size:16px}.messages{flex:1;overflow-y:auto;padding:16px;min-height:0}.message{margin-bottom:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-sender{font-weight:600;font-size:14px}.message-sender.human{color:#4ade80}.message-sender.agent{color:#60a5fa}.message-sender.system{color:#a78bfa}.message-time{font-size:11px;color:#666}.message-body{padding-left:0;font-size:14px;line-height:1.5;color:#ddd;white-space:pre-line;word-break:break-word}.input-area{padding:16px;border-top:1px solid #0f3460;background:#16213e}.input-form{display:flex;gap:8px}.input-form input{flex:1;padding:12px 16px;border:1px solid #0f3460;border-radius:8px;background:#1a1a2e;color:#eee;font-size:14px}.input-form input:focus{outline:none;border-color:#e94560}.input-form button{padding:12px 24px;background:#e94560;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.input-form button:hover{background:#d63050}.input-form button:disabled{background:#666;cursor:not-allowed}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:32px}.welcome-screen h2{margin-bottom:16px;color:#e94560}.welcome-screen p{color:#888;margin-bottom:24px}.welcome-screen button{padding:16px 32px;background:#e94560;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer}.welcome-screen button:hover{background:#d63050}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#888}.error{color:#e94560;padding:16px}.welcome-input{width:280px;max-width:100%;padding:12px 14px;margin-bottom:12px;background:#1a1a2e;border:1px solid #333;border-radius:6px;color:#eee;font-size:15px}.welcome-input:focus{outline:none;border-color:#e94560}.login-tabs{display:flex;gap:4px;margin:16px 0;background:#1a1a2e;padding:4px;border-radius:8px}.welcome-screen .login-tab{padding:8px 16px;background:transparent;color:#888;font-size:14px;border-radius:6px;transition:background .15s,color .15s}.welcome-screen .login-tab:hover{background:#16213e;color:#ccc}.welcome-screen .login-tab.active{background:#e94560;color:#fff}.welcome-screen .login-tab.active:hover{background:#d63050}.login-form{display:flex;flex-direction:column;align-items:center;gap:4px}.welcome-screen .login-form button[type=submit],.welcome-screen .login-form button:not(.link-button){margin-top:4px}.login-notice{padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px;max-width:340px}.login-notice-success{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.35)}.login-notice-error{background:#e9456026;color:#e94560;border:1px solid rgba(233,69,96,.35)}.magic-link-received{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:24px;max-width:360px}.magic-link-received h3{margin:0 0 12px;color:#e94560}.magic-link-received p{color:#ccc;margin-bottom:16px;line-height:1.5}.welcome-screen .link-button{background:transparent;color:#888;padding:4px 8px;font-size:13px;text-decoration:underline}.welcome-screen .link-button:hover{background:transparent;color:#e94560}.welcome-screen .hint{color:#666;font-size:12px;margin-top:8px;max-width:280px}