.sidebar-root button,.sidebar-root input,.sidebar-root textarea{font:inherit}.sidebar-root button{cursor:pointer}.sidebar-root button:focus-visible,.sidebar-root input:focus-visible,.sidebar-root textarea:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.sidebar-root label,.sidebar-root legend{color:#cbd5e1;font-size:.85rem}.sidebar-root{flex-direction:column;gap:1rem;min-height:100%;padding:1rem;display:flex;overflow-y:auto;container-type:inline-size}.sidebar-root.party-active{gap:0;height:100%;min-height:0;padding:0;overflow:hidden}.brand-header{align-items:center;gap:.8rem;padding:.2rem;display:flex}.section-title{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem}.video-state{color:#fca5a5;background:#ef444422;border-radius:.6rem;padding:.55rem .7rem;font-size:.82rem}.video-state.ok{color:#6ee7b7;background:#10b98122}.emoji-picker{border:0;margin:0;padding:0}.emoji-picker legend{margin-bottom:.45rem}.emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.emoji-grid button{aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff18;border-radius:.65rem;place-items:center;min-width:0;font-size:clamp(1.25rem,8vw,1.7rem);display:grid}.emoji-grid button:hover{background:#8b5cf622;border-color:#a78bfa88}.emoji-grid button.selected{background:#8b5cf63b;border-color:#a78bfa;box-shadow:inset 0 0 0 1px #a78bfa}.party-workspace{grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;display:grid;position:relative}.party-header{border-bottom:1px solid #ffffff12;align-items:center;gap:.65rem;min-width:0;padding:.7rem .75rem .6rem;display:flex}.party-context{flex:1;align-items:center;gap:.55rem;min-width:0;display:flex}.status-dot{background:#f59e0b;border-radius:50%;flex:none;width:.58rem;height:.58rem}.status-dot.online{background:#34d399;box-shadow:0 0 8px #34d39999}.status-dot.offline{background:#f87171}.party-eyebrow{color:#a5b4fc;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;margin:0 0 .1rem;font-size:.65rem;font-weight:750}.party-title{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.party-actions{flex:none;gap:.25rem;display:flex}.header-button{color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.35rem;min-height:2.25rem;padding:.35rem .5rem;font-size:.75rem;font-weight:650;display:inline-flex}.header-button:hover{color:#fff;background:#ffffff0c}.header-button svg,.send-button svg{fill:currentColor;width:1.15rem;height:1.15rem}.header-button .share-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.leave-button:hover{color:#fda4af;background:#fb718512;border-color:#fb718544}.party-meta{border-bottom:1px solid #ffffff0c;align-items:center;gap:.65rem;min-width:0;padding:.4rem .75rem;display:flex}.connection-label{color:#94a3b8;white-space:nowrap;flex:none;font-size:.7rem}.peer-list{scrollbar-width:none;gap:.35rem;min-width:0;margin:0;padding:.15rem 0;list-style:none;display:flex;overflow-x:auto}.peer-list::-webkit-scrollbar{display:none}.peer-list li{color:#cbd5e1;background:#ffffff0c;border-radius:2rem;flex:none;align-items:center;gap:.25rem;max-width:9rem;padding:.24rem .48rem;font-size:.7rem;display:flex}.peer-list li span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-workspace{flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.messages{flex:1;min-height:0;padding:.8rem .75rem;overflow-y:auto}.empty{color:#64748b;text-align:center;place-content:center;justify-items:center;min-height:100%;display:grid}.empty span{opacity:.75;margin-bottom:.45rem;font-size:1.6rem}.empty strong{color:#94a3b8}.empty p{margin:.2rem 0 0;font-size:.82rem}.load-history{color:#a5b4fc;background:0 0;border:0;margin:0 auto .75rem;font-size:.75rem;display:block}.message{background:#111526;border:1px solid #ffffff0d;border-radius:.75rem .75rem .75rem .2rem;width:fit-content;max-width:90%;margin:0 0 .55rem;padding:.5rem .65rem}.message.own{background:#302254;border-color:#8b5cf62e;border-radius:.75rem .75rem .2rem;margin-left:auto}.message header{align-items:baseline;gap:.6rem;display:flex}.message strong{color:#c4b5fd;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.message time{color:#64748b;white-space:nowrap;margin-left:auto;font-size:.65rem}.message p{overflow-wrap:anywhere;color:#e2e8f0;white-space:pre-wrap;margin:.18rem 0 0;font-size:.88rem;line-height:1.35}.new-messages-button{z-index:1;color:#ede9fe;white-space:nowrap;background:#2e1065f2;border:1px solid #a78bfa55;border-radius:999px;padding:.45rem .7rem;font-size:.7rem;font-weight:700;position:absolute;bottom:4.8rem;left:50%;transform:translate(-50%);box-shadow:0 .3rem 1rem #0008}.party-alert{color:#fef3c7;background:#f59e0b16;border:1px solid #f59e0b33;border-radius:.65rem;flex:none;justify-content:space-between;align-items:center;gap:.6rem;margin:0 .65rem .45rem;padding:.55rem .65rem;font-size:.75rem;line-height:1.35;display:flex}.composer{background:#090b18fa;border-top:1px solid #ffffff12;flex:none;align-items:flex-end;gap:.45rem;padding:.6rem .65rem .7rem;display:flex}.composer textarea{resize:none;color:#fff;background:#0d1020;border:1px solid #ffffff20;border-radius:.75rem;flex:1;min-width:0;min-height:2.65rem;max-height:7.5rem;padding:.68rem .75rem;line-height:1.25rem;overflow-y:auto}.composer textarea::placeholder{color:#64748b}.composer textarea:focus{border-color:#8b5cf6}.composer textarea:disabled{cursor:not-allowed;opacity:.65}.send-button{color:#fff;background:#8b5cf6;border:0;border-radius:.75rem;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:grid}.send-button:hover:not(:disabled){background:#7c3aed}.send-button:disabled{cursor:not-allowed;color:#77738f;background:#312e4f}.toast{z-index:2;color:#a7f3d0;white-space:nowrap;background:#052e2bf2;border:1px solid #34d39944;border-radius:999px;padding:.42rem .7rem;font-size:.72rem;font-weight:700;position:absolute;top:3.8rem;left:50%;transform:translate(-50%);box-shadow:0 .3rem 1rem #0008}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width<=380px){.header-button span{display:none}.header-button{justify-content:center;width:2.25rem;padding:0}}@container (width<=319px){.party-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.peer-list{width:100%}}