.milu-group-call-design{--group-call-control-clearance:calc(54px + max(24px, env(safe-area-inset-bottom)) + 12px);z-index:70;background:var(--milu-video-bg);height:100dvh;color:var(--milu-video-fg);font-family:var(--font-sans);letter-spacing:0;position:fixed;inset:0;overflow:hidden}.milu-group-call-design h2{letter-spacing:0;font-family:inherit}.milu-group-call-design__notice{z-index:4;top:max(8px, env(safe-area-inset-top));background:var(--milu-video-shade);width:max-content;max-width:calc(100% - 24px);color:var(--milu-video-fg);text-align:center;border-radius:8px;padding:5px 10px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.milu-group-call-design__top{z-index:3;padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));background:linear-gradient(to bottom, var(--milu-video-shade), transparent);align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.milu-group-call-design__badge{color:var(--milu-video-fg);background:var(--milu-video-control)}.milu-group-call-design__stage{position:absolute;inset:0}.milu-group-call-design__stage[data-video=true]{bottom:var(--group-call-control-clearance);padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.milu-group-call-design__tiles{grid-auto-rows:minmax(0,1fr);gap:2px;height:100%;display:grid}.milu-group-call-design__tiles[data-columns="1"]{grid-template-columns:1fr}.milu-group-call-design__tiles[data-columns="2"],.milu-group-call-design__tiles[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.milu-group-call-design__tiles[data-count="2"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr}.milu-group-call-design__tile{isolation:isolate;background:var(--milu-video-surface);min-width:0;min-height:0;position:relative;overflow:hidden}.milu-group-call-design__tile .milu-group-call-design__person{width:56px;height:56px;font-size:22px}.milu-group-call-design__person{background:var(--milu-video-control);width:80px;height:80px;color:var(--milu-video-fg);font-size:26px}.milu-group-call-design__tile-name,.milu-group-call-mini__name{z-index:1;background:var(--milu-video-shade);width:max-content;min-width:0;max-width:calc(100% - 20px);color:var(--milu-video-fg);border-radius:8px;padding:4px 8px;line-height:20px;position:absolute;inset:auto auto 10px 10px;overflow:hidden}.milu-group-call-design__tile-name{align-items:center;gap:6px;display:flex}.milu-group-call-design__video--mirrored{transform:scaleX(-1)}.milu-group-call-design__footer{z-index:3;padding:12px 16px max(24px, env(safe-area-inset-bottom));text-align:center;background:linear-gradient(to top, var(--milu-video-shade), transparent);position:absolute;inset:auto 0 0}.milu-group-call-design__controls{justify-content:center;gap:16px;display:flex}.milu-group-call-design__top,.milu-group-call-design__footer{transition:opacity .24s}.milu-group-call-design[data-chrome=false] .milu-group-call-design__top,.milu-group-call-design[data-chrome=false] .milu-group-call-design__footer{opacity:0;pointer-events:none;visibility:hidden}.milu-group-call-design__voice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:124px 24px 108px;display:flex;overflow:auto}.milu-group-call-design__avatars{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;width:100%;max-width:480px;display:grid}.milu-group-call-design__voice .milu-group-call-design__person{width:64px;height:64px;font-size:22px}.milu-group-call-design__participants{z-index:2;inset:calc(max(8px, env(safe-area-inset-top)) + 110px) 0 110px;background:var(--milu-video-bg);padding:20px max(24px,50% - 260px);position:absolute;overflow:auto}.milu-group-call-design__participants .milu-group-call-design__person{width:48px;height:48px;font-size:18px}.milu-group-call-design__search{background:var(--milu-video-control);color:var(--milu-video-fg);border:0}.milu-group-call-design__search::placeholder{color:var(--milu-video-fg);opacity:.65}.milu-group-call-design__row{color:var(--milu-video-fg);border-bottom:1px solid var(--milu-video-control)}.milu-group-call-design__row[aria-pressed=true] .milu-group-call-design__check{background:var(--milu-vivid);border-color:var(--milu-vivid)}.milu-group-call-design__check{border:1px solid var(--milu-video-control)}@media (width>=768px){.milu-group-call-design__tiles[data-count="2"]{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.milu-group-call-design__tiles[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.milu-group-call-design__avatars{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px}}@media (height<=540px){.milu-group-call-design{--group-call-control-clearance:calc(54px + max(12px, env(safe-area-inset-bottom)) + 12px)}.milu-group-call-design__tiles[data-count="2"]{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.milu-group-call-design__tile{gap:2px}.milu-group-call-design__tile>.milu-group-call-design__person{width:32px;height:32px;font-size:14px}.milu-group-call-design__person{width:48px;height:48px;font-size:18px}.milu-group-call-design__voice{gap:12px;padding-block:110px 100px}.milu-group-call-design__avatars{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.milu-group-call-design__footer{padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.milu-group-call-design__top,.milu-group-call-design__footer{transition:none}}.milu-group-call-design [data-speaking=true] .milu-group-call-design__person,.milu-group-call-design__tile[data-speaking=true]{box-shadow:inset 0 0 0 3px var(--milu-vivid)}.milu-group-call-pill{z-index:69;top:max(8px, env(safe-area-inset-top));background:var(--milu-vivid);max-width:calc(100% - 24px);color:var(--primary-foreground);box-shadow:0 6px 20px color-mix(in srgb, var(--milu-vivid) 35%, transparent);border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.milu-group-call-pill__body{min-width:0;color:inherit;align-items:center;gap:8px;padding:4px 10px;font-size:14px;font-weight:600;display:flex}.milu-group-call-pill__btn{background:color-mix(in srgb, var(--primary-foreground) 22%, transparent);width:32px;height:32px;color:inherit;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.milu-group-call-pill__end{background:var(--destructive);color:var(--destructive-foreground)}.milu-video-mini.milu-video-mini--group{width:140px}.milu-group-call-mini__placeholder{background:var(--milu-video-surface);height:100%;color:var(--milu-video-fg);place-items:center;display:grid}.milu-group-call-mini__name{pointer-events:none;font-size:12px}@media (width>=768px){.milu-video-mini.milu-video-mini--group{width:226px}}
