/* Dunkles Discord-ähnliches Chatdesign */
*{box-sizing:border-box;}
body{
  margin:0;
  background-color:#2b2d31;
  color:#fff;
  font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
}
.chat-app{
  width:min(900px,95%);
  height:90vh;
  background-color:#313338;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  box-shadow:0 0 25px rgba(0,0,0,0.4);
  overflow:hidden;
}
.chat-header{
  background-color:#1e1f22;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #202225;
}
.chat-header h1{
  font-size:1.2rem;
  color:#e0e0e0;
  margin:0;
}
.user-tag{
  color:#888;
  font-size:0.9rem;
}
.chat-box{
  flex:1;
  padding:16px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.message{
  max-width:70%;
  padding:10px 14px;
  border-radius:12px;
  line-height:1.4;
  white-space:pre-wrap;
  word-break:break-word;
}
.message.me{
  background-color:#5865f2;
  align-self:flex-end;
}
.message.other{
  background-color:#383a40;
  align-self:flex-start;
}
.message .author{
  font-weight:bold;
  font-size:0.85rem;
  margin-bottom:3px;
  color:#b9bbbe;
}
.chat-input-area{
  display:flex;
  padding:12px;
  background-color:#2b2d31;
  border-top:1px solid #202225;
  gap:8px;
}
.chat-input-area input[type=text]{
  flex:1;
  border:none;
  border-radius:8px;
  padding:10px;
  background-color:#383a40;
  color:#fff;
  font-size:1rem;
}
.chat-input-area button{
  background-color:#5865f2;
  color:white;
  border:none;
  border-radius:8px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:500;
  transition:background-color .2s;
}
.chat-input-area button:hover{
  background-color:#4752c4;
}
#fileBtn{
  background-color:#3a3c42;
}
#fileBtn:hover{
  background-color:#484b53;
}
.file-link{
  display:block;
  font-size:0.85rem;
  margin-top:4px;
  color:#00aff4;
}
::-webkit-scrollbar{
  width:8px;
}
::-webkit-scrollbar-thumb{
  background:#202225;
  border-radius:4px;
}
::-webkit-scrollbar-track{
  background:#2b2d31;
}