:root{--bg: #313338;--bg-sidebar: #2b2d31;--bg-dark: #1e1f22;--bg-input: #383a40;--bg-hover: #35373c;--bg-active: #404249;--text: #f2f3f5;--text-muted: #b5bac1;--text-faint: #949ba4;--accent: #5865f2;--accent-hover: #4752c4;--green: #23a559;--green-hover: #1a7f45;--danger: #da373c;--danger-hover: #a12828;--border: rgba(0, 0, 0, .35);--radius: 8px;--font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{font-family:var(--font)!important;background:var(--bg-dark)!important;color:var(--text)!important;-webkit-font-smoothing:antialiased}body:before{display:none!important;content:none!important}button,input{font:inherit;color:inherit}button{cursor:pointer}.crash{min-height:100vh;display:grid;place-content:center;text-align:center;gap:8px;padding:24px;background:var(--bg)}.crash h1{margin:0}.crash p{margin:0;color:var(--text-muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(88,101,242,.35),transparent),var(--bg-dark)}.login__card{width:min(440px,100%);padding:32px;border-radius:8px;background:#2b2d31;box-shadow:0 8px 32px #0000008c;border:1px solid rgba(255,255,255,.06)}.trust-box{margin:0 0 20px;padding:14px 16px;border-radius:8px;background:#5865f21f;border:1px solid rgba(88,101,242,.28);text-align:left}.trust-box h2{margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c9cdfb}.trust-box ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.trust-box li{margin:0;color:var(--text-muted);font-size:.875rem;line-height:1.45}.trust-box li strong{display:block;color:#fff;font-weight:600;margin-bottom:2px}.trust-box--home{margin-top:24px;background:#0003;border-color:#ffffff14;text-align:left}.trust-box--home h2{color:var(--text-faint)}.login__card h1{margin:0 0 8px;font-size:1.5rem;text-align:center;color:#fff;font-weight:700}.login__card>p{margin:0 0 24px;color:var(--text-muted);text-align:center;line-height:1.4}.login__form{display:grid;gap:16px}.login__field{display:grid;gap:8px}.login__field label{font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.login__field input{width:100%;border:none;border-radius:4px;padding:12px;background:var(--bg-dark);outline:none}.login__field input:focus{box-shadow:0 0 0 2px var(--accent)}.login__error{margin:0;color:#f23f43;font-size:.9rem}.login__submit{margin-top:4px;border:0;border-radius:4px;padding:14px;background:var(--accent);color:#fff;font-weight:600;font-size:1rem}.login__submit:hover:not(:disabled){background:var(--accent-hover)}.login__submit:disabled{opacity:.6;cursor:not-allowed}.login__switch{margin:16px 0 0;text-align:center;color:var(--text-faint);font-size:.9rem}.login__switch button{border:0;background:none;color:#00a8fc;padding:0;font-weight:500}.login__switch button:hover{text-decoration:underline}.app{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--bg-sidebar)}.sidebar__top{padding:16px 12px 12px;border-bottom:1px solid var(--border)}.sidebar__top h1{margin:0;font-size:1rem;font-weight:700}.sidebar__top p{margin:4px 0 0;font-size:.75rem;color:var(--text-faint)}.sidebar__create{display:flex;gap:6px;padding:12px}.sidebar__create input{flex:1;min-width:0;border:none;border-radius:4px;padding:10px;background:var(--bg-dark);font-size:.875rem;outline:none}.sidebar__create input:focus{box-shadow:0 0 0 2px var(--accent)}.sidebar__create button{flex-shrink:0;border:0;border-radius:4px;padding:0 14px;background:var(--green);color:#fff;font-weight:600;font-size:.875rem}.sidebar__create button:hover:not(:disabled){background:var(--green-hover)}.sidebar__create button:disabled{opacity:.5;cursor:not-allowed}.sidebar__label{margin:8px 12px 4px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.sidebar__rooms{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px}.sidebar__empty{margin:12px 8px;padding:12px;border-radius:var(--radius);background:#00000026;color:var(--text-muted);font-size:.85rem;line-height:1.45}.sidebar__error{margin:0 12px 8px;color:#f23f43;font-size:.8rem}.room-btn{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:4px;padding:8px 10px;margin-bottom:2px;background:transparent;color:var(--text-muted);text-align:left;font-size:.95rem}.room-btn:hover{background:var(--bg-hover);color:var(--text)}.room-btn.is-on{background:var(--bg-active);color:var(--text)}.room-btn__hash{color:var(--text-faint);font-weight:600;font-size:1.15rem;line-height:1}.room-btn__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sidebar__user{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-dark)}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.sidebar__user-meta{flex:1;min-width:0}.sidebar__user-meta strong{display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-meta span{display:block;font-size:.7rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user button{border:0;border-radius:4px;padding:6px 10px;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600}.sidebar__user button:hover{background:var(--bg-hover);color:var(--text)}.sidebar__more{border:0;background:none;color:var(--text-faint);font-size:.7rem;padding:6px 12px 10px;text-align:left}.sidebar__more:hover{color:var(--text-muted);text-decoration:underline}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)!important;color:var(--text)!important}.home{flex:1;display:grid;place-items:center;padding:32px;text-align:center;background:var(--bg)!important}.home__card{max-width:420px}.home__icon{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--bg-sidebar);font-size:2rem;color:var(--text-muted)}.home h2{margin:0 0 8px;font-size:1.5rem;color:#fff;font-weight:700}.home p{margin:0;color:var(--text-muted);line-height:1.5;font-size:1rem}.home ol{margin:16px 0 0;padding:0 0 0 1.2rem;text-align:left;color:var(--text-muted);line-height:1.8;font-size:.95rem}.home ol strong{color:#fff}.room-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 16px;border-bottom:1px solid var(--border);box-shadow:0 1px #0003;flex-shrink:0;background:var(--bg)}.room-top__title{display:flex;align-items:center;gap:8px;min-width:0}.room-top__title .hash{color:var(--text-faint);font-size:1.4rem;font-weight:700}.room-top__title h2{margin:0;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-top__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn{border:0;border-radius:4px;padding:8px 14px;font-weight:600;font-size:.85rem}.btn--green{background:var(--green);color:#fff;min-width:110px}.btn--green:hover:not(:disabled){background:var(--green-hover)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover{background:var(--bg-hover);color:var(--text)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--muted{background:var(--bg-input);color:var(--text)}.btn--muted:hover:not(:disabled){background:var(--bg-active)}.btn:disabled{opacity:.55;cursor:not-allowed}.voice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 16px;background:#232428;border-bottom:1px solid var(--border);flex-shrink:0}.voice__left{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}.voice__dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.voice__dot.is-live{background:var(--green);box-shadow:0 0 0 3px #23a55940}.voice__dot.is-bad{background:var(--danger)}.voice__label{font-size:.85rem;font-weight:600}.voice__hint{font-size:.75rem;color:var(--text-faint)}.voice__actions{display:flex;gap:6px}.voice__error{width:100%;margin:0;color:#f23f43;font-size:.8rem}.voice__hide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.chat{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg)!important}.chat__scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 0 8px;background:var(--bg)}.chat__welcome{padding:16px 16px 24px;border-bottom:1px solid var(--border);margin:0 16px 16px}.chat__welcome h3{margin:0 0 6px;font-size:1.5rem;color:#fff}.chat__welcome p{margin:0;color:var(--text-muted);line-height:1.45}.msg{display:flex;gap:12px;padding:4px 16px}.msg:hover{background:#0000000f}.msg__body{min-width:0;flex:1}.msg__head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.msg__head strong{font-size:.95rem;font-weight:600;color:#fff}.msg__head time{font-size:.7rem;color:var(--text-faint)}.msg__body p{margin:0;line-height:1.45;white-space:pre-wrap;word-break:break-word;font-size:1rem;color:var(--text)}.chat__error{margin:0 16px;color:#f23f43;font-size:.85rem}.chat__compose{display:flex;gap:0;margin:0 16px 20px;border-radius:8px;background:var(--bg-input);overflow:hidden}.chat__compose input{flex:1;min-width:0;border:0;padding:12px 16px;background:transparent;outline:none;font-size:.95rem}.chat__compose button{border:0;padding:0 18px;background:transparent;color:var(--text-muted);font-weight:700;font-size:.9rem}.chat__compose button:hover:not(:disabled){color:var(--text)}.chat__compose button:disabled{opacity:.35;cursor:not-allowed}.share{flex:1;min-height:0;overflow:auto;padding:24px;background:var(--bg)}.share__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.share__top h1{margin:0 0 6px;font-size:1.4rem}.share__top p{margin:0;color:var(--text-muted)}.share__error{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#da373c26;color:#ffb4b4}.share__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:880px}.share__card{padding:20px;border-radius:12px;background:var(--bg-sidebar);border:1px solid var(--border)}.share__card h2{margin:0 0 8px;font-size:1.1rem}.share__card>p{margin:0 0 16px;color:var(--text-muted);line-height:1.45}.share__big{width:100%;padding:14px 16px;font-size:1rem}.share__join{display:flex;gap:8px}.share__join input{flex:1;min-width:0;border:0;border-radius:8px;padding:12px 14px;background:var(--bg-dark);font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;outline:none}.share__join input:focus{box-shadow:0 0 0 2px var(--accent)}.share__code{margin:0 0 16px;font-size:2rem;font-weight:800;letter-spacing:.12em;color:#fff}.share__row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.share__hint{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.4}.share__active{display:grid;gap:16px;max-width:960px}.share__videos{display:grid;gap:12px}.share__video-wrap{border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--border)}.share__video-wrap span{display:block;padding:8px 12px;font-size:.8rem;color:var(--text-muted);background:var(--bg-sidebar)}.share__video-wrap video{display:block;width:100%;max-height:420px;background:#000;object-fit:contain}.share__video-wrap--wide video{max-height:560px}.loading{min-height:100vh;display:grid;place-items:center;background:var(--bg-dark);color:var(--text-muted)}.invite-bar,.people-bar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--border);background:#232428}.invite-bar strong,.people-bar strong{display:block;margin-bottom:4px}.invite-bar p{margin:0 0 8px;color:var(--text-muted);font-size:.85rem}.invite-bar code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93c5fd;font-size:.8rem}.invite-bar__actions{display:flex;gap:8px;flex-shrink:0}.people-bar{flex-direction:column}.people-bar ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.people-bar li{display:flex;align-items:center;gap:10px;color:var(--text);font-size:.9rem}.people-bar__empty{color:var(--text-muted)}.app-banner,.invite-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#5865f22e;color:var(--text);font-size:.9rem}.invite-notice{justify-content:center;text-align:center}.sidebar__user-btn{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}.sidebar__user-btn:hover .sidebar__user-meta span{color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#000000a6}.modal{width:min(400px,100%);padding:24px;border-radius:12px;background:var(--bg-sidebar);border:1px solid var(--border);box-shadow:0 16px 48px #00000073}.modal h2{margin:0 0 6px}.modal>p{margin:0 0 16px;color:var(--text-muted)}.modal input{width:100%;border:0;border-radius:8px;padding:12px;background:var(--bg-dark);margin-bottom:12px;outline:none}.modal input:focus{box-shadow:0 0 0 2px var(--accent)}.modal__error{margin:0 0 12px;color:#f23f43;font-size:.85rem}.modal__actions{display:flex;justify-content:flex-end;gap:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100dvh;overflow:visible}.sidebar{max-height:40vh;border-bottom:1px solid var(--border)}.room-top{flex-wrap:wrap;padding:10px 12px}}