:root{color-scheme:dark;--bg:#09090b;--bg-soft:#0f1117;--surface:#111827;--surface-strong:#18181b;--surface-soft:#0b1220;--text:#fafafa;--muted:#a1a1aa;--muted-strong:#d4d4d8;--line:rgba(255,255,255,0.1);--line-strong:rgba(255,255,255,0.16);--blue:#2563eb;--blue-soft:#1d4ed8;--blue-light:#60a5fa;--blue-glow:rgba(37,99,235,0.34);--danger:#ef4444;--danger-strong:#dc2626;--shadow:0 28px 90px rgba(0,0,0,0.55)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(145deg,#030712 0,var(--bg) 42%,#0b1220 100%);color:var(--text);font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{align-items:center;display:flex;justify-content:center;min-height:100dvh;padding:20px}.join-card{background:linear-gradient(180deg,rgba(24,24,27,.96),rgba(9,9,11,.96));border:1px solid var(--line-strong);border-radius:24px;box-shadow:var(--shadow);max-width:470px;padding:26px;position:relative;width:100%}.join-card:before{background:linear-gradient(90deg,transparent,rgba(96,165,250,.5),transparent);content:"";height:1px;left:22px;position:absolute;right:22px;top:0}.join-card__top{justify-content:space-between;margin-bottom:26px}.brand-mark,.join-card__top{align-items:center;display:flex}.brand-mark{background:linear-gradient(135deg,var(--blue),#0ea5e9);border:1px solid rgba(255,255,255,.2);border-radius:18px;box-shadow:0 18px 38px rgba(37,99,235,.28);height:48px;justify-content:center;width:48px}.brand-mark span{background:#ffffff;border-radius:999px;display:block;height:18px;opacity:.95;width:18px}.recent-room,.status-pill{background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.24);border-radius:999px;color:#bfdbfe;font-size:.78rem;font-weight:800;padding:8px 11px}.join-card__header{margin-bottom:24px}.call-header h1,.chat-panel h2,.device-sheet h2,.join-card h1{font-family:Outfit,Manrope,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;line-height:1.08;margin:0}.join-card h1{font-size:clamp(2rem,8vw,3.1rem)}.join-card p{color:var(--muted);font-size:1rem;line-height:1.6;margin:12px 0 0}.join-form{display:grid;grid-gap:16px;gap:16px}.join-form label{display:grid;grid-gap:8px;gap:8px}.eyebrow,.join-form label span,.recent-rooms h2{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.join-form input{background:rgba(24,24,27,.82);border:1px solid var(--line);border-radius:16px;color:var(--text);min-height:52px;outline:none;padding:0 15px;width:100%}.join-form input::placeholder{color:#71717a}.join-form input:focus{border-color:rgba(96,165,250,.72);box-shadow:0 0 0 4px rgba(37,99,235,.2)}.join-form input:disabled{background:rgba(39,39,42,.7);color:var(--muted-strong)}.link-preview{align-items:center;background:rgba(15,23,42,.72);border:1px solid rgba(96,165,250,.18);border-radius:18px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.link-preview span{color:#dbeafe;display:grid;font-size:.92rem;grid-gap:3px;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview small{color:#93c5fd;font-size:.72rem;font-weight:800;text-transform:uppercase}.button{align-items:center;border:0;border-radius:16px;cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;min-height:46px;padding:0 17px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.65;transform:none}.button--primary{background:linear-gradient(135deg,var(--blue),#1d4ed8);box-shadow:0 18px 32px rgba(37,99,235,.3);color:#ffffff;width:100%}.button--primary:hover{background:linear-gradient(135deg,#3b82f6,var(--blue-soft))}.button--secondary,.icon-button{background:rgba(24,24,27,.88);border:1px solid var(--line-strong);color:#dbeafe}.button--secondary{min-height:38px}.form-error{background:rgba(127,29,29,.22);border:1px solid rgba(248,113,113,.3);border-radius:14px;color:#fecaca!important;font-size:.92rem;margin:0!important;padding:11px 13px}.recent-rooms{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.recent-rooms h2{margin:0 0 12px}.recent-room-list{display:flex;flex-wrap:wrap;gap:9px}.recent-room{cursor:pointer;min-height:36px}.call-page{background:#030712;color:#ffffff;height:100dvh;overflow:hidden}.call-page .lk-room-container{background:transparent;height:100%}.meeting-shell{background:linear-gradient(180deg,rgba(9,9,11,.98),rgba(3,7,18,1));display:grid;grid-template-areas:"header" "stage";grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden;position:relative}.meeting-shell--chat-open{grid-template-areas:"header chat" "stage chat";grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.call-header{align-items:center;background:rgba(3,7,18,.72);border-bottom:1px solid var(--line);display:flex;gap:16px;grid-area:header;justify-content:space-between;min-height:70px;padding:14px 20px;position:relative;z-index:5}.call-header h1{font-size:1.22rem}.call-header>span{background:rgba(24,24,27,.82);border:1px solid var(--line);border-radius:999px;color:#dbeafe;font-weight:800;max-width:45vw;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.call-alert{align-items:center;background:rgba(127,29,29,.9);border:1px solid rgba(248,113,113,.38);border-radius:16px;color:#fee2e2;display:flex;gap:12px;left:50%;max-width:calc(100% - 32px);padding:11px 13px;position:absolute;top:82px;transform:translateX(-50%);z-index:20}.call-alert button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffffff;cursor:pointer;font-weight:800;padding:6px 10px}.meeting-stage{grid-area:stage;min-height:0;padding:18px 18px 104px;position:relative}.meeting-stage__status{left:28px;position:absolute;top:28px;z-index:4}.meeting-stage__status span{background:rgba(3,7,18,.64);border:1px solid var(--line);border-radius:999px;color:#d4d4d8;font-size:.82rem;font-weight:800;padding:7px 11px}.meeting-stage .lk-grid-layout{gap:14px;height:100%}.meeting-stage .lk-participant-tile,.meeting-tile{background:linear-gradient(145deg,rgba(24,24,27,.96),rgba(15,23,42,.9));border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.26);min-height:160px;overflow:hidden}.meeting-stage .lk-participant-tile[data-lk-speaking=true],.meeting-tile[data-lk-speaking=true]{border-color:rgba(96,165,250,.86);box-shadow:0 0 0 1px rgba(96,165,250,.45),0 18px 56px rgba(37,99,235,.2)}.meeting-stage video{height:100%;object-fit:cover;object-position:center center;width:100%}.meeting-stage [data-lk-local-participant=true] video{transform:scaleX(-1)}.meeting-stage [data-lk-video-muted=true]{align-items:center;display:flex;justify-content:center}.meeting-stage [data-lk-video-muted=true]:before{align-items:center;background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(24,24,27,.8));border:1px solid rgba(96,165,250,.25);border-radius:999px;color:#bfdbfe;content:"Camera off";display:flex;font-size:.9rem;font-weight:900;min-height:54px;padding:0 18px}.meeting-stage .lk-participant-name,.meeting-stage .lk-track-muted-indicator{background:rgba(3,7,18,.66);border:1px solid var(--line);border-radius:999px;color:#f4f4f5;font-weight:800}.meeting-stage--screen-share{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) minmax(190px,260px)}.participant-strip,.screen-share-focus{min-height:0}.meeting-tile--screen{border-radius:18px}.participant-strip .lk-grid-layout{grid-auto-rows:minmax(140px,1fr)}.call-controls{align-items:center;background:rgba(9,9,11,.78);border:1px solid var(--line);border-radius:999px;bottom:max(18px,env(safe-area-inset-bottom));box-shadow:0 20px 70px rgba(0,0,0,.46);display:flex;gap:8px;left:50%;max-width:calc(100% - 28px);padding:8px;position:fixed;transform:translateX(-50%);z-index:15}.camera-control-pair{display:flex;gap:6px}.call-control{align-items:center;background:rgba(39,39,42,.92);border:1px solid var(--line);border-radius:999px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:48px;min-width:88px;padding:0 14px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.call-control:hover{transform:translateY(-1px)}.call-control--active,.call-control[aria-pressed=true],.call-control[data-lk-enabled=true]{background:rgba(37,99,235,.95);border-color:rgba(147,197,253,.55);box-shadow:0 14px 34px rgba(37,99,235,.28);color:#ffffff}.call-control--split{min-width:48px;padding:0}.call-control--leave{background:rgba(220,38,38,.96);border-color:rgba(248,113,113,.55);color:#ffffff}.control-glyph{border:2px solid;display:inline-block;height:17px;opacity:.95;position:relative;width:17px}.control-glyph--mic{border-radius:9px;height:19px;width:12px}.control-glyph--camera{border-radius:5px;width:20px}.control-glyph--screen{border-radius:4px;width:20px}.control-glyph--chat{border-radius:6px}.control-glyph--switch{border-left:0;border-top:0;height:12px;transform:rotate(45deg);width:12px}.control-glyph--leave{border-radius:50%}.chat-panel{background:rgba(9,9,11,.96);border-left:1px solid var(--line);display:grid;grid-area:chat;grid-template-rows:auto minmax(0,1fr);min-height:0;z-index:10}.chat-panel__header,.device-sheet__header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px}.chat-panel h2,.device-sheet h2{font-size:1.16rem}.icon-button{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:900;height:38px;justify-content:center;width:38px}.chat-panel .lk-chat{background:transparent;border:0;color:var(--text);height:100%;min-height:0}.chat-panel .lk-chat-messages{background:transparent;padding:14px}.chat-panel .lk-chat-entry{background:rgba(24,24,27,.82);border:1px solid var(--line);border-radius:16px;color:#f4f4f5;margin-bottom:10px;padding:10px 12px}.chat-panel .lk-chat-form{background:rgba(3,7,18,.9);border-top:1px solid var(--line);gap:8px;padding:12px}.chat-panel .lk-form-control,.chat-panel input,.chat-panel textarea{background:rgba(24,24,27,.88)!important;border:1px solid var(--line)!important;border-radius:14px!important;color:#ffffff!important}.chat-panel button{border-radius:14px}.device-sheet-backdrop{align-items:flex-end;background:rgba(0,0,0,.56);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:30}.device-sheet{background:rgba(15,23,42,.98);border:1px solid var(--line-strong);border-radius:24px;box-shadow:var(--shadow);max-width:460px;overflow:hidden;width:100%}.device-list{display:grid;grid-gap:10px;gap:10px;padding:14px}.device-option{align-items:center;background:rgba(24,24,27,.78);border:1px solid var(--line);border-radius:18px;color:#ffffff;cursor:pointer;display:flex;gap:12px;min-height:64px;padding:10px 12px;text-align:left}.device-option--active{background:rgba(37,99,235,.22);border-color:rgba(96,165,250,.55)}.device-option__icon{background:rgba(96,165,250,.14);border:1px solid rgba(96,165,250,.35);border-radius:14px;height:40px;width:40px}.device-option span:last-child{display:grid;grid-gap:3px;gap:3px}.device-empty span,.device-option small{color:var(--muted)}.device-empty{background:rgba(24,24,27,.74);border:1px solid var(--line);border-radius:18px;color:#ffffff;display:grid;grid-gap:6px;gap:6px;padding:18px}@media (min-width:760px){.device-sheet-backdrop{align-items:center}}@media (max-width:760px){.page-shell{align-items:stretch;padding:14px}.join-card{align-self:center;border-radius:22px;padding:22px}.join-card__top{align-items:flex-start;gap:12px}.link-preview{grid-template-columns:1fr}.button--secondary{width:100%}.meeting-shell--chat-open{grid-template-areas:"header" "stage";grid-template-columns:1fr}.call-header{align-items:flex-start;flex-direction:column;gap:8px;min-height:88px;padding:12px 14px}.call-header>span{max-width:100%}.meeting-stage{padding:12px 12px 112px}.meeting-stage__status{left:22px;top:22px}.meeting-stage .lk-grid-layout{gap:10px}.meeting-stage .lk-participant-tile,.meeting-tile{border-radius:18px;min-height:180px}.meeting-stage--screen-share{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.participant-strip{max-height:160px}.call-controls{border-radius:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 24px)}.camera-control-pair{display:grid;grid-template-columns:minmax(0,1fr) 48px}.call-control{min-width:0;padding:0 10px}.chat-panel{border-left:0;border-radius:24px 24px 0 0;border-top:1px solid var(--line-strong);bottom:0;box-shadow:var(--shadow);height:min(72dvh,620px);left:0;position:fixed;right:0;z-index:25}}@media (max-width:420px){.status-pill{display:none}.call-control{font-size:.82rem}}[data-lk-theme=default]{--lk-bg:#030712;--lk-fg:#fafafa;--lk-fg-secondary:#a1a1aa;--lk-border-color:rgba(255,255,255,0.1);--lk-accent-bg:var(--blue);--lk-accent-fg:#ffffff;--lk-danger:var(--danger)}.meeting-shell>.lk-video-conference{background:transparent;display:grid;grid-area:stage;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}.lk-video-conference-inner{min-height:0}.lk-video-conference .lk-carousel,.lk-video-conference .lk-focus-layout,.lk-video-conference .lk-grid-layout{background:transparent;gap:14px;min-height:0;padding:18px 18px 104px}.lk-participant-tile{background:linear-gradient(145deg,rgba(24,24,27,.96),rgba(15,23,42,.9))!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(0,0,0,.26);overflow:hidden}.lk-participant-tile[data-lk-speaking=true]{border-color:rgba(96,165,250,.86)!important;box-shadow:0 0 0 1px rgba(96,165,250,.45),0 18px 56px rgba(37,99,235,.2)}.lk-participant-tile video{height:100%;object-fit:cover;object-position:center center;width:100%}.lk-participant-tile[data-lk-local-participant=true] .lk-video-track,.lk-participant-tile[data-lk-local-participant=true] video{transform:scaleX(-1)}.lk-camera-off-note,.lk-participant-placeholder{background:radial-gradient(circle at top,rgba(37,99,235,.18),transparent 55%),rgba(24,24,27,.88)!important;color:#bfdbfe!important}.lk-connection-quality,.lk-participant-name,.lk-track-muted-indicator{background:rgba(3,7,18,.66)!important;border:1px solid var(--line)!important;border-radius:999px!important;color:#f4f4f5!important;font-weight:800}.lk-control-bar{align-items:center;background:rgba(9,9,11,.82)!important;border:1px solid var(--line)!important;border-radius:999px!important;bottom:max(18px,env(safe-area-inset-bottom));box-shadow:0 20px 70px rgba(0,0,0,.46);display:flex;gap:8px;left:50%;max-width:calc(100% - 28px);padding:8px!important;position:fixed;transform:translateX(-50%);z-index:20}.lk-control-bar .lk-button,.lk-control-bar button,.lk-device-menu button{background:rgba(39,39,42,.94)!important;border:1px solid var(--line)!important;border-radius:999px!important;color:#e5e7eb!important;font-weight:900;min-height:46px}.lk-control-bar .lk-button[aria-pressed=true],.lk-control-bar .lk-button[data-lk-enabled=true],.lk-control-bar button[aria-pressed=true],.lk-control-bar button[data-lk-enabled=true]{background:rgba(37,99,235,.95)!important;border-color:rgba(147,197,253,.55)!important;box-shadow:0 14px 34px rgba(37,99,235,.28);color:#ffffff!important}.lk-control-bar .lk-disconnect-button,.lk-control-bar [data-lk-source=disconnect],.lk-disconnect-button{background:rgba(220,38,38,.96)!important;border-color:rgba(248,113,113,.55)!important;color:#ffffff!important}.lk-device-menu,.lk-device-menu [role=menu],.lk-device-menu ul{background:rgba(15,23,42,.98)!important;border:1px solid var(--line-strong)!important;border-radius:18px!important;box-shadow:var(--shadow);color:#ffffff!important;overflow:hidden}.lk-device-menu [role=menuitem],.lk-device-menu li{color:#e5e7eb!important;min-height:42px}.lk-device-menu [role=menuitem]:hover,.lk-device-menu li:hover{background:rgba(37,99,235,.22)!important;color:#ffffff!important}.lk-chat{background:rgba(9,9,11,.96)!important;border-left:1px solid var(--line)!important;color:var(--text)!important}.lk-chat-messages{background:transparent!important}.lk-chat-entry{background:rgba(24,24,27,.82)!important;border:1px solid var(--line)!important;border-radius:16px!important;color:#f4f4f5!important;margin-bottom:10px;padding:10px 12px}.lk-chat-form{background:rgba(3,7,18,.9)!important;border-top:1px solid var(--line)!important}.lk-chat-form .lk-form-control,.lk-chat-form input,.lk-chat-form textarea{background:rgba(24,24,27,.88)!important;border:1px solid var(--line)!important;border-radius:14px!important;color:#ffffff!important}@media (max-width:760px){.meeting-shell>.lk-video-conference{grid-template-rows:minmax(0,1fr) auto}.lk-video-conference .lk-carousel,.lk-video-conference .lk-focus-layout,.lk-video-conference .lk-grid-layout{gap:10px;padding:12px 12px 148px}.lk-participant-tile{border-radius:18px!important}.lk-control-bar{border-radius:24px!important;display:grid!important;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 24px)}.lk-control-bar .lk-button,.lk-control-bar button{font-size:.8rem;min-height:44px;min-width:0;padding-left:8px!important;padding-right:8px!important}.lk-chat{border-left:0!important;border-radius:24px 24px 0 0!important;border-top:1px solid var(--line-strong)!important;bottom:0;box-shadow:var(--shadow);height:min(72dvh,620px);left:0;position:fixed!important;right:0;z-index:25}}@media (max-width:420px){.lk-control-bar{gap:6px;padding:6px!important}.lk-control-bar .lk-button,.lk-control-bar button{font-size:0;min-height:42px}.lk-control-bar .lk-button svg,.lk-control-bar button svg{height:18px;width:18px}}body.u8-back-camera-active .lk-participant-tile[data-lk-local-participant=true] .lk-video-track,body.u8-back-camera-active .lk-participant-tile[data-lk-local-participant=true] video,body.u8-back-camera-active .meeting-stage [data-lk-local-participant=true] video{transform:none!important}