:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f8fafc;background:#0a0f1e;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}input,button{font-family:inherit}.hidden{display:none!important}.sidebar .item.voice.active{color:#fff;background:#2e7d32}.sidebar .kind-toggle{color:#8b97ad;cursor:pointer;background:#0e1526;border:1px solid #243047;border-radius:.4rem;flex:none;width:2rem;font-size:1rem;line-height:1}.sidebar .kind-toggle:hover{border-color:#f0c03e}.voice-panel{background:rgba(70,209,96,.12);border:1px solid rgba(70,209,96,.45);border-radius:.5rem;align-items:center;gap:.5rem;margin-left:1rem;padding:.25rem .6rem;font-size:.85rem;display:inline-flex}.voice-panel .vc-dot{background:#46d160;border-radius:50%;width:.55rem;height:.55rem}.voice-panel .vc-btn{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #243047;border-radius:.35rem;padding:.2rem .5rem;font-size:.8rem}.voice-panel .vc-btn:hover{border-color:#f0c03e}.voice-panel .vc-btn.leave:hover{color:#ff8a8a;border-color:#ff8a8a}.sidebar .online-item{color:#f8fafc;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.9rem;display:flex}.sidebar .online-dot{background:#46d160;border-radius:50%;flex:none;width:.55rem;height:.55rem}.sidebar .online-empty{color:#8b97ad;padding:.35rem .55rem;font-size:.8rem}.app-root,.workspace{height:100vh}.auth{text-align:center;max-width:22rem;margin:0 auto;padding:6rem 1.5rem}.auth h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:3rem}.auth .tagline{opacity:.7;margin:0 0 2rem}.auth .auth-form{flex-direction:column;gap:.6rem;display:flex}.auth input{color:#f8fafc;background:#0e1526;border:1px solid #243047;border-radius:.5rem;padding:.7rem .85rem;font-size:1rem}.auth input:focus{border-color:#f0c03e;outline:none}.auth button[type=submit]{color:#050505;cursor:pointer;background:#f0c03e;border:0;border-radius:.5rem;margin-top:.3rem;padding:.7rem 1rem;font-size:1rem;font-weight:600}.auth button[type=submit]:disabled{opacity:.6;cursor:default}.auth .error{color:#ff8a8a;margin:.9rem 0 0;font-size:.9rem}.auth .link{color:#8b97ad;cursor:pointer;background:0 0;border:0;margin-top:1rem;text-decoration:underline}.workspace{flex-direction:column;display:flex}.topbar{background:#0e1526;border-bottom:1px solid #243047;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.topbar .brand{letter-spacing:-.01em;font-weight:700}.topbar .spacer{flex:1}.topbar .user{color:#8b97ad}.topbar .logout{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #243047;border-radius:.4rem;padding:.35rem .7rem}.topbar .logout:hover{border-color:#f0c03e}.body{flex:1;min-height:0;display:flex}.sidebar{background:#121a2e;border-right:1px solid #243047;flex-direction:column;width:16rem;display:flex}.sidebar .col{border-bottom:1px solid #243047;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.sidebar h3{text-transform:uppercase;letter-spacing:.08em;color:#8b97ad;margin:0;font-size:.72rem}.sidebar .list{flex-direction:column;gap:.15rem;max-height:14rem;display:flex;overflow-y:auto}.sidebar .item{text-align:left;color:#f8fafc;cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.45rem .55rem}.sidebar .item:hover{background:#0e1526}.sidebar .item.active{color:#050505;background:#f0c03e;font-weight:600}.sidebar .add{gap:.35rem;display:flex}.sidebar .add input{color:#f8fafc;background:#0e1526;border:1px solid #243047;border-radius:.4rem;flex:1;min-width:0;padding:.4rem .5rem}.sidebar .add input:focus{border-color:#f0c03e;outline:none}.sidebar .add button{color:#f8fafc;cursor:pointer;background:#243047;border:0;border-radius:.4rem;width:2rem;font-size:1.1rem;line-height:1}.sidebar .add button:hover{color:#050505;background:#f0c03e}.sidebar .invite-btn{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #243047;border-radius:.4rem;margin-top:.25rem;padding:.4rem .6rem;font-size:.85rem}.sidebar .invite-btn:hover{border-color:#f0c03e}.sidebar .invite-box{background:#0e1526;border:1px solid #243047;border-radius:.4rem;flex-direction:column;gap:.35rem;margin-top:.5rem;padding:.5rem;display:flex}.sidebar .invite-label{color:#8b97ad;font-size:.72rem}.sidebar .invite-code{letter-spacing:.05em;color:#f0c03e;font-family:ui-monospace,monospace;font-size:1.05rem}.sidebar .invite-link{color:#8b97ad;background:#0a0f1e;border:1px solid #243047;border-radius:.35rem;width:100%;padding:.35rem .5rem;font-size:.75rem}.main{flex:1;min-width:0;display:flex}.empty{color:#8b97ad;margin:auto}.chat{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:#0e1526;border-bottom:1px solid #243047;padding:.7rem 1rem;font-weight:600}.messages{flex-direction:column;flex:1;gap:.6rem;padding:1rem;display:flex;overflow-y:auto}.msg{background:#121a2e;border:1px solid #243047;border-radius:.6rem;max-width:70%;padding:.45rem .7rem}.msg .meta{align-items:baseline;gap:.5rem;margin-bottom:.15rem;display:flex}.msg .author{font-size:.85rem;font-weight:600}.msg .time{color:#8b97ad;font-size:.7rem}.msg .content{white-space:pre-wrap;word-break:break-word;margin:0}.msg.own{background:rgba(240,192,62,.12);border-color:rgba(240,192,62,.35);align-self:flex-end}.composer{background:#0e1526;border-top:1px solid #243047;gap:.5rem;padding:.75rem 1rem;display:flex}.composer input{color:#f8fafc;background:#0a0f1e;border:1px solid #243047;border-radius:.5rem;flex:1;min-width:0;padding:.65rem .8rem;font-size:1rem}.composer input:focus{border-color:#f0c03e;outline:none}.composer button{color:#050505;cursor:pointer;background:#f0c03e;border:0;border-radius:.5rem;padding:0 1.1rem;font-weight:600}