:root{--brand-500:#6c9bf0;--brand-600:#5a89e0;--brand-400:#86aef4;--brand-300:#9dbcf5;--brand-200:#bfd3f8;--brand-100:#dce7fb;--brand-050:#eaf1fd;--brand-025:#f1f6fe;--brand-text:#2f5fb8;--brand-deep:#27509c;--teal-500:#3fb8a9;--teal-100:#dcf3ef;--teal-text:#1f7a6f;--orange-500:#f5921e;--orange-100:#fdf0e0;--orange-text:#a75b05;--red-500:#e8574a;--red-100:#fde8e6;--red-text:#c0392b;--purple-500:#7c62d4;--purple-100:#e8e2fb;--purple-text:#5e46a8;--green-500:#5cb85c;--ink:#2b3033;--ink-muted:#69737a;--ink-soft:#6a727a;--ink-faint:#67737c;--ink-ghost:#89969f;--surface:#fff;--canvas:#f5f7f8;--desk:#dfe2e5;--line:#eff2f3;--line-table:#f2f5f6;--r-pill:20px;--r-card:22px;--r-panel:24px;--r-shell:26px;--r-tile:14px;--r-chip:12px;--shadow-card:0 2px 10px #28323c0d;--shadow-panel:0 2px 12px #28323c0f;--shadow-shell:0 6px 26px #28323c17;--shadow-cta:0 4px 12px #6c9bf059;--sp-6:6px;--sp-9:9px;--sp-11:11px;--sp-14:14px;--sp-16:16px;--sp-20:20px;--sp-22:22px;--sp-26:26px;--font:"Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--fs-hero:46px;--fs-stat:28px;--fs-page:19px;--fs-card:14px;--fs-row:13.5px;--fs-body:13px;--fs-label:11.5px;--fs-caps:10.5px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--gradient-banner:linear-gradient(135deg, #6c9bf0 0%, #9dbcf5 100%);--gradient-progress:linear-gradient(90deg, #6c9bf0, #9dbcf5);--mobile-w:390px;--page-pad-mobile:14px;--touch-min:44px}.ruang{--canvas:#0f1419;--surface:#171d24;--surface-2:#1f2730;--ink:#e8edf2;--ink-muted:#a9b4bf;--ink-soft:#8d99a5;--ink-ghost:#5b6772;--line:#232b34;--shadow-card:0 2px 10px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-body);font-weight:var(--fw-regular);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}img,svg,video{max-width:100%}a{color:var(--brand-text)}.card{background:var(--surface);border-radius:var(--r-card);padding:var(--sp-20);box-shadow:var(--shadow-card)}.panel{background:var(--surface);border-radius:var(--r-panel);padding:var(--sp-22);box-shadow:var(--shadow-panel)}.banner{background:var(--gradient-banner);color:#fff;border-radius:var(--r-panel);padding:var(--sp-22)}.banner__cta{color:var(--brand-text);border-radius:var(--r-pill);background:#fff;border:0}.btn{cursor:pointer;font-weight:var(--fw-semibold);border-radius:var(--r-tile);border:0;justify-content:center;align-items:center;gap:8px;padding:15px 18px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand-500);color:#fff;box-shadow:var(--shadow-cta)}.btn--primary:hover:not(:disabled){background:var(--brand-600)}.btn--pill{border-radius:var(--r-pill)}.btn--kecil{font-size:var(--fs-body);padding:10px 16px}.btn--secondary{background:var(--canvas);color:var(--ink-muted);box-shadow:none}.btn--ghost{color:var(--ink-muted);box-shadow:none;background:0 0;padding:10px 12px}.btn--ghost:hover{color:var(--ink)}.btn--danger{background:var(--red-500);color:#fff;border-radius:var(--r-pill);box-shadow:none}.btn--outline{background:var(--surface);border:1px solid var(--brand-200);color:var(--brand-text);border-radius:var(--r-pill);box-shadow:none}.btn--lebar{width:100%}.field{margin-bottom:var(--sp-14);display:block}.field__label{font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--ink-soft);margin-bottom:var(--sp-6);display:block}.input{border:1.5px solid var(--line);border-radius:var(--r-tile);background:var(--surface);width:100%;color:var(--ink);font-size:var(--fs-card);padding:13px 14px;display:block}.input:focus{border-color:var(--brand-500);background:var(--brand-025);outline:none}.ruang .input:focus{background:var(--surface-2)}.input[aria-invalid=true]{border-color:var(--red-500)}.field__hint{font-size:var(--fs-label);color:var(--ink-soft);margin-top:var(--sp-6);line-height:1.5;display:block}.segmen{background:var(--canvas);border-radius:var(--r-pill);gap:2px;padding:3px;display:inline-flex}.segmen__opsi{border-radius:var(--r-pill);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:7px 14px}.segmen__opsi[aria-pressed=true]{background:var(--surface);color:var(--brand-text);box-shadow:var(--shadow-card)}.alert{border-radius:var(--r-tile);font-size:var(--fs-body);margin-bottom:var(--sp-14);padding:12px 14px;line-height:1.5}.alert--error{background:var(--red-100);color:var(--red-text)}.alert--info{background:var(--teal-100);color:var(--teal-text)}.alert--ok{background:var(--brand-025);color:var(--brand-text)}.alert--warn{background:var(--orange-100);color:var(--orange-text)}.auth-page{max-width:var(--mobile-w);padding:var(--sp-22) var(--page-pad-mobile) var(--sp-26);margin:0 auto;overflow-x:clip}.lockup{align-items:center;gap:11px;margin-bottom:16px;display:flex}.lockup__nama{font-size:15px;font-weight:var(--fw-semibold)}.lockup__sub{color:var(--ink-soft);font-size:11.5px}.auth-judul{font-size:var(--fs-page);font-weight:var(--fw-semibold);margin:6px 0 14px}.auth-kaki{text-align:center;font-size:var(--fs-body);color:var(--ink-soft);margin-top:16px}.tag{border-radius:var(--r-pill);font-size:11px;line-height:18px;font-weight:var(--fw-semibold);letter-spacing:.01em;background:var(--brand-050);color:var(--brand-text);align-items:center;gap:6px;padding:2px 9px 2px 8px;display:inline-flex}.tag--info{background:var(--teal-100);color:var(--teal-text)}.tag--warn{background:var(--orange-100);color:var(--orange-text)}.tag--danger{background:var(--red-100);color:var(--red-text)}.tag--alt{background:var(--purple-100);color:var(--purple-text)}.tag--muted{color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.tag:before{content:"";opacity:.75;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tag--danger:before{animation:1.4s ease-in-out infinite lbpulse}.avatar{background:var(--brand-100);width:34px;height:34px;font-size:11px;font-weight:var(--fw-semibold);color:var(--brand-deep);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.avatar--sm{width:30px;height:30px}.avatar--md{width:42px;height:42px;font-size:13px}.avatar--lg{width:72px;height:72px;font-size:22px}.avatar--foto img{object-fit:cover;width:100%;height:100%}@keyframes lbpulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes lbputar{to{transform:rotate(360deg)}}@keyframes lbbinar{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.live-dot{background:var(--red-500);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite lbpulse;display:inline-block}.loader__binar{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out infinite lbbinar}.loader__bingkai{stroke-dasharray:100 34;transform-box:fill-box;transform-origin:50%;animation:1.4s linear infinite lbputar}.loader{color:var(--ink-soft);align-items:center;gap:10px;font-size:12.5px;display:inline-flex}.loader--layar{flex-direction:column;justify-content:center;gap:12px;width:100%;min-height:42vh;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){.live-dot,.loader__binar,.loader__bingkai,.tag--danger:before{animation:none}}.modal-backdrop{z-index:50;background:#0f14198c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);color:var(--ink);border-radius:var(--r-panel);box-shadow:var(--shadow-shell);max-height:92vh;padding:var(--sp-22);overflow-y:auto}.modal__head{margin-bottom:var(--sp-16);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal__title{font-size:16px;font-weight:var(--fw-semibold)}.modal__desc{font-size:var(--fs-label);color:var(--ink-soft);margin-top:4px;line-height:1.5}.modal__close{background:var(--canvas);color:var(--ink-muted);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:18px;line-height:1}.modal__foot{margin-top:var(--sp-16);justify-content:flex-end;gap:8px;display:flex}.toast-stack{z-index:60;pointer-events:none;gap:8px;max-width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--r-tile);font-size:var(--fs-body);box-shadow:var(--shadow-shell);color:#fff;background:#2b3033;padding:12px 14px;line-height:1.45}.toast--ok{background:var(--brand-500)}.toast--gagal{background:var(--red-500)}.empty{border:1.5px dashed var(--line);border-radius:var(--r-tile);text-align:center;padding:26px 18px}.empty__title{font-size:13.5px;font-weight:var(--fw-semibold)}.empty__desc{font-size:var(--fs-label);color:var(--ink-soft);margin-top:5px;line-height:1.55}.empty__action{margin-top:12px}.skeleton{gap:9px;padding:6px 0;display:grid}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);box-shadow:var(--shadow-card);z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar__brand{font-weight:var(--fw-semibold);color:var(--ink);align-items:center;gap:9px;font-size:15px;text-decoration:none;display:inline-flex}.topbar__nav{align-items:center;gap:10px;display:flex}.topbar__link{color:var(--ink-muted);font-weight:var(--fw-medium);padding:8px 10px;text-decoration:none}.topbar__link:hover{color:var(--ink)}.topbar__me{align-items:center;gap:8px;display:inline-flex}.shell__main{width:100%;padding:var(--sp-26) var(--sp-20) 60px;margin:0 auto}@media (width<=640px){.topbar__nama{display:none}.shell__main{padding:var(--sp-16) var(--page-pad-mobile) 48px}}.judul-halaman{margin-bottom:var(--sp-16);justify-content:space-between;align-items:center;gap:12px;display:flex}.judul-halaman h1{font-size:var(--fs-page);font-weight:var(--fw-semibold)}.daftar-ruang{gap:10px;display:grid}.ruang-baris{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.ruang-baris__judul{font-size:var(--fs-row);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ruang-baris__meta{font-size:var(--fs-label);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.kode{background:var(--canvas);border-radius:var(--r-chip);padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.hero{gap:18px;padding:36px 0 20px;display:grid}.hero h1{font-size:clamp(26px,5vw,38px);line-height:1.15;font-weight:var(--fw-bold);letter-spacing:-.01em}.hero p{color:var(--ink-muted);max-width:560px;font-size:15px;line-height:1.6}.hero__aksi{flex-wrap:wrap;gap:10px;display:flex}.fitur{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px;display:grid}.fitur .card h3{font-size:var(--fs-card);font-weight:var(--fw-semibold);margin-bottom:6px}.fitur .card p{color:var(--ink-soft);line-height:1.55}.gabung-cepat{gap:8px;max-width:420px;display:flex}.gabung-cepat .input{flex:1}.ruang{background:var(--canvas);color:var(--ink);flex-direction:column;min-height:100dvh;display:flex}.ruang__atas{background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.ruang__judul{min-width:0;font-weight:var(--fw-semibold);font-size:var(--fs-card);align-items:center;gap:10px;display:flex}.ruang__judul span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ruang__meta{font-size:var(--fs-label);color:var(--ink-soft);white-space:nowrap;align-items:center;gap:8px;display:flex}.ruang__isi{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.ruang__isi--panel{grid-template-columns:minmax(0,1fr) 320px}.ruang__panggung{min-height:0;padding:12px}.grid-video{grid-template-columns:repeat(var(--kolom,1), minmax(0, 1fr));grid-auto-rows:minmax(140px,1fr);gap:10px;height:100%;display:grid}.tile{background:var(--surface);border-radius:var(--r-tile);aspect-ratio:16/9;place-items:center;display:grid;position:relative;overflow:hidden}.tile--bicara{box-shadow:inset 0 0 0 2.5px var(--brand-500)}.tile video{object-fit:cover;background:#000;width:100%;height:100%}.tile--cermin video{transform:scaleX(-1)}.tile--layar video{object-fit:contain}.tile__nama{color:#fff;border-radius:var(--r-pill);font-size:var(--fs-label);font-weight:var(--fw-medium);background:#0f1419b3;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:4px 10px;display:inline-flex;position:absolute;bottom:10px;left:10px}.tile__nama span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile__ikon{gap:6px;display:flex;position:absolute;top:10px;right:10px}.tile__badge{color:#fff;background:#0f1419b3;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.tile__badge--tangan{background:var(--orange-500)}.ruang__panel{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.panel__tab{border-bottom:1px solid var(--line);gap:2px;padding:8px;display:flex}.panel__tab button{color:var(--ink-soft);border-radius:var(--r-chip);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;flex:1;padding:8px}.panel__tab button[aria-selected=true]{background:var(--surface-2);color:var(--ink)}.panel__isi{flex:1;align-content:start;gap:8px;padding:10px 12px;display:grid;overflow-y:auto}.chat-pesan{font-size:var(--fs-body);line-height:1.45}.chat-pesan__kepala{font-size:var(--fs-label);color:var(--ink-soft);align-items:baseline;gap:8px;display:flex}.chat-pesan__kepala b{color:var(--ink);font-weight:var(--fw-semibold)}.chat-form{border-top:1px solid var(--line);gap:6px;padding:10px 12px;display:flex}.chat-form .input{background:var(--surface-2);border-color:#0000;padding:10px 12px}.peserta-baris{align-items:center;gap:10px;padding:6px 0;display:flex}.peserta-baris__nama{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--fw-medium);flex:1;overflow:hidden}.peserta-baris__aksi{gap:4px;display:flex}.peserta-baris__aksi button{background:var(--surface-2);color:var(--ink-muted);border-radius:var(--r-chip);font-size:var(--fs-label);cursor:pointer;border:0;padding:4px 8px}.ruang__kontrol{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.kontrol{cursor:pointer;border-radius:var(--r-tile);background:var(--surface-2);min-width:56px;height:56px;color:var(--ink);font-size:var(--fs-caps);font-weight:var(--fw-medium);border:0;place-items:center;gap:2px;padding:0 12px;display:inline-grid;position:relative}.kontrol svg{width:20px;height:20px}.kontrol--mati{background:var(--red-500);color:#fff}.kontrol--aktif{background:var(--brand-500);color:#fff}.kontrol--keluar{background:var(--red-500);color:#fff;min-width:84px}.kontrol__hitung{background:var(--brand-500);color:#fff;border-radius:var(--r-pill);padding:1px 6px;font-size:10px;position:absolute;top:-5px;right:-5px}.pra-gabung{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:start;gap:18px;max-width:860px;margin:0 auto;padding:24px 16px 40px;display:grid}.pra-gabung__kartu{background:var(--surface);border-radius:var(--r-panel);padding:var(--sp-22)}.pra-gabung__kartu h1{font-size:var(--fs-page);font-weight:var(--fw-semibold);margin-bottom:4px}.pra-gabung__sub{color:var(--ink-soft);margin-bottom:14px}.pratinjau{aspect-ratio:16/9;border-radius:var(--r-tile);background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.pratinjau video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.pratinjau__kontrol{justify-content:center;gap:10px;display:flex;position:absolute;bottom:12px;left:0;right:0}.pilih-perangkat{gap:8px;margin-top:12px;display:grid}.pilih-perangkat select{border-radius:var(--r-chip);border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);padding:10px 12px}.ruang-tengah{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.ruang-tengah .pra-gabung__kartu{width:min(440px,100%)}@media (width<=860px){.pra-gabung{grid-template-columns:minmax(0,1fr)}.ruang__isi--panel{grid-template-rows:minmax(0,1fr) 44vh;grid-template-columns:minmax(0,1fr)}.ruang__panel{border-left:0;border-top:1px solid var(--line)}.grid-video{grid-auto-rows:minmax(110px,auto);height:auto}.kontrol{min-width:50px;height:50px;font-size:0}.kontrol--keluar{min-width:50px}}