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}.crow{font-family:monospace;font-size:8px;line-height:1}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;display:flex}.actions .or{color:#999}.actions button,.actions input{font-family:inherit;font-size:inherit;border:1px solid #ccc;padding:.6em 1.2em;transition:border-color .15s,background-color .15s}.actions button{cursor:pointer;background:#fafafa}.actions button:hover{background:#f0f0f0;border-color:#bbb}.actions button:active{background:#e8e8e8}.actions input{background:#fff;outline:none}.chat{flex-direction:column;height:90vh;display:flex}.chat-info{color:#999;border-bottom:1px solid #ddd;margin-bottom:.75em;padding-bottom:.75em;font-style:italic;line-height:1.4}.chat-info p{margin:0 0 .75em}.chat-info p:last-child{margin-bottom:0}.copy-link{cursor:pointer;text-decoration:underline}.messages{flex-direction:column;flex:1;display:flex;overflow-y:auto}.messages .empty{color:#999;padding:1em}.message{line-height:1.4;display:flex}.message .peer{text-align:right;color:#666;border-right:1px solid #ddd;flex-shrink:0;width:70px;padding-right:8px}.message.system .peer{color:#2e7d32;font-family:monospace}.message.system .text{color:#2e7d32}.message.notification .peer{color:#999;font-family:monospace;font-style:italic}.message.notification .text{color:#999;font-style:italic}.system-group{flex-direction:column;display:flex}.system-toggle{cursor:pointer;line-height:1.4;display:flex}.system-toggle .peer{text-align:right;color:#999;border-right:1px solid #ddd;flex-shrink:0;width:70px;padding-right:8px;font-family:monospace;font-style:italic}.system-toggle .text{color:#999;padding-left:10px;font-style:italic}.system-content,.system-group.expanded .system-toggle{display:none}.system-group.expanded .system-content{cursor:pointer;flex-direction:column;display:flex}.message.color-black .peer{color:#000}.message.color-gray .peer{color:#666}.message.color-silver .peer{color:#888}.message.color-maroon .peer{color:maroon}.message.color-red .peer{color:#c00}.message.color-olive .peer{color:olive}.message.color-green .peer{color:green}.message.color-lime .peer{color:#32cd32}.message.color-navy .peer{color:navy}.message.color-blue .peer{color:#06c}.message.color-teal .peer{color:teal}.message.color-cyan .peer{color:#00a0a0}.message.color-purple .peer{color:purple}.message.color-magenta .peer{color:#c0c}.message.color-orange .peer{color:#c60}.message.color-gold .peer{color:#b8860b}.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;outline:none;flex:1;padding:.6em}.chat-input button{cursor:pointer;background:#fafafa;border:1px solid #ccc;padding:.6em 1.2em;transition:border-color .15s,background-color .15s}.chat-input button:hover:not(:disabled){background:#f0f0f0;border-color:#bbb}.chat-input button:active:not(:disabled){background:#e8e8e8}.chat-input button:disabled,.chat-input input:disabled{opacity:.5;cursor:not-allowed}