body.meet-page{--ic:url(/meet-icons.svg);--mono:ui-monospace,"Cascadia Mono",Consolas,monospace;--bg:light-dark(#e8e6e1,#0b0d10);--s1:light-dark(#f3f1ec,#12151a);--panel:var(--s1);--s2:light-dark(#eae7e1,#1a1e24);--s3:light-dark(#dedad2,#232830);--line:light-dark(#16181b1f,#cdd7e61a);--l2:light-dark(#16181b42,#cdd7e638);--l3:light-dark(#16181b80,#cdd7e673);--line2:var(--l2);--text:light-dark(#16181b,#e6e9ed);--muted:light-dark(#4a4f57,#a3abb6);--faint:light-dark(#565b63,#8a939f);--ac:light-dark(#3b566f,#9db4c8);--accent:var(--ac);--acc-ink:light-dark(#f3f1ec,#0b0d10);--acc-bg:light-dark(#3b566f1a,#9db4c81f);--danger:light-dark(#b3303a,#e5575f);--dn:light-dark(#b3303a,#c8414a);--ph:light-dark(#d6d3cc,#0f1216);--vid:light-dark(#f3f1ece0,#0b0d10d1);--sh:0 10px 30px light-dark(#16181b24,#00000073);--scrim:light-dark(#16181b73,#050608b8);--d1:.1s;--d2:.18s;--d3:.22s;--e:cubic-bezier(.2,.7,.2,1);background:var(--bg)}.meet-page .tb{display:block;height:auto;padding:0}.meet-page :focus-visible{outline:2px solid var(--ac);outline-offset:2px;box-shadow:none}.meet-page button:disabled{cursor:default}.meet-main{display:block;max-width:1080px;margin:0 auto;padding:20px 28px 0}.meet-heading{display:flex;justify-content:flex-end;min-height:30px;margin-bottom:12px}.meet-heading h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.meet-heading .hint,.alone small,.meet-room label,.room-divider,.lobby-panel h3,.capture-hint{margin:0;font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.meet-heading .hint{padding:5px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);overflow-wrap:anywhere}.meet-main #notice{position:fixed;top:66px;left:50%;z-index:9;transform:translateX(-50%);pointer-events:none;min-height:0;width:fit-content;max-width:min(560px,calc(100% - 24px));margin:0;padding:0;border:0;background:none;font-size:13px;text-align:center;color:var(--muted)}.meet-main #notice:not(:empty){padding:9px 16px;border:1px solid var(--l2);border-radius:10px;background:var(--s2);color:var(--text);font-weight:550;box-shadow:var(--sh)}.meet-main #notice[data-k=err]{border-color:var(--danger)}.meet-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:48px;align-items:center;min-height:min(620px,calc(100vh - 190px));padding-bottom:24px}.meet-main section{grid-column:auto;grid-row:auto;margin:0;padding:0;border:0;background:none;box-shadow:none}.meet-stage{position:relative}.grid{position:relative;display:block;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:var(--ph);border:1px solid var(--l2);box-shadow:var(--sh)}.grid>#media,.grid>#persons{display:contents}.video-tile{position:absolute;inset:0;overflow:hidden;background:var(--ph);color:var(--text)}.video-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.local-tile video,.mirror{transform:scaleX(-1)}.self-hidden{display:none!important}.meet-stage:has(#screen[aria-pressed=true]) .local-tile video{transform:none;object-fit:contain}.meet-stage:has(:is(#camera,#screen)[aria-pressed=true]) #local-placeholder,#local-state{display:none}.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.avatar,.person::before{display:grid;place-items:center;width:96px;height:96px;border:1px solid var(--l2);border-radius:50%;color:var(--muted);font:500 26px var(--mono);letter-spacing:.06em}.local-tile .tile-label{display:none}.call-controls{position:relative;z-index:2;display:flex;align-items:center;gap:4px;width:fit-content;margin:-70px 0 0 16px;padding:4px;border-radius:14px;background:var(--vid);border:1px solid var(--l2)}.call-controls button,.lock::before,.e2ee-badge::before{--i:0}.call-controls button{position:relative;flex:none;width:44px;height:44px;min-height:0;padding:0;border:0;border-radius:10px;font-size:0;background:none;color:var(--muted);transition:background var(--d2),color var(--d2),transform var(--d1)}.call-controls button::before,.lock::before,.e2ee-badge::before{content:"";flex:none;width:24px;height:24px;background:currentColor;mask:var(--ic) calc(var(--i)*-24px) 0/288px 24px}.call-controls button:hover:not(:disabled){background:var(--s3);color:var(--text);filter:none}.call-controls button:disabled{opacity:.5}#microphone[aria-pressed=false]{--i:1}#camera{--i:2}#camera[aria-pressed=false]{--i:3}.call-controls :is(#microphone,#camera)[aria-pressed=false]:not(:disabled){background:var(--dn);color:#fff}.bar-gap{display:none}.capture-hint{margin:28px 0 0}.devs{display:flex;gap:6px;width:fit-content;max-width:calc(100% - 190px);margin:-58px 0 0 174px;position:relative;z-index:2}.dev{min-width:0;flex:1 1 0}.devs+.capture-hint{margin-top:36px}.devs select{height:44px;padding:0 10px;border:1px solid var(--l2);border-radius:10px;background:var(--vid);font-size:12px;font-weight:550;text-overflow:ellipsis}.meet-room{max-width:380px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 8px;align-content:start}:where(.meet-room,#room-form,#new-room)>*{grid-column:1/-1;order:9}#room-form,#new-room:not([hidden]){display:contents}.meet-room h2{order:0;font-size:clamp(26px,3vw,34px);font-weight:650;line-height:1.15;letter-spacing:-.03em;margin:0 0 6px}.meet-room input{height:50px;padding:0 14px;border:1px solid var(--l3);border-radius:10px;background:var(--s1);font:550 15px var(--font)}.meet-room input::placeholder{color:var(--faint);font-weight:450}.meet-room button:not(.e2ee-badge){min-height:50px;border-radius:10px;transition:background var(--d2),transform var(--d1)}.meet-room button:not(.e2ee-badge):not(:disabled):hover{filter:none;background:var(--text);color:var(--bg)}#room-form>label:first-child{order:1}#create{order:2;width:100%}#join{grid-column:2;order:7;padding:0 20px}.meet-room:has(#room-code:not(:placeholder-shown)) #create,.meet-room #copy-link{background:none;border-color:var(--l2);color:var(--text)}.meet-room #copy-link{width:100%;margin-top:10px}#room-code-label{grid-column:1;order:6;gap:0;font-size:0}#room-form:has(#room-code:placeholder-shown) #join{opacity:.4;pointer-events:none}#guest-info{order:8}.room-divider{order:5;display:flex;align-items:center;gap:12px;margin:6px 0 0}.room-divider::before,.room-divider::after{content:"";flex:1;height:1px;background:var(--line)}.meet-room .guest-choice{order:3;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--s1);font:450 14px/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--text)}.guest-choice input{order:2;margin:0 0 0 auto;width:20px;height:20px;accent-color:var(--ac)}.lock::before{order:1}.lock::before,.e2ee-badge::before{--i:10;width:16px;height:16px;mask-size:192px 16px;mask-position:calc(var(--i)*-16px) 0}.lock{position:relative}.meeting-facts{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;font-size:13px}.meeting-facts p{margin:4px 0}.lobby-panel{border:1px solid var(--l2);border-radius:14px;background:var(--s1);margin-top:20px;padding:14px 16px}.lobby-panel h3{margin:0 0 8px}.lobby-panel p{font-size:13px;margin:6px 0}.meet-room details{color:var(--muted)}@media(max-width:860px){.meet-layout{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0}.meet-room{max-width:none}.meet-main{padding:14px 16px 0}}@media(max-height:600px){.grid{aspect-ratio:auto;height:calc(100vh - 170px);min-height:200px}}@media(max-width:640px){.grid{aspect-ratio:3/3.4}.devs{display:none}.call-controls{margin:-62px 0 0 12px}.capture-hint{margin-top:22px}}.meet-main:has(#create:disabled):not(:has(#signin-required:not([hidden]),#waiting-room:not([hidden])))::after{content:"¿Sigue sin cargar? Recarga la página.";position:fixed;inset:auto 0 16px;text-align:center;font-size:14px;color:var(--muted);opacity:0;pointer-events:none;animation:late 1s 10s forwards}@keyframes late{to{opacity:1}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}}