*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:system-ui,-apple-system,sans-serif}#root{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex}.screen{background:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100svh;display:flex}.main-screen{justify-content:center;align-items:center;gap:24px}.main-screen h1{color:#111;font-size:28px;font-weight:700}.start-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:background .2s}.start-button:hover{background:#4338ca}.matching-screen{justify-content:center;align-items:center;gap:20px}.cancel-button{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px 28px;font-size:15px;transition:background .2s}.cancel-button:hover{background:#e5e7eb}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.connecting-text{color:#4f46e5;font-size:20px;font-weight:600;animation:1.2s ease-in-out infinite blink}.chat-room{justify-content:flex-start}.chat-header{color:#111;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px;font-size:16px;font-weight:600;display:flex}.leave-button{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s}.leave-button:hover{background:#e5e7eb}.message-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message-item{flex-direction:column;align-self:flex-start;align-items:flex-start;gap:4px;max-width:75%;display:flex}.message-item--mine{align-self:flex-end;align-items:flex-end}.message-content{color:#111;word-break:break-word;white-space:pre-wrap;background:#f3f4f6;border-radius:12px;padding:10px 14px;font-size:15px}.message-item--mine .message-content{color:#fff;background:#4f46e5}.message-time{color:#9ca3af;padding-left:4px;padding-right:4px;font-size:11px}.message-input-form{border-top:1px solid #e5e7eb;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.message-input{resize:none;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:15px;line-height:1.5;transition:border-color .2s}.message-input:focus{border-color:#4f46e5}.send-button{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600;transition:background .2s}.send-button:hover{background:#4338ca}