@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600;700&display=swap";body{font-family:Inter,Helvetica Neue,Arial,sans-serif;background-color:#fdf6e3;color:#3c3226;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.container,.chat-container{background:#fffdf5;padding:2rem;margin:0 auto;border-radius:10px;box-shadow:0 2px 12px #c43c9a14;box-sizing:border-box;width:100%;border:1.5px solid #e8dcc8}.container{max-width:500px}h1{margin-top:0;color:#c43c9a;font-family:Space Mono,monospace;letter-spacing:-.5px}h2{color:#c43c9a;font-family:Space Mono,monospace;margin:0}label{display:block;margin-bottom:.5rem;color:#7a6b55}select,input,button{width:100%;padding:.8rem;margin-bottom:1rem;border:1.5px solid #d4c9b0;border-radius:6px;box-sizing:border-box;background-color:#fefcf4;color:#3c3226;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}select:focus,input:focus{outline:none;border-color:#c43c9a;box-shadow:0 0 0 2px #c43c9a26}button{background-color:#c43c9a;color:#fffdf5;border:none;cursor:pointer;font-weight:700;font-family:Space Mono,monospace;letter-spacing:.5px;text-transform:uppercase;font-size:.85rem}button:hover{background-color:#a82e82}.chat-container{display:flex;flex-direction:column;height:80vh;max-width:800px}.chat-header{display:flex;justify-content:space-between;align-items:center}.chat-user{font-family:Inter,sans-serif}.messages{flex:1;overflow-y:auto;border:1.5px solid #e0d5bf;border-radius:6px;padding:1rem;margin-bottom:1rem;background:#fdf6e3}.message{margin-bottom:.5rem;padding:.6rem .8rem;background:#f5edda;border-radius:6px;color:#3c3226;border-left:3px solid #d4c09a;box-shadow:2px 2px 2px #ff03e026}.message--mine{text-align:right;background:#fce8f6;border-left-color:#c43c9a}.message--other{text-align:left;background:#ffe5e5;border-left-color:#d49a9a}.message--system{font-style:italic;background:transparent;border-left-color:transparent}.message strong{color:#c43c9a;font-family:Space Mono,monospace}.message .time{font-size:.8rem;color:#a89a80;margin-left:.5rem}.system-text{color:#a89a80}.error{color:#c44d3e;margin-bottom:1rem;font-weight:600}.link-box{background:#f0e8d4;padding:1rem;border-radius:6px;word-break:break-all;margin-bottom:1rem;color:#5c4a2f;border:1.5px dashed #d4a0c8;text-align:center;font-family:Space Mono,monospace}.link-box a{color:#c43c9a;text-decoration:underline;text-underline-offset:3px}.link-box a:hover{color:#8a2a6c}.checkbox-label{display:flex;align-items:center;gap:.5rem;text-align:left;cursor:pointer;color:#7a6b55}.checkbox-label input[type=checkbox]{width:auto;margin:0;accent-color:#c43c9a}p{color:#6b5c47}.countdown{font-size:.9rem;color:#c43c9a;margin-top:5px;font-family:Space Mono,monospace}.send-form{display:flex;gap:10px}.send-form input{margin:0;flex:1}.send-form button{width:auto;margin:0}.chat-container{transition:background .5s ease,color .5s ease,border-color .5s ease}.room-list{list-style:none;padding:0;margin:.5rem 0 0}.room-list__item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;margin-bottom:.4rem;background:#f5edda;border-radius:6px;border-left:3px solid #c43c9a;cursor:pointer;transition:background .15s}.room-list__item:hover{background:#fce8f6}.room-list__name{font-family:Space Mono,monospace;font-weight:700;color:#3c3226}.room-list__expires{font-size:.8rem;color:#a89a80}