body{margin:1em;font-family:system-ui,sans-serif;font-size:14px}hr{border:none;border-top:1px solid #ddd;margin:1em 0}#app{max-width:600px;margin:0 auto}.landing{text-align:center}.wolf{font-family:monospace;font-size:8px;line-height:1}.join-section{margin-top:.5em}.actions button,.actions input{font-family:inherit;font-size:inherit;border:1px solid #ccc;padding:.5em 1em}.actions button{cursor:pointer;background:#fafafa}.actions input{background:#fff}.chat{flex-direction:column;height:90vh;display:flex}.chat-header{border-bottom:1px solid #ddd;align-items:center;gap:1em;margin-bottom:.75em;padding-bottom:.75em;display:flex}.chat-header button{cursor:pointer;background:0 0;border:1px solid #ccc;padding:.25em .75em}.chat-header .info{color:#666;font-size:13px}.messages{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.messages .empty{color:#999;padding:1em}.message{font-family:monospace;font-size:13px;line-height:1.4;display:flex}.message .peer{text-align:right;color:#666;border-right:2px solid #ddd;flex-shrink:0;width:70px;padding-right:8px}.message.mine .peer{color:#000;font-weight:500}.message.system .peer{color:#5dadec}.message .text{flex:1;padding-left:10px}.chat-input{border-top:1px solid #ddd;gap:.5em;margin-top:.75em;padding-top:.75em;display:flex}.chat-input input{font-family:inherit;font-size:inherit;border:1px solid #ccc;flex:1;padding:.5em}.chat-input button{cursor:pointer;background:#fafafa;border:1px solid #ccc;padding:.5em 1em}.chat-input button:disabled,.chat-input input:disabled{opacity:.5}