:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--meeting-bg:#090b0e;--meeting-surface:#11151a;--meeting-surface-raised:#171c22;--meeting-border:#28303a;--meeting-text:#f6f7f8;--meeting-text-muted:#99a3ad;--meeting-accent:#3285ff;--meeting-accent-hover:#4b94ff;--meeting-danger:#e5484d;--meeting-radius-sm:8px;--meeting-radius-md:14px;--meeting-shadow:0 18px 48px #00000057;font-family:Inter,Segoe UI Variable,Segoe UI,Microsoft YaHei UI,system-ui,sans-serif}.meeting-button{border-radius:var(--meeting-radius-sm);cursor:pointer;font:inherit;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-size:14px;font-weight:600;line-height:20px;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.meeting-button:hover:not(:disabled){transform:translateY(-1px)}.meeting-button:focus-visible{outline:2px solid var(--meeting-accent);outline-offset:2px}.meeting-button:disabled{cursor:not-allowed;opacity:.48}.meeting-button--primary{background:var(--meeting-accent);color:#fff}.meeting-button--primary:hover:not(:disabled){background:var(--meeting-accent-hover)}.meeting-button--secondary{background:var(--meeting-surface-raised);border-color:var(--meeting-border);color:var(--meeting-text)}.meeting-button--secondary:hover:not(:disabled),.meeting-button--subtle:hover:not(:disabled){background:#20262e}.meeting-button--subtle{color:var(--meeting-text-muted);background:0 0}@media (prefers-reduced-motion:reduce){.meeting-button{transition:none}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--meeting-bg);color:var(--meeting-text);overflow:hidden}button,input{font:inherit}button{color:inherit}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.join-shell{background:radial-gradient(circle at 70% 22%, #3285ff1c, transparent 30%), var(--meeting-bg);justify-content:center;align-items:center;min-height:100vh;padding:88px 28px 48px;display:flex;position:relative}.join-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 78%,#0000);mask-image:linear-gradient(#0000,#000 20% 78%,#0000)}.app-brand{z-index:1;align-items:center;gap:11px;display:flex;position:absolute;top:28px;left:clamp(24px,5vw,72px)}.app-brand__mark{background:var(--meeting-accent);border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:750;display:flex;box-shadow:0 8px 24px #3285ff42}.app-brand>div:last-child{gap:1px;display:grid}.app-brand strong{font-size:15px}.app-brand span{color:var(--meeting-text-muted);font-size:11px}.join-panel{border:1px solid var(--meeting-border);box-shadow:var(--meeting-shadow);z-index:1;background:#11151aeb;border-radius:16px;width:100%;max-width:470px;padding:38px;position:relative}.join-panel__copy{text-align:center}.join-panel__icon{color:#80b2ff;background:#3285ff21;border:1px solid #5d9fff40;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;display:inline-flex}.join-panel h1{letter-spacing:-.035em;margin:0;font-size:30px}.join-panel__copy p{color:var(--meeting-text-muted);max-width:350px;margin:12px auto 0;font-size:14px;line-height:1.7}.join-form{gap:10px;margin-top:30px;display:grid}.join-form label{font-size:13px;font-weight:620}.join-form input{color:var(--meeting-text);letter-spacing:.04em;background:#0c1014;border:1px solid #303946;border-radius:9px;outline:none;width:100%;height:48px;padding:0 14px;font-size:16px;transition:border-color .14s,box-shadow .14s}.join-form input::placeholder{color:#66717d;letter-spacing:normal}.join-form input:focus{border-color:var(--meeting-accent);box-shadow:0 0 0 3px #3285ff21}.identity-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identity-option{cursor:pointer;background:#0c1014;border:1px solid #303946;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.identity-option--selected{border-color:var(--meeting-accent);color:#91bcff}.join-form .identity-option input{opacity:0;pointer-events:none;width:1px;height:1px;padding:0;position:absolute}.fixed-host-name{color:#a8caff;background:#3285ff1a;border:1px solid #5d9fff40;border-radius:9px;padding:12px 14px;font-size:13px}.camera-preference{cursor:pointer;background:#171d24;border:1px solid #303946;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:flex}.camera-preference--off{color:#ff979a}.primary-action{background:var(--meeting-accent);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;height:46px;margin-top:6px;font-size:14px;font-weight:650;transition:background-color .14s,transform .14s;display:flex}.primary-action:hover:not(:disabled){background:var(--meeting-accent-hover);transform:translateY(-1px)}.primary-action:focus-visible,.control-action:focus-visible,.icon-action:focus-visible,.compact-action:focus-visible{outline-offset:2px;outline:2px solid #78acff}.primary-action:disabled{cursor:wait;opacity:.7}.loading-indicator{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite loading-spin}.form-error,.meeting-error{color:#ff8b8f;margin:0;font-size:12px;line-height:1.5}.join-status{color:var(--meeting-text-muted);text-align:center;margin:0;font-size:12px;line-height:1.5}.join-security-note{border-top:1px solid var(--meeting-border);color:#77828e;align-items:flex-start;gap:8px;margin-top:28px;padding-top:19px;font-size:11px;line-height:1.55;display:flex}.join-security-note svg{flex:none;margin-top:1px}.meeting-shell{background:var(--meeting-bg);grid-template-rows:58px minmax(0,1fr) 88px;height:100vh;display:grid;overflow:hidden}.meeting-header{background:#0b0e12;border-bottom:1px solid #20262d;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.meeting-header__identity,.meeting-header__actions,.participant-count{align-items:center;display:flex}.meeting-header__identity{gap:14px}.meeting-header__identity strong{font-size:14px;font-weight:620}.meeting-header__identity span{color:var(--meeting-text-muted);font-variant-numeric:tabular-nums;font-size:13px}.meeting-header__actions{gap:10px}.participant-count{color:var(--meeting-text-muted);gap:7px;font-size:12px}.icon-action{cursor:pointer;background:#171c22;border:1px solid #2b333d;border-radius:7px;justify-content:center;align-items:center;width:34px;height:32px;display:flex}.meeting-stage{min-height:0;padding:14px;position:relative}.video-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-auto-rows:minmax(180px,1fr);gap:10px;max-width:1600px;height:100%;margin:auto;display:grid}.meeting-stage:has(.screen-share-view){grid-template-columns:minmax(0,3fr) minmax(180px,1fr);gap:10px;display:grid}.video-grid--with-share{grid-template-columns:1fr;grid-auto-rows:minmax(120px,180px);align-content:start;overflow-y:auto}.screen-share-view{background:#090c10;border:1px solid #3285ff8c;border-radius:10px;min-height:0;position:relative;overflow:hidden}.screen-share-view__player,.screen-share-view__player>div,.screen-share-view__player video{inset:0;object-fit:contain!important;width:100%!important;height:100%!important;position:absolute!important}.screen-share-view__waiting{color:#7d8b99;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.screen-share-view__waiting strong{color:#b5c0cc;font-size:14px}.screen-share-view__waiting span{font-size:12px}.screen-share-view__label{background:#06080ad1;border-radius:6px;align-items:center;gap:7px;padding:6px 9px;font-size:12px;display:flex;position:absolute;bottom:10px;left:10px}.screen-share-view__live{background:#36d07b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #36d07b26}.video-tile,.waiting-participants{background:#151a20;border:1px solid #282f38;border-radius:10px;min-height:0;position:relative;overflow:hidden}.video-tile--local{border-color:#3285ffb3;box-shadow:inset 0 0 0 1px #3285ff38}.video-tile__player,.video-tile__player>div,.video-tile__player video{inset:0;object-fit:cover!important;width:100%!important;height:100%!important;position:absolute!important}.video-tile__camera-off{color:#74808c;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:0}.video-tile__avatar{color:#c5d7ec;background:#27323e;border:1px solid #364454;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:5px;font-size:26px;font-weight:650;display:flex}.video-tile__identity{background:#06080abd;border-radius:6px;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:6px 8px;font-size:12px;display:flex;position:absolute;bottom:10px;left:10px}.video-tile__identity svg{color:#ff7d81;flex:none}.video-tile__identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-tile__actions{position:absolute;top:10px;right:10px}.participant-mute-action{cursor:pointer;background:#0a0d11d1;border:1px solid #3a4551;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:11px;display:flex}.waiting-participants{color:#697581;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.waiting-participants strong{color:#aeb6bf;font-size:14px;font-weight:570}.waiting-participants span{font-size:12px}.meeting-error{z-index:5;background:#3f1114e6;border:1px solid #e5484d73;border-radius:7px;width:calc(100% - 48px);max-width:520px;padding:9px 12px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.meeting-controls{background:#0d1115;border-top:1px solid #242a32;justify-content:center;align-items:center;gap:12px;padding:10px 20px;display:flex}.control-action{cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:86px;min-height:64px;padding:8px 12px;font-size:11px;display:flex}.control-action:hover{background:#1b2128}.control-action--inactive{color:#ff8589}.control-action--sharing{color:#50dc91}.control-action:disabled{cursor:wait;opacity:.65}.control-action--leave{background:var(--meeting-danger);color:#fff;min-width:92px;min-height:54px;margin-left:18px}.control-action--leave:hover{background:#f05257}.compact-meeting{background:#0b0e12;grid-template-columns:minmax(0,1fr) 86px;height:100vh;padding:8px;display:grid}.compact-meeting .video-tile,.compact-meeting .screen-share-view{border-radius:8px}.screen-picker-backdrop{z-index:50;background:#020406c2;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.screen-picker{background:#11161c;border:1px solid #303945;border-radius:14px;width:100%;max-width:760px;max-height:min(560px,100vh - 48px);overflow:hidden;box-shadow:0 24px 80px #0000008c}.screen-picker__header,.screen-picker__header>div{align-items:center;display:flex}.screen-picker__header{border-bottom:1px solid #29313a;justify-content:space-between;padding:16px 18px}.screen-picker__header>div{gap:9px}.screen-picker__header h2{margin:0;font-size:16px}.screen-picker__header button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.screen-picker__header button:hover{background:#252c34}.screen-picker__grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;max-height:480px;padding:18px;display:grid;overflow-y:auto}.screen-source{cursor:pointer;text-align:left;background:#171d24;border:1px solid #303945;border-radius:9px;gap:9px;min-width:0;padding:8px;display:grid}.screen-source:hover{border-color:#4c90f2;box-shadow:0 0 0 2px #3285ff21}.screen-source img{aspect-ratio:16/9;object-fit:contain;background:#080a0d;border-radius:5px;width:100%}.screen-source span{text-overflow:ellipsis;white-space:nowrap;padding:0 3px 3px;font-size:12px;overflow:hidden}.screen-picker__empty{color:var(--meeting-text-muted);text-align:center;margin:0;padding:54px 20px}.compact-meeting__actions{flex-direction:column;justify-content:center;align-items:stretch;gap:8px;padding-left:8px;display:flex}.compact-action{cursor:pointer;background:#1b222a;border:1px solid #303a46;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.compact-action--leave{background:#c93d42;border-color:#e34d52}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (width<=700px){body{overflow:auto}.join-shell{align-items:flex-start;padding:112px 18px 36px}.app-brand{top:22px;left:20px}.join-panel{padding:30px 22px 26px}.meeting-shell{grid-template-rows:54px minmax(0,1fr) 78px}.meeting-header{padding:0 12px}.meeting-header__identity{gap:8px}.participant-count{font-size:11px}.meeting-stage{padding:8px}.meeting-stage:has(.screen-share-view){grid-template-rows:minmax(220px,1fr) minmax(100px,180px);grid-template-columns:1fr}.video-grid--with-share{grid-auto-rows:1fr;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;overflow:auto hidden}.video-grid{grid-template-columns:1fr;grid-auto-rows:minmax(150px,1fr);gap:7px;overflow-y:auto}.meeting-controls{gap:2px;padding-inline:6px}.control-action{min-width:76px;min-height:58px;padding-inline:7px}.control-action--leave{min-width:82px;margin-left:4px}}@media (prefers-reduced-motion:reduce){.loading-indicator{animation:none}.join-form input,.primary-action{transition:none}}